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?

TEKNOLOGIDIGITAL

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

12

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 sekatatanpa ada squash/stretch.

• Bola di tengah bergerak perlahan ke bawah danatas tanpa squash/stretch.

• Bola di kanan bergerak pada kelajuan sekatadengan squash/stretch.

9

Squash and Stretch

https://www.youtube.com/watch?v=haa7n3UGyDc

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 UTM14

2. Anticipation

Pergerakan mana yang kelihatan LEBIH realistik ?

JPSMK, FP UTM15

Anticipation

https://www.youtube.com/watch?v=F8OtE60T8yU&feature=iv_365189439

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

https://www.youtube.com/watch?v=u-SXLaQGg50&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=3

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 actionkerana pelukis melukis dari lukisan awal

pada scene.

Frame by frame animation ?


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


https://www.youtube.com/watch?v=v8quCbt4C-c&index=4&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

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-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=5

JPSMK, FP UTM


Berdasarkan imej disebelah, apa yang mungkin anda faham mengenai prinsip follow through & overlapping action ?

30

Follow Through & Overlapping Action

https://www.youtube.com/watch?v=4OxphYV8W3E&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=5

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-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=6

JPSMK, FP UTM


36

Apakah yang anda faham mengenai prinsip Slow In and Out berdasarkan animasi berikut ?

Slow In and Slow Out

https://www.youtube.com/watch?v=fQBFsTqbKhY&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=6

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

Apakah yang anda faham mengenai prinsip 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=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

https://www.youtube.com/watch?v=I1_tZ9LhJD4&index=7&list=PL-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&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

JPSMK, FP UTM


42

Secondary Action

Apakah yang anda faham mengenai prinsip Secondary Action berdasarkan paparan berikut ?

https://www.youtube.com/watch?v=MjBHWw1TbP4&index=8&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

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, ekspresi 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

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 disampaikanmenerusi 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 UTM52

Timing and Motion

JPSMK, FP UTM53

Timing and Motion

JPSMK, FP UTM54

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 UTM55

Timing and Motion

Personality ? Emotion ?

JPSMK, FP UTM56

10. Exaggeration

https://www.youtube.com/watch?v=HfFj-VQKiAM&index=10&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

JPSMK, FP UTM57

Exaggeration

Apakah yang anda faham mengenai prinsip Exaggeration berdasarkan animasi berikut ?

https://www.youtube.com/watch?v=HfFj-VQKiAM&index=10&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd

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 UTM59

11. Solid Drawing

https://www.youtube.com/watch?v=7An0jukOkCI&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=11

JPSMK, FP UTM60

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.

https://www.youtube.com/watch?v=7An0jukOkCI&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=11

21

JPSMK, FP UTM61

12. Appeal or Personality

https://www.youtube.com/watch?v=_SplEuWp0Yw&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=12

JPSMK, FP UTM62

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.


https://www.youtube.com/watch?v=_SplEuWp0Yw&list=PL-bOh8btec4CXd2ya1NmSKpi92U_l6ZJd&index=12

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

http://images.amazon.com/images/P/6305327025.01.LZZZZZZZ.jpg

http://images.amazon.com/images/P/6305327025.01.LZZZZZZZ.jpg

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

Design

Transcript of Prinsip animasi