Animation · SMA · Pemula · Sesi 14

Graph Editor dan overshoot

Gerak Grafis Dasar

EffectCraft · 60 menit

Menerapkan graph Editor dan overshoot dengan bukti: kurva serta preview sesuai dan objek tidak keluar bingkai

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan graph Editor dan overshoot dengan bukti: kurva serta preview sesuai dan objek tidak keluar bingkai

2.Kurva serta preview sesuai dan objek tidak keluar bingkai

3.Selesaikan versi sederhana dahulu; tambahan setelah inti tercapai.

Codezilla · 2 / 12

Pahami: Graph Editor dan overshoot

1.Keyframe merekam nilai properti pada waktu tertentu. Easing mengubah kecepatan antar keyframe; offset mengatur urutan mulai antar layer.

2.Mulai dua keyframe tanpa efek. Bandingkan linear dan easing pada playback; gunakan overshoot hanya jika mendukung maksud gerak.

Codezilla · 3 / 12

Kenali tampilan EffectCraft

Screenshot asli EffectCraft: Gerak Grafis Dasar, tahap awal — Screenshot asli EffectCraft · contoh teknik tahap awal · proyek Gerak Grafis Dasar. Klik gambar untuk memperbesar.

Temukan kanvas, layer/objek, atau timeline yang dipakai dalam latihan.

Menerapkan graph Editor dan overshoot dengan bukti: kurva serta preview sesuai dan objek tidak keluar bingkai

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

1.Buka EffectCraft. Siapkan folder sumber, aset, dan ekspor.

2.Buka pekerjaan terakhir atau dokumen baru untuk sesi ini. Gunakan format sumber .ecproj.

3.Simpan salinan sebelum perubahan besar. Pastikan objek, layer, atau frame yang benar sedang aktif.

Buka situs EffectCraft ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Di EffectCraft, rapikan satu kurva posisi atau scale lalu kurangi overshoot berlebihan

2.Mentor memperagakan satu bagian, lalu berhenti agar siswa mencoba pada sumbernya sendiri.

3.Bandingkan hasil dengan tujuan: Kurva serta preview sesuai dan objek tidak keluar bingkai

Codezilla · 6 / 12

Contoh pengerjaan di EffectCraft

Screenshot asli EffectCraft: Gerak Grafis Dasar, tahap hasil — Screenshot asli EffectCraft · contoh teknik tahap hasil · proyek Gerak Grafis Dasar. Klik gambar untuk memperbesar.

Di EffectCraft, rapikan satu kurva posisi atau scale lalu kurangi overshoot berlebihan

Kurva serta preview sesuai dan objek tidak keluar bingkai

Bandingkan satu perubahan dengan sumber awal, lalu coba versi milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Di EffectCraft, rapikan satu kurva posisi atau scale lalu kurangi overshoot berlebihan

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Kurva serta preview sesuai dan objek tidak keluar bingkai

2.Waspadai: Easing menimbulkan overshoot yang tidak dimaksud

3.Ubah satu penyebab, lalu bandingkan hasil dengan versi awal.

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Kurva serta preview sesuai dan objek tidak keluar bingkai

2.Sumber .ecproj terbuka ulang dan aset yang diperlukan tersedia.

3.Serahkan bukti sesi dan hasil ekspor yang sesuai tugas.

Codezilla · 10 / 12

Jelaskan keputusanmu

1.Apa tujuan visual yang ingin kamu sampaikan?

2.Alternatif mana yang dipilih, dan mengapa?

3.Apa yang berubah setelah masukan atau uji?

Codezilla · 11 / 12

Satu temuan untuk sesi berikutnya

1.Sebutkan satu hubungan antara pilihan dan hasilnya.

2.Tuliskan bagian yang masih perlu diperbaiki.

3.Simpan, buka ulang, lalu tutup sesi.

Codezilla · 12 / 12