Dokumen tersebut membahas tentang konsep dasar animasi yaitu timing dan spacing. Timing mengacu pada jumlah frame yang diperlukan untuk menggerakkan objek antar keyframe, sementara spacing mengacu pada besaran perubahan antar frame yang mempengaruhi kecepatan gerakan. Keduanya dapat diatur menggunakan tools seperti Dopesheet dan Graph Editor di Blender untuk memperbaiki aliran gerakan animasi. Contoh praktik membuat bola yang melompat dig

1. @agatestudio
Timing & Spacing
Henky
Wizard
Agate Studio

2. @agatestudio
Introduction Animation - Keyframe
• Keyframe : Frame yang menyimpan atribut (location,
rotation, scaling, etc) dari suatu object dalam satuan
waktu tertentu.
• Keyframe di blender berupa titik orange (graph
editor).
• Cara membuat Keyframe :
– Shortcut (I) > Tentukan atribut yang ingin disimpan di
keyframe tersebut (Location, Rotation, Scaling, dll)
– Klik Transform Object Properties > Klik kanan “Insert
Keyframe”
– Auto Keyframing (dari User preferences atau timeline)

3. @agatestudio
Introduction Animation – Timing
• Timing : Sejumlah frame yang diperlukan untuk
menggerakan benda dari satu keyframe ke keyframe
lainnya atau Jarak antara keyframe yang satu ke
keyframe yang lainnya.
• Untuk mengubah posisi keyframe dapat
menggunakan Dopesheet.
• Semakin banyak frame semakin lambat gerakan.
Begitu pula sebaliknya.

4. @agatestudio
Introduction Animation – Spacing
• Spacing : Perubahan value yang terjadi di antara
frame.
• Semakin sedikit perubahan, maka gerakan akan
semakin lambat. Begitu pula sebaliknya.
• Beberapa animasi yang memiliki timing yang sama
bisa menjadi animasi dengan karakteristik yang
berbeda dengan mengatur spacingnya.
• Di Blender kita bisa mengatur value dari Spacing
dengan menggunakan Graph Editor.

5. @agatestudio
Source : Animation basics: The art of timing and spacing - TED-Ed

6. @agatestudio
Source : http://hebaelmawazini.blogspot.com/

7. @agatestudio
Curve Behaviour in Grapth Editor
The Steeper the Curve,
The faster the motion
The smoother the curve,
The smoother the motion
Source : CG Cookie Blender - Beorn Leonard

8. @agatestudio
USE DOPESHEET FOR TIMING
Exercise Bouncing Ball (Live Demo)

9. @agatestudio
BOLA MASIH BERGERAK TIDAK NATURAL
Hasil Sementara

10. @agatestudio
Next Step !
• Bagaimana caranya membuat bola mengalami
percepatan akibat pengaruh gravitasi.

11. @agatestudio
CHANGE SPACING USE
GRAPH EDITOR
Exercise Bouncing Ball (Live Demo)

12. @agatestudio
Source : Animation basics: The art of timing and spacing - TED-Ed

13. @agatestudio
Improvement !
• Untuk membuat animasi lebih Appealing kita bisa
menggunakan Squash and Stretch

14. The End