Animation · SMA · Pemula · Sesi 5

Keyframe pertama

Komposisi Pertama

EffectCraft · 60 menit

Menerapkan keyframe pertama dengan bukti: gerak terjadi pada rentang waktu yang direncanakan

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan keyframe pertama dengan bukti: gerak terjadi pada rentang waktu yang direncanakan

2.Gerak terjadi pada rentang waktu yang direncanakan

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

Codezilla · 2 / 12

Pahami: Keyframe pertama

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: Komposisi Pertama, tahap awal — Screenshot asli EffectCraft · contoh teknik tahap awal · proyek Komposisi Pertama. Klik gambar untuk memperbesar.

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

Menerapkan keyframe pertama dengan bukti: gerak terjadi pada rentang waktu yang direncanakan

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, pasang dua keyframe Position atau Opacity pada satu shape

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

3.Bandingkan hasil dengan tujuan: Gerak terjadi pada rentang waktu yang direncanakan

Codezilla · 6 / 12

Contoh pengerjaan di EffectCraft

Screenshot asli EffectCraft: Komposisi Pertama, tahap proses — Screenshot asli EffectCraft · contoh teknik tahap proses · proyek Komposisi Pertama. Klik gambar untuk memperbesar.

Di EffectCraft, pasang dua keyframe Position atau Opacity pada satu shape

Gerak terjadi pada rentang waktu yang direncanakan

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, pasang dua keyframe Position atau Opacity pada satu shape

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Gerak terjadi pada rentang waktu yang direncanakan

2.Waspadai: Shape terpotong karena ukuran scene atau anchor belum dipahami

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Gerak terjadi pada rentang waktu yang direncanakan

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