Animation · SMA · Pemula · Sesi 13

Linear Bezier dan Easy Ease

Gerak Grafis Dasar

EffectCraft · 60 menit

Menerapkan linear Bezier dan Easy Ease dengan bukti: gerak mempercepat serta memperlambat sesuai rencana

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan linear Bezier dan Easy Ease dengan bukti: gerak mempercepat serta memperlambat sesuai rencana

2.Gerak mempercepat serta memperlambat sesuai rencana

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

Codezilla · 2 / 12

Pahami: Linear Bezier dan Easy Ease

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 linear Bezier dan Easy Ease dengan bukti: gerak mempercepat serta memperlambat sesuai rencana

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, bandingkan interpolasi pada gerak yang sama lalu pilih easing

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

3.Bandingkan hasil dengan tujuan: Gerak mempercepat serta memperlambat sesuai rencana

Codezilla · 6 / 12

Contoh pengerjaan di EffectCraft

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

Di EffectCraft, bandingkan interpolasi pada gerak yang sama lalu pilih easing

Gerak mempercepat serta memperlambat sesuai rencana

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, bandingkan interpolasi pada gerak yang sama lalu pilih easing

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Gerak mempercepat serta memperlambat sesuai rencana

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.Gerak mempercepat serta memperlambat sesuai rencana

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