Prinsip animasi

1
JPSMK, FP UTM
THE FUNDAMENTAL
PRINCIPLES OF ANIMATION
1
JPSMK, FP UTM
inovatif ● entrepreneurial ● global
ISU UTAMA
2
1
Teknik-teknik
menghasilkan
animasi
tradisional ?
2
Teknik-teknik
menghasilkan
animasi digital ?
3
Bolehkah teknik
tradisional
digunakan
dalam
penghasilan
animasi
digital ?
JPSMK, FP UTM
ISU UTAMA
3
Animasi
berkualiti
dihasilkan ?
Mengapa?
TEKNOLOGI
DIGITAL
Animasi
tidak
berkualiti
dihasilkan ?
Mengapa?

2
JPSMK, FP UTM
ISU UTAMA
• Apakah yang perlu dilakukan bagi memastikan animasi
yang dihasilkan berkualiti dan realistik ?
• Apakah panduan, prinsip atau peraturan yang mungkin
anda tahu atau boleh digunakan bagi tujuan tersebut ?
4
JPSMK, FP UTM
12 PRINSIP-PRINSIP ASAS ANIMASI
5
1
2
3
4
5
Squash and Stretch
Anticipation
Staging
Follow Through
and Overlapping Action
Straight Ahead Action
& Pose-to-Pose Action
6
Slow In &
Slow Out
JPSMK, FP UTM
12 PRINSIP-PRINSIP ASAS ANIMASI
6
7
8
9
11
Arcs
Solid Drawing
Exaggeration
10
Secondary Action
Timing
12
Appeal

3
JPSMK, FP UTM
7
1. Squash and Stretch
https://www.youtube.com/watch?v=haa7n3UGyDc
JPSMK, FP UTM 8
Squash and Stretch
Pergerakan bola mana yang kelihatan PALING realistik ?
JPSMK, FP UTM
Bouncing Ball Example
• Bola di kiri bergerak pada kelajuan yang sekata
tanpa ada squash/stretch.
• Bola di tengah bergerak perlahan ke bawah dan
atas tanpa squash/stretch.
• Bola di kanan bergerak pada kelajuan sekata
dengan squash/stretch.
9
Squash and Stretch

4
JPSMK, FP UTM 10
Squash and Stretch
JPSMK, FP UTM 11
Squash and Stretch
JPSMK, FP UTM
12
 Rigid objects retain shape during movement
 Living flesh deforms
 Volume remains constant
 Stretch is useful to ensure object positions
overlap when object moving quickly.
Squash and Stretch

5
JPSMK, FP UTM
13
 Prinsip ini penting dalam ekspresi
muka animasi, dimana ia
menunjukkan flaksibiliti otot serta
kulit muka dan otot dan ianya
berkaitan dengan anggota lain
pada muka.
Squash and Stretch
JPSMK, FP UTM
14
2. Anticipation
Pergerakan mana yang kelihatan LEBIH realistik ?
JPSMK, FP UTM
15
Anticipation
https://www.youtube.com/watch?v=F8OtE60T8yU&feature=iv_365189439

6
JPSMK, FP UTM
16
Anticipation
JPSMK, FP UTM
17
 Pergerakkan terbahagi 3;
 Persedian untuk aksi (anticipation)
 Aksi
 Pengakhiran aksi (follow through)
 Kenapa ianya penting?
Anticipation
JPSMK, FP UTM
 Antipitasi diperlukan untuk:
 Aksi kelihatan normal
 Pergerakkan otot (menendang bola)
 Persedian penonton akan aksi seterusnya
 Perhatian ke babak seterusnya
 Contoh:
 Goofy bersedia untuk memukul bola
18
Anticipation

7
JPSMK, FP UTM 19
Anticipation
JPSMK, FP UTM 20
Anticipation
JPSMK, FP UTM 21
Anticipation

8
JPSMK, FP UTM
22
3. Staging
https://www.youtube.com/watch?v=u-SXLaQGg50&list=PL-
bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=3
JPSMK, FP UTM
23
 Perlu idea yang jelas untuk
persembahan
 Persembahan idea
 Hanya satu idea dalam satu masa
 Digunakan untuk membawa penonton
dari satu idea ke satu idea yang lain.
“Look at this, now look at this”
3. Staging
JPSMK, FP UTM
24
Contoh:
 Gunakan pergerakkanpada
objek yang static atau
gunakan objek statik pada
scene yang bergerak.
 Jangan menimbulkan
kekeliruan pengguna dengan
menggunakan terlalu banyak
aksi pada masa yang sama.
 Gunakan 1 aksi bagi
menyampaikan idea kecuali
ianya adalah babak yang
kecoh.
3. Staging

9
JPSMK, FP UTM
25
4. Straight Ahead Action & Pose-to-Pose Action
https://www.youtube.com/watch?v=v8quCbt4C-c&index=4&list=PL-
bOh8btec4CXd2ya1NmSKpi92U_l6ZJd
JPSMK, FP UTM
26
 Straight Ahead
 Animator bermula dari lukisan awal dan
seterusnya hingga di akhir scene.
 Ianya dipanggil Straight ahead action
kerana pelukis melukis dari lukisan awal
pada scene.
 Frame by frame animation ?
Straight Ahead Action & Pose-to-Pose Action
JPSMK, FP UTM
27
 Straight Ahead
 Proses ini menghasilkan lukisan dan
pergerakkan aksi yang agak kasar
hinggalah ke pergerakkan yang cantik
serta lembut kerana ia satu proses yg
kreatif

10
JPSMK, FP UTM
28
 Pose-to-Pose
 Animator merancang setiap aksi, melukis lukisan dia
atara aksi dan sebagainya.
 Animasi pose-to-pose, animator merancang aksi,
memikirkan adakah lukisan diperlukan untuk animasi
dalam scene.
 Pose-to-pose digunakan dalam amimsi bagi
menghasilkan aksi yang bersesuaian dimana masa dan
pergerakkan adalah penting.
JPSMK, FP UTM
29
5. Follow Through & Overlapping Action
https://www.youtube.com/watch?v=4OxphYV8W3E&list=PL-
JPSMK, FP UTM
Berdasarkan imej disebelah,
apa yang mungkin anda
faham mengenai prinsip
follow through &
overlapping action ?
30
Follow Through & Overlapping Action

11
JPSMK, FP UTM
31
 Follow through adalah
pengakhiran sesuatu aksi.
 Contoh; membaling bola-
tangan berterusan
bergerak selepas bola
dibaling. Bagi pergerakkan
yang kompleks ianya
bergantung kepada kadar
serta masa sesuatu
pergerakkan.
JPSMK, FP UTM
32
 Overlapping bermaksud
permulaan aksi kedua
sebelum aksi utama tamat
sepenuhnya.
 Kenapa ianya penting?
 Ia bagi memastikan minat
penonton terus kekal.
JPSMK, FP UTM 33

12
JPSMK, FP UTM
34
Overlapping Action
 Permulaan bagi aksi kedua sebelum aksi
pertama tamat sepenuhnya.
 Walaupun aksi kedua sedikit/kecil tapi
ianya akan menyebabkan aksi lebih
menarik.
 Aksi baharu bermula SEBELUM aksi sebelum
berhenti.
 Tiada aksi yang berhenti secara tiba-tiba.
JPSMK, FP UTM
35
6. Slow In and Slow Out
https://www.youtube.com/watch?v=fQBFsTqbKhY&list=PL-
JPSMK, FP UTM
36
Apakah yang anda faham mengenai prinsip
Slow In and Out berdasarkan animasi berikut ?
Slow In and Slow Out

13
JPSMK, FP UTM
37
 Pergerakkan akan menjadi lebih
baik/lancar/realistik.
 Ambilkira daya graviti bagi sesuatu pergerakkan
yang melibatkan ketinggian atau pantulan.
 Menghasilkan pergerakkan yang lebih ‘lembut’
dan kurang ‘stiff’
 Gunakan lengkungan berbanding hanya laluan
yang lurus.
 Pergerakkan pada laluan lurus=lebih laju
JPSMK, FP UTM 38
Slow In and Out berdasarkan animasi berikut pula ?
JPSMK, FP UTM
39
7. Arcs
https://www.youtube.com/watch?v=I1_tZ9LhJD4&index=7&list=P
L-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

14
JPSMK, FP UTM
40
Arcs
 Tiada pergerakkan yang sentiasa lurus/tegak
kecuali pergerakkan sebuah robot.
 Penggunaan lengkungan dalam animasi akan
menjadikan pergerakkan animasi lebih realistik
dan lembut.
 Ianya boleh diaplikasikan pada setiap
pergerakkan dalam animasi
JPSMK, FP UTM
41
8. Secondary Action
https://www.youtube.com/watch?v=MjBHWw1TbP4&index=8&li
st=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd
JPSMK, FP UTM
42
Secondary Action
Secondary Action berdasarkan paparan berikut ?

15
JPSMK, FP UTM
43
 Tumpuan perhatian dan menambah elemen
realistic
 Ekspresi muka boleh menjadi aksi kedua yang
menjadikan animasi lebih realistik.
 Aksi kedua adalah hasil dari aksi pertama
 Aksi nutral
 Boleh tertinggal bila ianya berlaku pada
pertengahan pergerakkan utama.
Secondary Action
JPSMK, FP UTM
44
 Aksi yang terhasil dari aksi yang lain.
 Digunakan bagi meningkatkan aksi kompleks
dan perhatian.
 Sepatutnya ianya menonjol tapi kekalnya
sebagai aksi kedua.
Contoh:
Pergerakkan bdan adalah aksi utama, ekspre
si muka adalah aksi kedua.
Secondary Action
JPSMK, FP UTM 45
9. Timing and Motion
https://www.youtube.com/watch?v=BarOk2p38LQ&index=9&list
=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

16
JPSMK, FP UTM 46
Timing and Motion
Apakah mesej yang cuba disampaikan
menerusi animasi yang berikut ?
JPSMK, FP UTM
47
 Memberi makna kepada pergerakkan.
 Masa yang tepat pada pergerakkan adalah
kritikal bagi menjadikan idea difahami.
 Masa (timing)=kelajuan aksi
Timing and Motion
JPSMK, FP UTM
48
Terlalu laju:
 Munkin ianya tidak perasan
 Munkin penonton tidak memahami apa
yang berlaku.
 Munkin tarikan perhatian tidak cukup
Terlalu perlahan:
 Makna aksi tersebut munkin hilang.
 Menjadi bosan.
Timing and Motion

17
JPSMK, FP UTM
49
Timing and Motion
JPSMK, FP UTM
50
Dalam kumpulan 3 orang pelajar,
bincangkan faktor-faktor yang mungkin
memberi kesan terhadap masa dan
pergerakan (timing & motion) sesuatu
animasi.
Timing and Motion
JPSMK, FP UTM
51
 Contoh:
 Timing: watak kecil bergerak lebih pantas
berbanding watak besar.
 Motion: boleh mengambarkan berat sesuatu
objek.
 Berpatutan (jangan terlalu banyak) pada
persediaan, aksi, refleksi:
 Terlalu lama menyebabkan perhatian
penonton menjadi bosan/hambar.
Terlalu cepat menyebabkan penonton
tidak tahu apa yang berlaku. happened .
Timing and Motion

18
JPSMK, FP UTM
52
Timing and Motion
JPSMK, FP UTM
53
Timing and Motion
JPSMK, FP UTM
54
 Menentukan berat sesuatu objek- objek yang
berat memerlukan lebih kuasa untuk
mula/berhenti/bertukar arah.
 Berat bergantung kepada ruang/masa
 Pergerakkan yang realistik bergantung pada
watak
Timing and Motion

19
JPSMK, FP UTM
55
Timing and Motion
Personality ? Emotion ?
JPSMK, FP UTM
56
10. Exaggeration
https://www.youtube.com/watch?v=HfFj-VQKiAM&index=10&list=PL-
bOh8btec4CXd2ya1NmSKpi92U_l6ZJd
JPSMK, FP UTM
57
Exaggeration
Exaggeration berdasarkan animasi berikut ?

20
JPSMK, FP UTM
 Exaggerate bagi
mempercepatkan penonton
memahami idea utama
penggunaannya perlu bersesuaian
agar watak lebih menyakin dari
segi ekspresi, pergerakkan dan
sebagainya.
 Perlu digunakan dengan hati-hati.
Exaggeration
JPSMK, FP UTM
59
11. Solid Drawing
https://www.youtube.com/watch?v=7An0jukOkCI&list=PL-
JPSMK, FP UTM
60
Solid Drawing
 Menjadikan watak animasi lebih realistik.
 Mengambilkira; berat, jumlah dan
keseimbangan dalam melukis watak animasi.
 Lukisan yang dihasilkan perlu padu agar
animasi yang dihasilkan lebih kelihatan 3D
walaupun menghasilkan animasi 2D.

21
JPSMK, FP UTM
61
12. Appeal or Personality
https://www.youtube.com/watch?v=_SplEuWp0Yw&list=PL-
JPSMK, FP UTM
62
 Mengapa personaliti-personaliti tertentu dalam
animasi mampu menarik perhatian dan begitu
juga sebaliknya ?
 Contoh : Mr Bean, Donald Duck dan
sebagainya ?
Appeal or Personality
JPSMK, FP UTM
63
 Elakkan ‘kembar’ – kedua-dua tangan atau kaki
atau muka pada kedudukan yang sama.
 Rujuk penonton apa yang mereka inginkan.
 Watak tidak boleh terlalu ringkas (bosan) atau
terlalu kompleks.

22
JPSMK, FP UTM
64
 For example, in Disney's
animated classic "Peter Pan",
Captain Hook is an evil
character, but most people
would agree that his character
and design has appeal.
 The same goes for Hopper in "A
Bug's Life". Even though he's
mean and nasty, his design and
characterization/personality still
has a lot of appeal.
JPSMK, FP UTM
65
The 12 Principles of Animation
 Squash and Stretch (Pengecutan & Perengangan)
 Merujuk kepada struktur atau bentuk fizikal objek yang mengalami perubahan
bentuk semasa bergerak
 Anticipation (Antisipitasi)
 Persediaan untuk melakukan sesuatu aksi.
 Staging
 Mempersembahkan sesuatu idea agar ianya jelas difahami
 Straight Ahead Action and Pose-to-Pose Action
 Dua pendekatan yang berbeza dalam menghasilkan satu kesan animasi
12 PRINSIP ANIMASI
JPSMK, FP UTM
66
 Follow Through and Overlapping Action (Aksi Berkesinambungan & Bertindanan)
 Menamatkan sesuatu aksi serta membuat pehubungan dengan aksi yang akan
berlaku seterusnya.
 Slow In and Out (Gerak Perlahan Di awal dan diakhir)
 Satu teknik menjarakkan tempoh masa bagi menghasilkan kesan pergerakan
yang lebih realistic
 Arcs (Gerakan Melengkung)
 Pembentukan satu laluan bagi membentuk kesan pergerakan yang lebih asli
12 PRINSIP ANIMASI

23
JPSMK, FP UTM
67
 Secondary Action (Aksi Sekunder)
 Aksi yang berlaku hasil dari satu aksi yang lain.
 Timing (Penetapan Masa)
 Jarak masa yang diambil bagi mewakili sesuatu aksi. Ianya mempengaruhi maksud
dan juga personaliti sesuatu aksi.
 Exaggeration (Dramatasi Gerakan)
 Tindakan mempertegas atau memberi penekanan terhadap sesuatu idea agar
ianya mudah diterima.
12 PRINSIP ANIMASI
JPSMK, FP UTM
68
 Solid Drawing
 Lukisan watak atau objek mengikut prinsip lukisan yang betul seperti berat, nilai,
prespektif, keseimbangan dan lain-lain.
 Appeal (Penampilan Diri atau Personaliti)
 Menyediakan satu rekabentuk atau penampilan yang mudah diterima atau
digemari oleh penonton.
12 PRINSIP ANIMASI
JPSMK, FP UTM
www.jz-media.com
69

Prinsip animasi

Recommended

Recommended

More Related Content

Recently uploaded

Recently uploaded (9)

Featured

Featured (20)

Prinsip animasi