Animation · SMP · Lanjutan · Sesi 10

Thumbnail alternatif alur

Storyboard dan Animatic

Styk Animate · 60 menit

Menerapkan thumbnail alternatif alur dengan bukti: pilihan urutan mempunyai alasan sebab-akibat yang jelas

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menerapkan thumbnail alternatif alur dengan bukti: pilihan urutan mempunyai alasan sebab-akibat yang jelas

2.Pilihan urutan mempunyai alasan sebab-akibat yang jelas

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

Codezilla · 2 / 12

Pahami: Thumbnail alternatif alur

1.Thumbnail adalah rancangan kecil untuk membandingkan penempatan, fokus dan ruang kosong sebelum detail. Dua pilihan harus berbeda susunan, bukan hanya warna.

2.Gunakan isi yang sama pada dua susunan. Tanyakan bagian yang terlihat pertama dan pilih susunan yang paling mendukung tujuan karya.

Codezilla · 3 / 12

Kenali tampilan Styk Animate

Screenshot asli Styk Animate: Storyboard dan Animatic, tahap awal — Screenshot asli Styk Animate · contoh teknik tahap awal · proyek Storyboard dan Animatic. Klik gambar untuk memperbesar.

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

Menerapkan thumbnail alternatif alur dengan bukti: pilihan urutan mempunyai alasan sebab-akibat yang jelas

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, buat dua urutan cerita singkat lalu pilih berdasarkan keterbacaan

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

3.Bandingkan hasil dengan tujuan: Pilihan urutan mempunyai alasan sebab-akibat yang jelas

Codezilla · 6 / 12

Contoh pengerjaan di Styk Animate

Screenshot asli Styk Animate: Storyboard dan Animatic, tahap proses — Screenshot asli Styk Animate · contoh teknik tahap proses · proyek Storyboard dan Animatic. Klik gambar untuk memperbesar.

Di Styk Animate, buat dua urutan cerita singkat lalu pilih berdasarkan keterbacaan

Pilihan urutan mempunyai alasan sebab-akibat yang jelas

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, buat dua urutan cerita singkat lalu pilih berdasarkan keterbacaan

2.Ubah timing atau pose; bandingkan playback.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Pilihan urutan mempunyai alasan sebab-akibat yang jelas

2.Waspadai: Panel menunjukkan pose tetapi tidak ada hubungan sebab-akibat

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Pilihan urutan mempunyai alasan sebab-akibat yang jelas

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