Animation · SMP · Pemula · Sesi 4

Arc dan slow in out

Bola Memantul

Styk Animate · 60 menit

Menerapkan arc dan slow in out dengan bukti: gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan arc dan slow in out dengan bukti: gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

2.Gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

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

Codezilla · 2 / 12

Pahami: Arc dan slow in out

1.Timing adalah lama aksi, spacing adalah jarak perpindahan antarframe dan arc adalah lintasannya. Bola makin cepat turun ketika jarak antargambar membesar.

2.Bandingkan dua pantulan dengan jumlah frame sama tetapi spacing berbeda. Periksa lintasan, kontak lantai dan arah gerak.

Codezilla · 3 / 12

Kenali tampilan Styk Animate

Screenshot asli Styk Animate: Bola Memantul, tahap awal — Screenshot asli Styk Animate · contoh teknik tahap awal · proyek Bola Memantul. Klik gambar untuk memperbesar.

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

Menerapkan arc dan slow in out dengan bukti: gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

1.Buka Styk Animate. Siapkan folder sumber, aset, dan ekspor.

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

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

Buka situs Styk Animate ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Di Styk Animate, perbaiki lintasan serta Inbetweens/Easing pada bagian puncak dan kontak

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

3.Bandingkan hasil dengan tujuan: Gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

Codezilla · 6 / 12

Contoh pengerjaan di Styk Animate

Screenshot asli Styk Animate: Bola Memantul, tahap proses — Screenshot asli Styk Animate · contoh teknik tahap proses · proyek Bola Memantul. Klik gambar untuk memperbesar.

Di Styk Animate, perbaiki lintasan serta Inbetweens/Easing pada bagian puncak dan kontak

Gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Di Styk Animate, perbaiki lintasan serta Inbetweens/Easing pada bagian puncak dan kontak

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

2.Waspadai: Spacing merata membuat bola terasa mengambang

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Gerak mempunyai lintasan terbaca serta tidak berhenti lama pada kontak

2.Sumber .styk 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