Materi Dasar Animasi

D A R I K E LO M P O K 4
1618127 – MUHAMMAD ARIQ IHSAN
1 4 1 8 0 1 4 - M U H A M M A D R I FA I N . Y U S U F
1 6 1 8 1 3 0 J U N A I DY A RYA N T O L E N D E
Sejarah Animasi
Animasi dengan Ketekunan Penglihatan
 Shadow puppets
 Flipbook
 Thaumotrope (1800s)
 Phenakistiscope (1830)
 Zoetrope (1834)
Sejarah Animasi (Lanjutan...)
Animasi Menggunakan Fotografi
 Muybridge (1885)
 Film projector (Edison, 1891)
Sejarah Animasi (Lanjutan...)
Animasi Pertama menggunakan kamera
 1896, Georges Melies, menggunakan efek animasi dalam objek kepala yang terpotong di atas meja.
 1900, J. Stuart Blackton, menggunakan asap dalam animasi dan trik film

Kartunis dan Animator Pertama

Winsor McCay
 Little Nemo (1911)
 Gertie the Dinosaur (1914
Sejarah Animasi (Lanjutan...)
Awal Pengembangan Teknik Animasi
1910, Bray dan Hurd
 Dipatenkan kertas tembus pandang / translucent cels (sebelumnya seluloid digunakan,
tetapi asetat digunakan sekarang) yang digunakan dalam layer untuk compositing
 Dipatenkan gambar gray-scale
 Dipatenkan menggunakan pasak untuk alignment untuk overlays
 Dipatenkan penggunaan gambar latar belakang yang besar dan panning camera
Sejarah Animasi (Lanjutan...)
Animasi dari Disney
 Animasi tingkat lanjut yang berbeda dari sebelumnya
 Pertama kali animasi memiliki suara di 1928 dalam animasi dengan judul “Steamboat Willie”
 Pertama kali menggunakan storyboards
 Pertama kali untuk animasi yang lebih realis
 Menemukan multiplane camera
• Creating illusion of depth
• Zooming
• Parallax
• Motion blur
Definisi Animasi
Animasi berasal dari bahasa inggris yaitu animate yang artinya menghidupkan, memberi jiwa
dan mengerakan benda mati. Animasi adalah gambar bergerak yang terbentuk dari sekumpulan
objek yang di susun secara beraturan mengikuti alur pergerakan yang telah di tentukan pada
tenggang waktu (timeline) tertentu.
Prinsip Dasar Perancangan
Animasi
Dibawah ini merupakan 12 Prinsip/Syarat Animasi agar animasi terlihat seperti nyata :
1. Timing (Waktu)
2. Ease In dan Ease Out (Percepatan dan Perlambatan)
3. Arcs (Lengkungan)
4. Follow Through and Overlapping Action (Gerakan penutup sebelum benar-benar diam)
5. Secondary Action (Gerakan Pelengkap)
6. Squash and Strecth (Kelenturan suatu objek)
Prinsip Dasar Perancangan
Animasi (Lanjutan...)
7. Exaggeration (Melebih-lebihkan)
8. Straight Ahead and Pose to Pose
9. Anticipation ( Gerakan Pendahulu )
10. Staging (Bidang Gambar)
11. Personality (Penjiwaan Karakter)
12. Appeal (Daya Tarik Karakter)
Prinsip Dasar Perancangan
Animasi (Lanjutan...)
12. Appeal (Daya Tarik Karakter)
Ada juga yang berpendapat bahwa appeal adalah tentang penokohan, berkorelasi
dengan ‘kharisma’ seorang tokoh atau karakter dalam animasi. Sehingga visualisasi animasi
yang ada bisa mewakili karakter/sifat yang dimiliki.
Daya tarik karakter tersebut harus bisa mempengaruhi emosi penonton. Misalkan
tampangnya yang bodoh sehingga membuat penonton tertawa atau tampang yang tak
berdosa sehingga membuat penonton merasa kasihan.
Perception
pengertian persepsi adalah tanggapan langsung dari suatu serapan atau proses seseorang mengetahui
beberapa hal melalui pengindraan.
Perceptual / Visual Perception merupakan bagian dari analysis visual III, sama seperti Sensual / Visual
Sensation. Visual Perception ialah sebuah kesimpulan dari semua informasi yang dikumpulkan oleh sel-sel
organ indera, dan menghasilkan sebuah arti. Misalnya ketika kita ingin menggambar aliran seni kubisme,
pertama-tama kita melihat, telaah, teliti, kemudian semakin tahu, hingga dapat menggambarnya.
Visual Perception adalah hasil dari informasi yang diterima organ perasa. Jadi setelah visual sensual diterima
oleh kita, akan ada sebuah proses untuk menjadikannya kedalam sebuah arti.

Cinematic/ Motion perception mengacu pada proses kognitif dan sensorik yang kita gunakan saat melihat
adegan, peristiwa, narasi, efek cahaya, mimik yang ada pada gambar hasil editing. Visual media yang
dinamis seperti film dan televisi telah menjadi bagian sehari-hari kita.
Sistem Koordinat
Sistem koordinat adalah suatu cara/metode untuk menentukan letak suatu titik.
Sistem Koordinat
(Lanjutan ...)
SISTEM KOORDINAT KARTESIUS

Diperhatikan 2 garis lurus, satu mendatar (horizontal) dan yang lain tegak (vertical). Selanjutnya,
garis mendatar ini disebut sumbu-x sedangkan garis yang tegak disebut sumbu-y. 
Perpotongan kedua sumbu tersebut dinamakan titik asal (origin) dan diberi tanda O
Sejarah Animasi Komputer
 1963 –Ivan Sutherland’s (MIT) menemukan Sketchpad
 1970 –Evans and Sutherland (Utah) memulai pengembangan program komputer grafik (dan
mendirikan perusahaan)
 1972 –Ed Catmull’ s (Utah) membuat animasi tangan dan wajah (kemudian co-founded
Pixar)
 1970’ s –Norm Badler (Penn) Center for Modeling and Simulation, Jack
Sejarah Animasi Komputer
(Lanjutan ...)
 1970’ s –New York Institute of Technology (NYIT) Alvy Ray Smith (Cofounded Pixar dan Lucas
film) dan Catmull mengembangkan Bbop*
 3D key-frame articulated animation system
 1980’ s –Daniel dan Nadia Magnenant-Thalmann (Swiss Universities) menjadi European
powerhouses
Sejarah Animasi Komputer
(Lanjutan ...)
 1977 –Starwars
 1980’ s –SGI ditemukan, and Alias/Wavefront ditemukan
 1982 –Tron (first extensive use of graphical objs.)
 1982 –Early use of particle systems (Star Trek II: The Wrath of Khan)
 1986 –Young Sherlock Homes (first use of synthetic character in film)
 The Abyss (1989) ,Terminator II (1991)
 Casper (1995), Men in Black (1997)
Jenis – Jenis Animasi
Dilihat dari teknik pembuatannya animasi yang ada saat ini dapat dikategorikan menjadi 3, yaitu:
1. Animasi Stop-motion (Stop Motion Animation)
2. Animasi Tradisional (Traditional animation)
3. Animasi Komputer (Computer Graphics Animation)
Langkah – Langkah Untuk
Produksi Animasi Komputer
Langkah – Langkah Produksi Animasi 2D
1. Pra Produksi
2. Produksi
3. Pasca Produksi
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
1. Pra Produksi
Tahap pra-produksi adalah akar dari keseluruhan proses pembuatan animasi 2D,
didalam tahap ini, kalian diharuskan untuk menentukan ide, cerita, storyboard, dan desain.
Kemantapan pra-produksi menentukan hasil akhir dari animasi 2D yang akan dibuat.
Terdapat 4 Proses dalam tahap pra-produksi yaitu :
◦Ide (Ideas)
Ide adalah akar yang paling dasar atau tunggal yang harus dipersiapkan sebelum
melakukan apapun. Ide yang unik dan visioner dapat menentukan kepuasan penonton.
◦Cerita (Story)
Setelah memikirkan ide, kita harus memikirkan jalan cerita yang menarik. Dalam
proses ini, dibutuhkan banyak pengalaman dalam menulis cerita, novel, dan lain-lain
yang berhubungan dengan pembangunan cerita.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Storyboard
Storyboard dapat mewakili setiap scene yang tersedia pada keseluruhan film
animasi dan menggambarkan suasana atau situasi dasar seperti pose karakter, posisi
kamera, suara, dan dialog.
◦Desain (Design)
Rancanglah sketsa untuk kebutuhan produksi, seperti desain karakter dan objek
lainnya. Lebih meningkat dari storyboard, desain harus dibuat lebih rinci.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
2. Produksi
Tahap produksi adalah inti dari keseluruhan proses, tahap ini sangat mempengaruhi
visual dan kualitas gambar pada hasil akhir. Terdapat beberapa proses didalamnya seperti
Perancangan Layout, R&D, Character, Texturing, Rigging, Animation, VFX, Lighting, dan
Rendering.
◦Layout
Perancangan Layout adalah proses awal produksi, karena mengandung informasi
visual yang berupa sketsa atau gambaran yang lebih detail tentang scene pada setiap
animasi yang akan dibuat. Layout sangat diutamakan untuk background, dan digambar
secara hitam putih juga lebih cenderung menggambarkan rancangan secara detail agar
mempercepat proses animasi.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦R&D atau Research and Development
R&D atau Research and Development dibutuhkan untuk pengujian efektivitas
produksi animasi yang bersifat analisis supaya dapat berfungsi di masyarakat luas.
Proses ini dilakukan untuk mendapatkan informasi tentang kebutuhan pengguna. Jadi,
produksi animasi kita dapat dinikmati dan dimengerti oleh penonton.
◦Character
Pembuatan karakter tergantung pada 2 hal, keterampilan menggambar tangan atau
secara digital (komputer).
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Texturing
Untuk hasil yang lebih maksimal, maka ditambahkan tekstur pada setiap desain
Pada dasarnya, setiap desain harus memiliki warna, dan tekstur adalah pelengkapnya.
◦Rigging
Pada animasi berbasis komputer, rigging sudah menjadi bagian penting dari proses
pembuatan animasi. Berbeda dengan tradisional, yang hampir keseluruhannya
membutuhkan keahlian dalam menggambar tangan. Rigging berguna untuk
menambahkan tulang dan sendi pada karakter yang telah kita buat. Agar dapat kita
gerakkan secara terpisah dan lebih praktis. Untuk pergerakkan, animator dapat
mengatur keyframe sebagai poin perpindahan.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Animation
Langkah selanjutnya adalah melakukan animasi. Semua pergerakkan bergantung
kepada storyboard, dimana setiap adegan sudah dicatat dengan jelas.
◦VFX
Penambahan VFX atau Visual Effects dibutuhkan untuk menghiasi animasi yang
mengandung unsur elemen seperti api, air, asap, cahaya, dan masih banyak lagi. VFX
cenderung diaplikasikan untuk kebutuhan yang tidak bisa dibuat dengan gambar
ataupun animasi. Efek ini banyak dibuat pada software 3D.
◦Lighting
Pencahayaan agar menghidupkan gambar yang flat atau datar, dan kuat dalam
menggambar situasi agar lebih terasa oleh penonton. Pencahayaan dapat diatur dengan
penambahan bayangan atau cahaya manual, atau dengan tool pencahayaan khusus
pada aplikasi tertentu.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Rendering

Ini adalah proses yang mengakhiri tahap produksi, rendering berguna untuk
mengubah atau menerbitkan project animasi pada software untuk mendapatkan hasil
video dalam format file tertentu.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
3. Pasca Produksi
Tahap ini menugaskan kita untuk dapat menambahkan modifikasi akhir yang dapat
membuat animasi terlihat lebih bagus. Tetapi jangan terlalu banyak menambahkan
modifikasi atau hiasan akhir, dan usahakan agar hasil akhir tetap didalam jalur atau tidak
terlalu rumit untuk ditonton. Terdapat beberapa proses didalamnya seperti Compositing,
Color Correcting, Dubbing / Musik / Sound Effects, dan Final Output.
◦Compositing
Compositing atau bisa juga disebut dengan proses penggabungan hasil render dari
tahap produksi sebelumnya, proses ini sangatlah membutuhkan keterampilan dalam
video editing. Biasanya dalam proses ini, penambahan transisi video selalu
diaplikasikan. Compositing sangat mempengaruhi durasi film beserta scene didalam
nya.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Color Correcting

Warna adalah unsur penting dalam suatu gambar tetap ataupun gerak. Warna
dapat menghidupkan bahkan menghasilkan aura tertentu. Maka dari itu, Color
Correcting sangatlah penting dalam tahap Paksa Produksi. Proses ini dapat mengubah
panorama film sesuai mood, bisa gunakan beberapa efek warna untuk diaplikasikan ke
film animasi yang sedang buat. Diantaranya Color Corrector, Color Channel, RGB
Settings, Hue/Saturation, dan lainnya.
◦Dubbing / Musik / Sound Effects

Beberapa animator memiliki cara tersendiri dalam melakukan proses dubbing atau
penambahan suara pada film mereka. Ada yang terbiasa dengan merekam atau
menambahkan audio pada tahap Pra-Produksi, Produksi, bahkan Paska Produksi. Hal ini
bebas dilakukan jika film yang kita kerjakan adalah film animasi.
Langkah – Langkah Untuk Produksi
Animasi Komputer (Lanjutan...)
◦Final Output

Untuk proses akhir, yaitu Final Output. Proses ini adalah puncak dari keseluruhan
produktivitas pembuatan film Animasi 2D maupun 3D. Final Output bisa dilakukan
dengan proses exporting atau rendering. Pada proses ini, mengatur atau menentukan
opsi akhir secara detail untuk format film sesuai dengan kebutuhan. Sama seperti
proses Rendering pada tahap Produksi, namun Final Output adalah proses akhir dan
setelah itu tidak akan ada lagi proses penyuntingan yang dibutuhkan.