Animation · SMA · Pemula · Sesi 10

Position dan spacing

Gerak Grafis Dasar

EffectCraft · 60 menit

Menerapkan position dan spacing dengan bukti: perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan position dan spacing dengan bukti: perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

2.Perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

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

Codezilla · 2 / 12

Pahami: Position dan spacing

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 position dan spacing dengan bukti: perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

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, buat dua versi perpindahan dengan jarak posisi atau interval keyframe berbeda

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

3.Bandingkan hasil dengan tujuan: Perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

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, buat dua versi perpindahan dengan jarak posisi atau interval keyframe berbeda

Perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

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, buat dua versi perpindahan dengan jarak posisi atau interval keyframe berbeda

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

2.Waspadai: Anchor point menyebabkan putaran melenceng

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Perubahan spacing dan waktu menghasilkan kesan gerak yang dapat dijelaskan

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