Animasi 2D & 3D
Topik #2: Animasi, Teknik Animasi dan Proses Pengembangan Produk Animasi
Muhamad Saad Nurul Ishlah, M.Comp.
Prodi Sistem Informasi, Sekolah Vokasi, Universitas Pakuan
Pembahasan
- Pentingnya Animasi
- Animasi & Tipe Animasi
- Teknik Animasi
- Animation Pipeline
- Perangkat pendukung Animasi (Software, Hardware, Peralatan, etc)
- Berkarir di bidang Animasi
Animasi
Apa yang muncul di pikiran Anda?


bagaimana kita merancang gerakan, bukan sekadar membuat gambar?
Flipbook
gerakan dari gambar diam
Setiap halaman berisi gambar yang sedikit berbeda.
Saat halaman dibalik dengan cepat, rangkaian gambar terasa bergerak.
Coba perhatikan: posisi objek, jarak antarposisi, dan perubahan bentuk.
A Bugs Life
Hiburan
Apakah hanya sebatas hiburan?
Animation is the most dynamic form of expression available to creative people
- Paul Wells (The Fundamentals of Animation)
Pentingkah Animasi?
Penggunaan Animasi
Animasi Bukan Hanya Hiburan
Hiburan dan bisnis (Common)
- Film
- Serial TV
- Iklan
Perkembangan teknologi
- Website
- Aplikasi Mobile
- Game
- AR/VR/Mixed reality
Ragam lain
- Kedokteran & Pengobatan
- Engineering
- Arsitektur
- Antariksa
- dll
Animasi Bukan Hanya Hiburan

Penggunaan Animasi
- Untuk menyampaikan cerita dan menjelaskan ide, terlepas dari usia, etnis, gender, agama atau kebangsaan
- Menggiring opini
- Menyatukan audiens
- Media komunikasi audio-visual yang fleksibel untuk menjelaskan konsep, informasi penting, promosi barang dan jasa
- Mendukung menjelaskan konsep teknis
- Pergerakan satelit di orbit
- Penjelasan planet
- Menyampaikan data secara lebih menarik
- Model komunikasi masa depan
Animasi & Tipe Animasi
Animasi?
- Animation > Animare (Latin) :
- "To give life to" (Memberi hidup untuk/kepada ...)
- Sebuah cara memanipulasi bentuk mati menjadi seolah bergerak (ilusi)
- Melibatkan pembuatan gambar buatan dalam urutan yang tampak bergerak melalui 'ketekunan visi' (Persistence of vision):
- Mata melihat gambar secara berurutan dan cepat
- Otak menipu kita untuk percaya bahwa gambar itu bergerak
- Pergerakan dibuat oleh ruang antarbingkai gambar (frame)
Animasi?
- Norman McLaren, Pionir animasi kelahiran Scottish:
- Animation is not the art of drawings that move, but rather the art of movement that are drawn
- Seni merancang pergerakan yang digambar
- Secara Teknis
- Gambar ditangkap oleh lensa fotografi atau scanner dalam urutan yang ditentukan, setiap lembar gambar disebut frame
- Urutan frame yang disusun secara kronologis disebut sequence, membuat gambar terlihat bergerak
- Frame rate, 24 frame per second (fps)

5+1 Tipe Animasi Populer
Beragam cara menciptakan gerakan
- Animasi Tradisional
- Animasi Vector/Bitmap
- Motion Graphics
- Animasi Komputer 3D
- Stop Motion
- AI-assisted Animation
#1 Animasi Tradisional
Gambar dibuat frame demi frame, biasanya dengan tangan
- Medium dominan untuk animasi (dulu)
- Semuanya digambar dengan tangan di atas kertas
- Rumah produksi:
- Disney
- Warner Bros
- Looney Tunes
- dll
- Contoh:
- Tarzan, Beast, Ariel, Aladdin, dll
#1 Animasi Tradisional
- Kelebihan:
- Memberikan kebebasan penuh dalam berkreasi untuk menggambar apa pun yang dapat Anda bayangkan
- Kekurangan:
- Keterampilan menggambar tingkat tinggi diperlukan dan pilihan pekerjaan jauh lebih sedikit
- Tingkat Keahlian: 5 stars
- Ketersedian Pekerjaan: 2 stars
#2 Animasi Vector/Bitmap
Gambar raster atau vektor dibuat dan dianimasikan dengan perangkat lunak.
- Mirip animasi tradisional
- Gambar dilakukan secara digital menggunakan perangkat lunak
- Kelebihan:
- Biaya pembuatan lebih murah
- lebih rapih daripada tradisional
- Kekurangan: memerlukan perangkat lunak untuk menggambar
- Tingkat keahlian: 3 stars
- Ketersediaan pekerjaan: 3 stars
#3 Motion Graphics
Teks, bentuk, logo, dan elemen grafis bergerak untuk menyampaikan pesan.
- Biasanya berfokus pada animasi bentuk dan teks, bukan pada karakter
- Menggerakkan elemen grafik lainnya, seperti judul dan logo
- Ranah pekerjaan: komersial, marketing, intro film, credits
- Tekanan lebih rendah
- Kelebihan:
- Medium sederhana
- Kekurangan: sangat sedikit aksi dan cerita
- Tingkat keahlian: 2 stars
- Ketersedian kerja: 4 stars
#4 Animasi Komputer 3D
Model 3D diberi material, pencahayaan, rig, dan gerakan.
- Tipe animasi populer saat ini
- Kelebihan:
- tidak perlu mengetahui cara menggambar, menggunakan character rigs
- Kekurangan:
- limitasi dari character rigs dan software
- Tingkat keahlian: 5 stars
- Ketersedian pekerjaan: 5 stars
#5 Stop Motion
Objek fisik difoto berulang kali dengan perubahan kecil di antara foto.
- Mengkombinasikan teknik animasi dan pembuatan film menggunakan objek fisik
- Menggunakan objek fisik, boneka, atau bahkan tubuh manusia dan mengambil serangkaian gambar dengan kamera untuk membuat animasi.
- Kelebihan:
- sangat organik dan menarik secara alami
- Kekurangan:
- Media paling padat karya
- Tingkat keahlian: 5 stars
- Ketersedian pekerjaan: 1 star
#6 AI-assisted Animation
- AI membantu mengembangkan gambar, gerakan, atau video berdasarkan arahan manusia.
- Manusia memberikan arahan (prompt)
- AI men-generate hasil
- Perlu token
- Kadang kurang akurat
5 Tipe Animasi Populer
Teknik Animasi
Teknik Animasi


Tidak ada satu teknik yang selalu paling mudah atau paling baik. Pilihan bergantung pada tujuan, gaya, sumber daya, dan kebutuhan proyek.
Frame Rate
Seberapa sering gambar ditampilkan?
- 24 fps berarti 24 frame ditampilkan setiap detik—umum pada film.
- Namun, 24 fps tidak berarti animator harus membuat 24 gambar unik per detik.
- Gambar dapat ditahan selama beberapa frame. Animasi 2D sering dibuat “on twos” atau dua frame untuk satu gambar.
Timing + Spacing = Karakter Gerakan
- Coba bayangkan bola yang jatuh: apakah jarak antarposisinya sama, atau semakin jauh saat mendekati lantai?



12 Prinsip Animasi
- Tahun 1981, Frank Thomas dan Ollie Johnston (2 dari Disney's Nine Old Men) mendefinisikan prinsip-prinsip bentuk, dalam sebuah buku,
- The Illusion of Life: Disney Animation
- Jika seorang kreator yang menggunakan animasi menginginkan kemampuan untuk membuat animasi mereka terlihat hidup, mereka harus terlebih dahulu memahami nuansa kehidupan itu sendiri
- Mendeskripsikan 12 prinsip utama yang menghubungkan animasi dengan hukum fisika, sambil mewujudkan gagasan bahwa proses animasi dapat bertentangan dengan hukum ini dengan alasan tertentu
12 Prinsip Animasi
- Squash and Stretch
- Anticipation
- Staging
- Straight-ahead action and pose-to-pose drawing
- Follow-through and overlapping actions
- Slow in and slow out
7. Arcs
8. Secondary action
9. Timing
10. Exaggeration
11. Solid drawing
12. Appeal
12 Prinsip Animasi
Bagaimana Sebuah Produk Animasi Dibuat?
Animation Pipeline
Proses Pembuatan Animasi
Animation Pipeline
Andrew Selby
Pre-production
(Pra-produksi)
Production
Post-production
(Produksi)
(Pasca-produksi)
Pre-production (Pra-produksi)
Proses ekplorasi dan tes terhadap ide dan konsep untuk script, visual dan audio sebagai persiapan material pada tahap produksi
- Briefing
- Script
- Concept and Ideas
- Research
- Treatment
- Storyboard
- Development
- Sound
Production (Produksi)
Proses pembuatan karya seni, pengambilan gambar film, dan rekaman suara
Produk Animasi 2D
- Creating key frames
- Motion tests
- Background
- In-between frames
- Inking, painting and compositing
- Picture editing
- Rendering
- Workprint
Produk Animasi 3D
- Modelling
- Rigging and animating
- Effects and lighting
- Compositing
- Rendering
- Workprint
Post-production (Pasca Produksi)
Fase pasca produksi mengambil semua materi yang difilmkan dan direkam dan disintesis menjadi produk, menambahkan efek dan judul khusus, sehingga siap untuk dirilis dan didistribusikan
- Special effects
- Panning
- Color correction and mastering
- Titles and credits
- Release and Distribution
Perangkat Pendukung Animasi
Software, Hardware, Tools, Library
Software 2D






Krita
Harmony
($$/month)
Flipbook
Dragonframe ($$$)
Adobe Animate CC ($$/month)
TVPaint
Software 3D




Hardware & Tools
- Light box
- Basic desktop / Laptop and Mouse
- Tablet (Wacom Intuos Tablet)
- Graphic card and/or memory
Library
- Arc Tracker
- Ghosting
- AnimBot
Berkarir di Animasi
Berkarir di bidang animasi
- Movie/Film Animators
- Feature film
- VFX
- Video Game Animators
- Cinematics: intro, cut scene, trailer, short film, game
- In-game Cycles
- Mocap (motion capture)
- Motion Graphics & Freelance Animators
- Advertising (Iklan)
- Occational Film/TV/Games
Berkarir di bidang animasi
- Independent Filmmakers
- Youtubers
- Crowdfunding Films
Referensi
Referensi
Rusty Animator, 2020. Animation for Beginners: A Quick Start Epic Guide. rustyanimator.com
Wells, P., & Moore, S., 2016. The Fundamentals of Animation. London: Bloomsbury Publishing PLC
Selby A., 2013. Animation. London: Laurence King Publishing
Wyatt A., 2010. The Complete Digital Animation Course: Principles, practice, and technique – a practical guide for aspiring animators. Hauppauge, NY: Barron’s Educational Series, Inc.
Terima kasih
Animasi 2D & 3D - Pertemuan #2
By M. Saad Nurul Ishlah
Animasi 2D & 3D - Pertemuan #2
- 2,438