Topik 2:: Mengenal Teknik Animasi

Topik 2:
Mengenal Teknik
Animasi
Menguasai Pembuatan Filter Tiktok dengan
Teknik Animasi untuk Content Creator
Say Hello to Our Coach!
Weli Andrian
● Animator 2D untuk beberapa project animasi Tim Re-Animation Community
Universitas Islam Negeri Sultan Syarif Kasim Riau (2010 - 2012)
● Co-Founder startup Pekanbaru Animation (2012 - sekarang)
● Ketua Tim Ahli Pengembangan Industri Animasi “Animasi Riau”, Dinas
Perindustrian Provinsi Riau (2014 - 2017)
● Membuat serial animasi 2D untuk konten Youtube Pekanbaru Animation
“Kisah Imam 4 Mahzab” (2017)
● Membuat iklan motion graphic & 3D rancangan gedung baru kampus STIE
Riau Kota Pekanbaru (2018)
● Membuat video animasi 3D profil dan kampanye kegiatan SKK Migas Kota
Pekanbaru (2018)
● Membuat film animasi 3D singkat cerita rakyat “Indragiri Tajau Emas” pada
Universitas Islam Riau (2019)
● Membuat video animasi 3D safety induction gedung Bank Indonesia Provinsi
Riau (2019)
● Membuat animasi untuk Balai Pelayanan Penempatan dan Perlindungan
Tenaga Kerja Indonesia (BP3TKI) Pekanbaru (2019)
www.rumahsiapkerja.com
Ismarianda Putra
● Creative Marketing Animation Lead (Senior Associate) di
Shopee, November 2021 - sekaran
● Creative Marketing Animator (Associate) di Shopee,
Desember 2018 - November 2021 (3 tahun)
● Creative di The MOKU April 2015 - Agustus 2017 (2 tahun 5
bulan)
● Creative/3D Generalist di Rigarts, Januari 2012 - Agustus 2017
(5 tahun 8 bulan)
● 3Ds Max 2015 Certified Professional
● Mengajar di Hellomotion Academy (2021 - sekarang)
Teddy Tirtayasa
● Animator/Video Editor at Chrome Asia Technologies (Agustus 2022 –
sekarang)
● Animator at FastCut Video (Maret 2022 – sekarang)
● Video Editor at The Funding Bali (Januari 2022 – Agustus 2022)
● Assistant Video Editor at Nobacklog (Juli 2021 – Oktober 2021)
● Videographer at Odessey MVMT (April 2021 – Januari 2022)
● Senior Motion Graphic at Red White Indonesia (Januari 2020 – Januari
2021)
● Freelance Motion Artist (Agustus 2016 – Januari 2020)
● Motion Graphic Artist at Saishowa Design (Agustus 2017 – Desember 2019)
● Pengajar pada pelatihan Animasi dan Video Editing, Computer Course Bali
(Januari – Agustus 2022)
Konten Pembelajaran
1 2
Mengenal Teknik Jenis-Jenis

Animasi Teknik Animasi
Perancangan
Teknik Animasi
1. Mengenal Teknik Animasi
Mengapa menggunakan Animasi?
Mengapa Animasi?
01 02 03
Menarik perhatian dengan Memperindah tampilan video Mempermudah susunan
adanya pergerakan gambar video
dan suara yang selaras
04
Mempermudah penggambaran
tiap ide
Pengertian Animasi
Berasal dari kata ”Animation” dalam

bahasa Inggris ”to animate” yang
berarti menggerakan. Jadi animasi
dapat diartikan menggerakan
sesuatu (gambar atau objek) yang
diam.
Lukisan bison di gua Altamira,
Spanyol
Sejarah Awal Animasi

Sejarah animasi dimulai dari zaman es,
dengan ditemukannya lukisan-lukisan pada
dinding gua di Spanyol yang
Contoh gambar yang dibuat
pada dinding
menggambarkan ”gerak” dari
binatang-binatang.
Pada 4000 tahun yang lalu, bangsa Mesir

juga mencoba menghidupkan suatu
peristiwa dengan gambar-gambar yang
dibuat berurutan pada dinding.
Prinsip Dasar Animasi
Persistence of vision (pola penglihatan yang teratur)
Paul Roget, Joseph Plateau dan Pierre Desvigenes,

melalui peralatan optik yang mereka ciptakan, berhasil
membuktikan bahwa mata manusia cenderung
menangkap urutan gambar-gambar pada tenggang
waktu tertentu sebagai suatu pola.
Prinsip Animasi berdasarkan persistance of vision
yaitu sequence gambar yang diekspos pada

tenggang waktu tertentu sehingga tercipta sebuah
ilusi gambar bergerak.
Apakah ada prinsip animasi yang
lain?
12 Prinsip Animasi
12 Prinsip Animasi
1. Solid drawing
Kemampuan dasar menggambar yang kuat, meliputi:
anatomi, komposisi, berat, keseimbangan, pencahayaan,
dan sebagainya yang dapat dilatih melalui serangkaian
observasi dan pengamatan.
2. Timing and Spacing

Timing adalah tentang menentukan waktu kapan
sebuah gerakan harus dilakukan, sementara spacing
adalah tentang menentukan percepatan dan
perlambatan dari bermacam-macam jenis gerak.
12 Prinsip Animasi
3. Squash and strecth
upaya penambahan efek lentur (plastis) pada objek
atau figur sehingga -seolah-olah ‘memuai’ atau
‘menyusut’ sehingga memberikan efek gerak yang lebih
hidup.
4. Anticipation
persiapan/ awalan gerak atau ancang-ancang.
Seseorang yang bangkit dari duduk harus
membungkukkan badannya terlebih dahulu sebelum
benar-benar berdiri. Pada gerakan memukul, sebelum
tangan ‘maju’ harus ada gerakan ‘mundur’ dulu. Dan
sejenisnya.
12 Prinsip Animasi
5. Slow in and slow out
setiap gerakan memiliki percepatan dan perlambatan
yang berbeda-beda. Slow in terjadi jika sebuah gerakan
diawali secara lambat kemudian menjadi cepat. Slow out
terjadi jika sebuah gerakan yang relatif cepat kemudian
melambat.
6. Arcs
Dalam animasi, sistem pergerakan tubuh pada
manusia, binatang, atau makhluk hidup lainnya
bergerak mengikuti pola/jalur (maya) yang disebut Arcs.
12 Prinsip Animasi
7. Secondary action
gerakan-gerakan tambahan yang dimaksudkan
untuk memperkuat gerakan utama supaya sebuah
animasi tampak lebih realistik.
8. Follow Through and Overlapping Action

tentang bagian tubuh tertentu yang tetap bergerak
meskipun seseorang telah berhenti bergerak.
Misalnya, rambut yang tetap bergerak sesaat
setelah berhenti berlari.
12 Prinsip Animasi
9. Straight Ahead Action and Pose to Pose
Dari sisi resource dan pengerjaan, ada dua cara yang

bisa dilakukan untuk membuat animasi.
Yang pertama adalah Straight Ahead Action, yaitu

membuat animasi dengan cara seorang animator
menggambar satu per satu, frame by frame, dari awal
sampai selesai seorang diri.
Yang kedua adalah Pose to Pose, yaitu pembuatan

animasi oleh seorang animator dengan cara
menggambar hanya pada keyframe-keyframe
tertentu saja.
12 Prinsip Animasi
10. Staging
staging meliputi bagaimana ‘lingkungan’ dibuat untuk
mendukung suasana atau ‘mood’ yang ingin dicapai
dalam sebagian atau keseluruhan scene.
11. Appeal
Appeal berkaitan dengan keseluruhan look atau gaya
visual dalam animasi.
12. Exaggeration
Exaggeration adalah upaya untuk mendramatisir sebuah
animasi dalam bentuk rekayasa gambar yang bersifat
hiperbolis.
Contoh-contoh Animasi
1 ANIMASI 2D 2 ANIMASI 3D
Dikenal dengan nama flat animation atau Pengembangan dari animasi 2D. Karakter
seperti film kartun pada masa awal. yang diperlihatkan semakin hidup dan
nyata mendekati wujud manusia aslinya.
3 ANIMASI JEPANG (ANIME) 4 ANIMASI GIF
Sebutan tersendiri untuk film animasi dari Teknik animasi sederhana yang
Jepang. Menggunakan karakter dan menggunakan prinsip animasi dasar
background yang digambar dengan berupa gambar-gambar yang saling
tangan serta sedikit bantuan komputer. dihubungkan.
2. Jenis-Jenis Teknik Animasi
Apa saja teknik Animasi yang Anda ketahui?
Dilihat dari teknik pembuatannya, animasi
dapat dikategorikan menjadi 3, yaitu:
1 Animasi Stop-motion (Stop Motion

Animation)
Animasi Tradisional (Traditional

2 Animation)
Animasi Komputer (Computer Graphics

3 Animation)
01 Animasi Stop-Motion
Disebut juga claymation karena dalam perkembangannya

sering menggunakan clay (tanah liat) sebagai objek yang
digerakkan.
Teknik stop-motion animation merupakan animasi yang

dihasilkan dari pengambilan gambar berupa objek (boneka
atau yang lainnya) yang digerakkan setahap demi setahap.
Dalam pengerjaannya, teknik ini memiliki tingkat kesulitan dan
memerlukan kesabaran yang tinggi.
Contoh Animasi Stop-Motion
CHICKEN RUN CELEBRITY DEADMATCH
Kelebihan dan Kekurangan
Animasi Stop-Motion
Kelebihan Kekurangan
● Secara teknis mudah dibuat ● Konsep pengerjaan lama dan

● Tidak memerlukan peralatan memerlukan konsep yang
yang mahal, cukup kamera matang
dan tripod ● Memerlukan kesabaran tinggi
dalam pengerjaannya
● Gerak objek terbatas
02 Animasi Tradisional
Dinamakan tradisional karena merupakan yang teknik animasi yang pertama

kali dikembangkan. Sering disebut cell animation karena teknik pengerjaannya
dilakukan pada celluloid transparent yang mirip dengan transparansi OHP. Pada
pembuatan animasi tradisional, setiap tahap gerakan digambar satu persatu di
atas cell. Saat ini pengerjaan teknik ini sudah menggunakan komputer dan lebih
dikenal dengan animasi 2 dimensi.
Contoh gerakan berjalan pada animasi 2 dimensi

Contoh Animasi Tradisional
MICKEY MOUSE DORAEMON
Animasi Tradisional
● Animasi 2D lebih sederhana ● Setiap adegan membutuhkan gambar

dibandingkan animasi 3D karena khusus sehingga butuh banyak gambar
tidak membutuhkan teknologi untuk membuat sebuah gerakan
terbaru dan software khusus yang ● Kualitas gambar dari animasi 2D terkesan
jadul dan tidak mengikuti perkembangan
rumit.
zaman.
● Jika terjadi kesalahan dalam
● Kebanyakan orang lebih menyukai
pembuatan animasi tinggal
animasi 3D karena efek gambar yang
digambar ulang terlihat lebih nyata
● Membutuhkan keahlian khusus, diperlukan
mereka yang mampu sketsa dan gambar.
03 Animasi Komputer
Animasi ini secara keseluruhan dikerjakan dengan menggunakan komputer.

Dari pembuatan karakter, mengatur gerakkan “pemain” dan kamera,
pemberian suara, serta special effect-nya semua dikerjakan dengan komputer.
Sering disebut animasi 3D (dimensi).
Contoh animasi 3 dimensi

Contoh Animasi Komputer
MInions DORAEMON: STAND BY ME 2
Animasi Komputer
● Animasi 3D dapat menyajikan ● Pengerjaan animasi 3D sangat

tampilan film yang lebih nyata terbatas tergantung pada apa yang
dan menakjubkan
bisa dibuat dengan komputer
● Gambar yang dibuat bisa
digunakan berkali kali sehingga ● Teknologi animasi 3D tergolong
lebih hemat waktu dan biaya masih baru sehingga kadang muncul
produksi. bug, glitches dan virus yang
● Perkembangan teknologi yang menghambat pembuatan
pesat mendukung perkembangan
● Pengerjaannya memerlukan banyak
animasi 3D untuk lebih up-to-date
● Lebih banyak peminat karena waktu untuk menghasilkan animasi
lebih terlihat nyata yang sempurna
3. Perancangan Teknik Animasi
6 hal penting untuk menciptakan perancangan
animasi yang efektif dan interaktif, yaitu:
1 2 3
Symbol dan Animasi Sound
Symbol Editor
4 5 6
Action Script Publikasi Flash dan
Flash HTML
1 Symbol dan Symbol Editor
Simbol yang dibuat akan dijadikan

master dan disimpan di dalam library
movie, simbol-simbol ini juga dapat
dipergunakan berkali-kali tanpa perlu
takut ukuran file dalam flash. Dalam
aplikasi flash, simbol editor akan
terpisah dari stage.
2 Animasi
Animasi akan tercipta dengan

mengubah isi beberapa frame
berurutan dalam jangka waktu tertentu,
animasi ini dapat berupa
frame-by-frame animation yang
didapat dengan mengubah isi setiap
frame secara berurutan.
3 Sound
Unsur interaksi dan suara adalah

tujuan utama dalam pembuatan
animasi multimedia dimana unsur
suara dapat mengisi kekosongan
yang terdapat pada pembuatan
animasi.
4 Action Script
Bahasa pemrograman komputer

yang terintegrasi dalam perangkat
lunak perancangan animasi.
Bahasa ini dapat meng-
intergrasikan fungsi-fungsi
navigasi maupun interaksi
kompleks yang dapat mendukung
animasi.
5 Publikasi
Publikasi adalah tujuan yang akan

dicapai dari apa yang kita buat,
yang pada nantinya akan
dinikmati oleh setiap orang, baik
berupa presentasi , CD interaktif
atau situs.
6 HTML
HTML adalah fungsi yang akan

dijadikan movie pada web broser,
seperti biasa kita harus
meletakkan movie ke dalam
halaman HTML (Object Embeded).
MENGENAL
SOFTWARE
ANIMASI
Dari sisi penggunaannya, software
pembuatan animasi dibagi menjadi dua:
Animasi 2 Dimensi Animasi 3 Dimensi
Macromedia flash,
3D Studio Max, Maya, Poser,
Macromedia director, Corel
Cinema 4D.
Draw, Adobe after effect.
Apa saja kelebihan dan kekurangan
dari masing-masing aplikasi?
01 Kelebihan dan
kekurangan pada
beberapa software 2
dimensi
1. Macromedia Flash
● Software animasi paling popular ● Grafis kurang lengkap

saat ini, sehingga banyak ● Pilihan menu tidak user friendly
didukung berbagai pihak. ● Bahasa pemrograman cukup
● Ukuran file kecil dengan kualitas sulit
baik. ● Belum ada template
● Kebutuhan hardware tidak tinggi
● Dapat ditampilkan di berbagai
media
● Adanya action Script
Contoh tampilan
Macromedia Flash
2. Macromedia Director
● Adanya fitur zoom stage ● Plugin shockwave director

● Kompresi bitmap berkapasitas besar
● Lock and Unlock Sprite ● Memiliki ukuran file yang besar
● Peletakan pada Guide and Grid ● Membutuhkan RAM berkapasitas
● Mengontrol gambar bitmap besar
● Mengontrol masukan suara ● Menggunakan processor
berkapasitas tinggi
Contoh tampilan Macromedia
Director
3. Corel Draw
● Tampilan yang elegan. ● Warna kurang akurat saat

● Hasil gambar berbasis vektor dicetak pada beberapa jenis
lebih baik printer
● Dukungan format Import / Export ● Resource dan ukuran file cukup
yang banyak besar
● Tersedianya banyak tool, baik ● Saat penggabungan dua objek
selection, editing, dan vektor dan Photo / bitmap
pemberian efek kualitasnya kurang memuaskan.
Contoh tampilan Corel Draw
4. Adobe after effect
● Dukungan efek yang melimpah ● Kompleksitas fitur

● Dukungan native untuk arsitektur membutuhkan waktu lama
CPU 64 bit untuk mempelajarinya.
● Dukungan keyframe dan ● Dibutuhkan PC berspesifikasi
scripting tinggi
● Mampu melakukan konversi file ● Fungsi rendering teks kurang
vector ke shape optimal
● Mempertahankan detail gambar ● Tidak support Linux
agar tetap halus saat kompresi
Contoh tampilan Adobe after effect
02 Kelebihan dan
kekurangan pada
beberapa software 3
dimensi
1. 3D Studio Max
● Mampu mengubah objek virtual ● kemampuan untuk membuat

sesuai keinginan. karya visual dengan
● Mampu memberikan kesan pencahayaan kompleks
material mendekati aslinya
membutuhkan waktu lama.
seperti material kayu, batuan,
dan tanah. ● Memiliki kecenderungan untuk
● Mampu memberikan efek-efek memperbesar dan keluar sendiri
khusus pada hasil akhir produk jika file besar diimpor ke
seperti efek cahaya dan program ini.
bayangan, efek atmosfer seperti
api, kabut, dan kilat.
Contoh tampilan 3D studio Max
2. Maya 3D
● Maya 3D memungkinkan ● 3D Maya tidak berisi fitur Bi-PED

pengguna untuk secara bebas seperti 3D Studio Max, yang
dan mudah memanipulasi berarti untuk menciptakan
objek. struktur rangka karakter,
● Maya 3D memiliki visual yang pengguna harus membangun
satu set kerangka dari bawah ke
baik
atas. Hal ini dapat memakan
● Menyediakan pengaturan waktu, terutama jika Anda
pencahayaan dan tekstur untuk membuat kelompok besar
membantu membuat objek karakter untuk film atau video
terlihat lebih realistis game
Contoh tampilan Maya 3D
3. POSER PRO
● Dapat membuat karakter 3D ● Tidak memungkinkan kita

dengan template atau bebas, mengimpor art dari program
serta kemampuan untuk lain.
menyimpan set animasi secara ● Tidak mampu membuat model
langsung. UV Mapping.
● Kurva pembelajarannya tidak
terlalu curam jika dibandingkan
dengan Maya atau Blender
● Mudah untuk membuat adegan
dengan fleksibilitas tinggi
Contoh tampilan Poser Pro
4. Cinema 4D
● Programnya ringan. ● Software ini memiliki lisensi yang

● Tidak memakai banyak memori tidak bersifat open source.
dalam meng-install. ● Sulit menemukan tutorial
● Tidak menguras terlalu banyak mengenai aplikasi ini di internet.
RAM. ● Harga dari software yang cukup
mahal.
Contoh tampilan Cinema 4D

Topik 2:: Mengenal Teknik Animasi

Diunggah oleh

Informasi Dokumen

Judul Asli

Hak Cipta

Format Tersedia

Bagikan dokumen Ini

Bagikan atau Tanam Dokumen

Opsi Berbagi

Apakah menurut Anda dokumen ini bermanfaat?

Apakah konten ini tidak pantas?

Hak Cipta:

Format Tersedia

Topik 2:: Mengenal Teknik Animasi

Diunggah oleh

Hak Cipta:

Format Tersedia

Topik 2:

Mengenal Teknik Jenis-Jenis

Berasal dari kata ”Animation” dalam

Sejarah Awal Animasi

Pada 4000 tahun yang lalu, bangsa Mesir

Paul Roget, Joseph Plateau dan Pierre Desvigenes,

Prinsip Animasi berdasarkan persistance of vision

yaitu sequence gambar yang diekspos pada

2. Timing and Spacing

8. Follow Through and Overlapping Action

Dari sisi resource dan pengerjaan, ada dua cara yang

Yang pertama adalah Straight Ahead Action, yaitu

Yang kedua adalah Pose to Pose, yaitu pembuatan

1 Animasi Stop-motion (Stop Motion

Animasi Tradisional (Traditional

Animasi Komputer (Computer Graphics

Disebut juga claymation karena dalam perkembangannya

Teknik stop-motion animation merupakan animasi yang

CHICKEN RUN CELEBRITY DEADMATCH

● Secara teknis mudah dibuat ● Konsep pengerjaan lama dan

Dinamakan tradisional karena merupakan yang teknik animasi yang pertama

Contoh gerakan berjalan pada animasi 2 dimensi

MICKEY MOUSE DORAEMON

● Animasi 2D lebih sederhana ● Setiap adegan membutuhkan gambar

Animasi ini secara keseluruhan dikerjakan dengan menggunakan komputer.

Contoh animasi 3 dimensi

MInions DORAEMON: STAND BY ME 2

● Animasi 3D dapat menyajikan ● Pengerjaan animasi 3D sangat

Simbol yang dibuat akan dijadikan

Animasi akan tercipta dengan

Unsur interaksi dan suara adalah

Bahasa pemrograman komputer

Publikasi adalah tujuan yang akan

HTML adalah fungsi yang akan

Animasi 2 Dimensi Animasi 3 Dimensi

● Software animasi paling popular ● Grafis kurang lengkap

● Adanya fitur zoom stage ● Plugin shockwave director

● Tampilan yang elegan. ● Warna kurang akurat saat

● Dukungan efek yang melimpah ● Kompleksitas fitur

● Mampu mengubah objek virtual ● kemampuan untuk membuat

● Maya 3D memungkinkan ● 3D Maya tidak berisi fitur Bi-PED

● Dapat membuat karakter 3D ● Tidak memungkinkan kita

● Programnya ringan. ● Software ini memiliki lisensi yang

Anda mungkin juga menyukai