ANIMASI

Rekayasa Sistem Multimedia Ratna Shofiati, MKom

PENDAHULUAN (1)
Animate artinya memberi hidup Contoh : gambar diam dibuat sedemikian sehingga bisa terlihat seperti bergerak

PENDAHULUAN (2)
Animasi, terutama pada film-film kartun memerlukan model yang akan dipotret menjadi serangkaian gambar diam Gambar-gambar tersebut kemudian dirangkai menjadi sebuah film. Stop Motion

Stop Motion (Priebe, 2011)

Pembuatan model untuk karakter spongebob, dengan berbagai ekspresi dan ukuran

Stop Motion (Priebe, 2011)

Setting Gambar untuk film kartun Spongebob, dan proses pengambilan gambar

Stop Motion (Priebe, 2011)

Para artis menyiapkan setting film yang akan dibuat.

SEJARAH (1)
Animasi dimulai dengan gambar sekuensial pacuan kuda oleh Edward Muybridge pada abad 19. Thomas Edison menemukan kinegraph. Kinegraph dapat mengambil 10 gambar dalam 1 detik

SEJARAH (2)
1928 : Disney dengan Mickey Mouse 1950 : Computer Generated Graphic 1970 : Penambahan efek pada gambar seperti pada film A Space Odissey 1995 : Pixar membuat Toy Story yang merupakan film animasi pertama yang digenerate komputer

PENGGUNAAN ANIMASI
Menstimulasi emosi dan rasa senang Industri entertainment Jantung dari computer games Edukasi Virtual Reality

KEYFRAMES & TWEENING (1)

Tradisional : Keyframe Dalam keyframe terdapat perubahan aksi objek major. Tweening merupakan gambar-gambar diantara keyframe major Animator menemukan bahwa 18 movement pada 24 frame/sekon membuat gambar hidup

KEYFRAMES & TWEENING (2)

Untuk movement 9 gambar, hasil kurang bagus tapi masih bisa diterima. Agar ada 18 movement, tiap gambar difoto 2x Pada awal animasi, gambar dibuat dengan handdrawing. Sekarang sudah banyak tools untuk animasi : Flash (2D), Blender (3D), 3dMax (3D), Maya (3D)

TIPE-TIPE ANIMASI : CEL

Cel Animation. Cel dari kata celluloid Dibuat dari beberapa celluloid yang dijadikan lapisan-lapisan untuk menghasilkan 1 frame.

Cel Animation
Gambar diatas ada 3 cell, dimana 2 cell merupakan gambar karakter dan 1 cell gambar background

TIPE-TIPE ANIMASI : PATH (1)

Path atau Sprite Animation merupakan animasi yang tidak dibuat dengan kumpulan frame, tetapi dengan perhitungan matematis (vektor) Pada animasi ini ada sebuah gambar atau kumpulan gambar yang disebut dengan sprite. Sprite akan bergerak sepanjang path yang dibuat, dan biasanya berbentuk kurva Spline

Path Animation
Objek pesawat bergerak mengikuti jalur (path) yang ditentukan

TIPE-TIPE ANIMASI : PATH (2)

Kurva Spline mempunyai titik-titik kontrol, dimana objek akan melewati titik-titik kontrol tersebut. Path animation lebih compact karena data yang disimpan lebih kecil. Isinya lebih banyak vektor dibanding gambarnya.

TIPE-TIPE ANIMASI : 2D VS 3D

2D

3D

COMPUTER ASSISTED ANIMATION

Timeline Stage Keyframes Other Tools : Path, color, scripting

MEMBUAT GERAKAN
Sistem Koordinat :
X, Y X, Y, Z

Transformasi
Translasi Rotasi Skalasi

PRINSIP-PRINSIP ANIMASI
Squash and strech Anticipation Staging Follow Though and overlapping Action Slow-in and slow-out Secondary action Timing Exaggeration Appeal

Squash and Stretch Objek meregang dan kembali lagi

Anticipation Persiapan sebelum melakukan gerakan berikutnya

Staging Posisi, atau penempatan objek terhadap audience

Follow Through and Overlapping Action Gerakan yang terjadi karena gerakan lain, dan biasanya kontinue sehingga overlap

Slow-in and Slow-out Gerakan lambat sebelum atau sesudah gerakan inti

Arcs Jika gerakan dapat ditarik garis, maka akan lebih menarik jika berbentuk lengkung dibanding dengan garis lurus

Secondary Action Gerakan sekunder yang mengikuti sebuah gerakan inti

Timing Waktu gerakan (lambat , cepat, terburu-buru atau relax) disesuaikan dengan situasinya

Exaggeration Efek yang menyebabkan sebuah gerakan terasa nyata

Appeal Visual psikologi. Karakter yang menarik audiencenya lebih disukai dibandingkan yang biasa saja

TEKNIK-TEKNIK ANIMASI
Onion Skinning Motor cycling Masking Adding Sound Flip Book Animation Rotoscoping and Blue Screening Color Cycling Morphing

Onion Skinning

Motion Cycling

Masking

Flip Book Animation

Rotoscoping And Bluescreening

Color Cycling

Morphing

Atau

Morphing

ANIMASI PADA WEB

Animasi pada website harus dapat dimainkan dengan streaming Dimana sebelum file upload seluruhnya, animasi tersebut sudah main Besar kecil file sangan berpengaruh Shockwave format (swf), clint-pull animation (<META>), server push animation (CGI Common Gateway Interface)

Membuat Animasi
Interpolasi : Linier dan Spline Parameter curve editing Hirarki Inverse Kinematics (IK) Motion Path Shape Changes Camera Animation Animating Light and Surface Properties

Referensi
Ranjan Parekh, 2006, Principles of Multimedia,Tata McGraw-Hill, New Delhi Ken A. Priebe, 2011, The Advanced Art of Stop Motion Animation, Cengage Learning, Boston