Eksplorasi prinsip
Amati 12 demonstrasi dan ubah parameternya untuk melihat pengaruh setiap prinsip.
MEDIA PEMBELAJARAN INTERAKTIF · SMK KELAS XI · FASE FGerakan kecil.
Gerakan kecil.
Cerita besar.
Pelajari 12 Prinsip Animasi lewat demonstrasi interaktif, lalu buat animasi bola jatuh sendiri menggunakan frame by frame, keyframe, dan graph editor.
12 prinsip2 metode animasiGIF ekspor offline
LEARN BY DOING ● LIVE
ALUR PEMBELAJARAN
Dari konsep ke karya
Buat gerakan
Susun frame manual atau animasikan properti dengan keyframe dan kurva easing.
Evaluasi & ekspor
Uji pemahaman, pratinjau hasil, lalu unduh GIF animasi langsung dari browser.
Petunjuk: Pilih prinsip pada halaman materi, gunakan tombol putar dan slider. Di laboratorium, pilih tab Frame by Frame atau Keyframe. Seluruh fitur utama berjalan lokal tanpa koneksi internet. Audio berupa efek suara sintetis opsional, bukan narasi rekaman.
MODUL 01 / EKSPLORASI
12 Prinsip Animasi
Pilih sebuah prinsip, putar demonstrasinya, lalu ubah kontrol untuk memahami pengaruhnya terhadap gerakan.
0 dari 12 dipelajari
PRINSIP 01
Belum dipelajariApa itu?
Amati pada simulasi
MODUL 02 / STUDIO PRAKTIK
Laboratorium Animasi
Buat bola jatuh dan memantul. Bandingkan animasi setiap frame dengan animasi berbasis keyframe.
● CANVAS PREVIEW0:00:00:00
FRAME STRIPGeser bola di kanvas untuk mengatur posisi pada frame aktif
TIMELINE / PROPERTI BOLARuler frame 0–30 · Geser ◆ untuk mengatur timing; setiap track mewakili Position X/Y dan Scale X/Y
Tampilan timeline
● Ball · Position X
● Ball · Position Y
◈ Ball · Scale X
◈ Ball · Scale Y
GRAPH EDITORValue Graph · Sumbu X = waktu, Y = nilai posisi
Value Graph menunjukkan nilai properti pada waktu tertentu. Garis yang lebih curam berarti nilai berubah lebih cepat. Mode Bezier memungkinkan penyesuaian bentuk easing melalui dua handle; kurva ini adalah penyederhanaan Graph Editor After Effects.
Tips pembelajaran: Buat posisi bola makin rapat saat mendekati titik tertinggi pantulan dan lebih renggang ketika jatuh cepat. Saat menyentuh lantai, gunakan squash (Skala X naik, Skala Y turun). Untuk metode keyframe, coba bandingkan Linear dan Ease In-Out di Graph Editor.
MODUL 03 / CEK PEMAHAMAN
Evaluasi Interaktif
Jawab pertanyaan untuk menguji pemahaman 12 prinsip animasi dan penerapannya.