@agatestudio

Timing & Spacing

Henky

Wizard

Agate Studio

@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)

@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.

@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.

@agatestudio

Source : Animation basics: The art of timing and spacing - TED-Ed

@agatestudio

Source : http://hebaelmawazini.blogspot.com/

@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

@agatestudio

USE DOPESHEET FOR TIMING

Exercise Bouncing Ball (Live Demo)

@agatestudio

BOLA MASIH BERGERAK TIDAK NATURAL

Hasil Sementara

@agatestudio

Next Step !

• Bagaimana caranya membuat bola mengalami percepatan akibat pengaruh gravitasi.

@agatestudio

CHANGE SPACING USE GRAPH EDITOR

Exercise Bouncing Ball (Live Demo)

@agatestudio

Source : Animation basics: The art of timing and spacing - TED-Ed

@agatestudio

Improvement !

• Untuk membuat animasi lebih Appealing kita bisa menggunakan Squash and Stretch

The End