MOTION GRAPHICS

GENAP 2022-2023 | DESAIN KOMUNIKASI VISUAL – UK PETRA

MINGGU 03
MOTION PRINCIPLES
MOTION PRINCIPLES

THE 12 BASIC
PRINCIPLES OF
ANIMATION
Dikutip dari buku “The Illusion Of Life – Disney Animation" by Frank
Thomas & Ollie Johnston.(pp.47-69). Prinsip animasi ini menjadi
standarisasi dalam pekerjaan animasi termasuk juga motion graphics.
MOTION PRINCIPLES

THE 10 BASIC
PRINCIPLES OF MOTION
Seorang motion graphic artist dari Vancouver, Canada yang Bernama JR
Canest membuat daftar 10 prinsip yang berlaku dalam desain gerak
berdasarkan 12 prinsip animasi.
MOTION PRINCIPLES

1. Timing, Spacing & Rhythm

2. Eases
3. Mass & Weight
4. Anticipation
5. Arcs
6. Squash, Stretch & Smears
7. Follow Through & Overlapping Action
8. Exaggeration
9. Secondary or Layered Animation
10. Appeal
MOTION PRINCIPLES
Timing, Spacing & Rhythm

• Prinsip ini berfokus pada waktu (durasi dan frame) dan interaksinya dengan arah gerakan
sehingga berpengaruh terhadap bagaimana mata manusia mempersepsi kecepatan gerak.

• Anda bisa mengatur frame rate dalam sebuah gerak. 24, 25 atau 30 fps

• Anda juga bisa mengatur timing gerak elemen mengikuti ritme / tempo audio.
 MOTION PRINCIPLES
Timing, Spacing & Rhythm

Courtesy of vmgstudios
MOTION PRINCIPLES
Ease

• Prinsip ini adalah terkait laju perubahan kecepatan gerak yang dihasilkan. Adanya percepatan
dan perlambatan sebuah gerak menghasilkan gerak yang lebih alami.
 MOTION PRINCIPLES
Ease

Courtesy of vmgstudios
MOTION PRINCIPLES
Mass & Weight

• Di dunia nyata, pergerakan sebuah objek fisik tergantung pada massa dan beratnya.
• Dalam menggerakkan elemen grafis yang abstrak juga harus dipikirkan massa dan beratnya
untuk menentukan pengaruh terhadap pergerakannya. Hal ini karena mata manusia selalu
menginterpretasikan gerak berdasarkan gerak di dunia nyata
 MOTION PRINCIPLES
Mass & Weight

Courtesy of vmgstudios
MOTION PRINCIPLES
Anticipation

• Sebelum anda melakukan gerakan utama, selalu ada gerakan awal yang cenderung bergerak
ke arah berlawanan sehingga dapat menciptakan momentum yang cukup untuk melakukan
gerakan utama atau gerakan yang ingin dilakukan.
 MOTION PRINCIPLES
Anticipation

Courtesy of vmgstudios
MOTION PRINCIPLES
Arcs

• Gerak secara alami tidak terjadi alur geraknya secara lurus melainkan sedikit melengkung
(arcs). Sehingga untuk menghasilkan gerakan yang natural, selalu tambahkan arcs dalam
setiap pergerakan.
 MOTION PRINCIPLES
Arcs

Courtesy of vmgstudios
MOTION PRINCIPLES
Squash, Stretch, and Smears

• Prinsip gerakan ini memberikan ilusi dan penekanan akan kecepatan, berat, massa dan
momentum benda bergerak.

A. Ketika bola mengumpulkan energi, bola akan terlihat

tertekan ke bawah (squash), seolah-olah melakukan
antisipasi sebelum melepaskan energi.
A B
B. Ketika bola melepaskan energi, bola akan terlihat
melentur ke atas (stretch), demikian juga biasanya
ketika bola akan jatuh, karena tarikan gaya gravitasi,
maka bentuk bola akan mengalami deformasi
stretching.
 MOTION PRINCIPLES
Squash, Stretch, and Smears

Courtesy of vmgstudios
MOTION PRINCIPLES
Follow through and Overlapping Action

• Prinsip Follow Through berlaku ketika sebuah elemen objek berhenti, tidak berhenti secara
keseluruhan pada saat yang sama, namun masih ada gerakan menyusul supaya terlihat lebih
alami dan energik. Intinya tidak ada bagian yang langsung berhenti sekaligus.

• Prinsip Overlapping Action berlaku ketika sebuah objek mengubah arah gerak, bagian yang
lain dari objek tetap terus bergerak maju.
MOTION PRINCIPLES
Follow through and Overlapping Action

Follow Through
Overlapping Action

Follow Through
 MOTION PRINCIPLES
Follow through and Overlapping Action

Courtesy of vmgstudios
MOTION PRINCIPLES
Exaggeration

• Prinsip Exaggeration membantu menunjukkan gerak / aksi secara lebih jelas dan meyakinkan.
Pada praktiknya, prinsip ini tdak hanya sebatas memberikan distorsi pada bentuk objek atau
karakter namun juga memberikan penekanan atau energi yang sangat besar pada emosi,
gerakan, pose, dan bahkan sifat untuk memberikan gambaran kepribadian sebuah objek atau
karakter.
 MOTION PRINCIPLES
Exaggeration

Courtesy of vmgstudios
MOTION PRINCIPLES
Secondary or Layered Animation

• Prinsip ini berlaku untuk memberikan tambahan gerak untuk melengkapi dan memperkaya
gerakan utama yang sederhana dengan tujuan untuk menambahkan dimensi lebih dan
kedinamisan pada gerak, memperkuat gerak utama serta dengan harapan mempertahakan
perhatian viewer. Prinsip ini pada dasarnya seperti memberikan unsur “melebih-lebihkan”
gerakan utama.
 MOTION PRINCIPLES
Secondary or Layered Animation

Courtesy of vmgstudios
MOTION PRINCIPLES
Appeal

• Prinsip terakhir ini merupakan prinsip yang sederhana namun menjadi bagian terpenting.
Apakah karya motion graphics yang anda buat secara penerapan gerak dan desain, apakah
sudah menarik untuk dilihat?

• Tujuan membuat setiap karya desain media seperti motion graphics adalah untuk
mengkomunikasikan ide dan pesan tentang topik yang bisa saja belum menarik bagi penonton
secara umum. Tugas motion graphic artist untuk membuatnya terlihat menarik dan
menyenangkan.
MOTION PRINCIPLES
Appeal
DEMONSTRASI SOFTWARE
Demonstrasi dan praktikum prinsip dasar gerak elemen grafis menggunakan aplikasi software
Adobe After Effects. Topik praktek meliputi:

• Path shape morphing animation.

• Masking or track matte
• Demo mengaplikasikan prinsip gerak dalam motion graphics.
KEGIATAN TATAP MUKA MINGGU DEPAN
KULIAH
Pengantar tentang koordinasi gerak dan dasar komposisi dalam menggerakkan elemen-elemen
grafis

STUDIO
Demo dan praktek koordinasi gerak sederhana dengan Adobe After Effects dengan lingkup sub-
topik pembelajaran tentang:

• Importing Files (Footages)

• Shape movement and create simple transition
• Camera and 3D Layer
TUGAS 2
Kerjakan dan praktekkan teknik menggerakkan elemen grafis dan menerapkan prinsip gerak yang sudah
diajarkan berdasarkan contoh yang diberikan:
1. Semua asset menggunakan shape layer.
2. Software: Adobe After Effects.
3. Save format: mp4 H264 (video file).
4. Video file name format: Kelompok_NRP_Nama_02. mp4
5. Hasil akhir dikumpulkan sesuai dengan kesepakatan ass. dos masing-masing.
6. Praktekkan beberapa teknik dalam menggerakkan elemen grafis yang sudah diajarkan.

Durasi: maksimal 5 detik

Frame rate: 24 fps
Dimensi layar: 960 x 540 pixels
Aspect Ratio: Square Pixels
Resolusi: 72 dpi
Q&A
THANK
YOU