Vector Editing · SD · Lanjutan · Sesi 13

Kontras fokus

Komposisi Tokoh dan Latar

Method Draw · 60 menit

Mengarahkan perhatian pembaca

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Mengarahkan perhatian pembaca

2.Fokus terbaca pada tampilan kecil

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

Codezilla · 2 / 12

Pahami: Kontras fokus

1.Kontras membedakan unsur melalui ukuran, terang–gelap, bentuk atau warna. Hierarki mengurutkan perhatian: utama, pendukung, lalu detail.

2.Tentukan satu fokus. Kecilkan karya atau lihat dalam abu-abu, lalu tanyakan bagian pertama yang terlihat; kurangi persaingan dari unsur pendukung.

Codezilla · 3 / 12

Kenali tampilan Method Draw

Screenshot asli Method Draw: Komposisi Tokoh dan Latar, tahap awal — Screenshot asli Method Draw · contoh teknik tahap awal · proyek Komposisi Tokoh dan Latar. Klik gambar untuk memperbesar.

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

Mengarahkan perhatian pembaca

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

1.Buka Method Draw. Siapkan folder sumber, aset, dan ekspor.

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

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

Buka situs Method Draw ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Ubah kontras tokoh atau latar dengan palet yang sama

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

3.Bandingkan hasil dengan tujuan: Fokus terbaca pada tampilan kecil

Codezilla · 6 / 12

Contoh pengerjaan di Method Draw

Screenshot asli Method Draw: Komposisi Tokoh dan Latar, tahap proses — Screenshot asli Method Draw · contoh teknik tahap proses · proyek Komposisi Tokoh dan Latar. Klik gambar untuk memperbesar.

Ubah kontras tokoh atau latar dengan palet yang sama

Fokus terbaca pada tampilan kecil

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Ubah kontras tokoh atau latar dengan palet yang sama

2.Pilih satu perubahan bentuk dan uji keterbacaannya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Fokus terbaca pada tampilan kecil

2.Waspadai: Ruang kosong ditutup dekorasi

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Fokus terbaca pada tampilan kecil

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