Vector Editing · SD · Pemula · Sesi 4

Fill dan Stroke

Kenalan dengan Method Draw

Method Draw · 60 menit

Membedakan isi dan tepi

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Membedakan isi dan tepi

2.Isi dan tepi mempunyai fungsi yang dapat ditunjukkan

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

Codezilla · 2 / 12

Pahami: Fill dan Stroke

1.Fill mengisi bidang, sedangkan Stroke menggambar garis sepanjang path. Ketebalan stroke memengaruhi bobot visual dan keterbacaan pada ukuran kecil.

2.Ubah Fill tanpa mengubah Stroke, lalu coba dua ketebalan garis. Periksa hasil saat gambar diperkecil.

Codezilla · 3 / 12

Kenali tampilan Method Draw

Screenshot asli Method Draw: Kenalan dengan Method Draw, tahap awal — Screenshot asli Method Draw · contoh teknik tahap awal · proyek Kenalan dengan Method Draw. Klik gambar untuk memperbesar.

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

Membedakan isi dan tepi

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 Fill serta Stroke tiga bentuk dan bandingkan hasil

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

3.Bandingkan hasil dengan tujuan: Isi dan tepi mempunyai fungsi yang dapat ditunjukkan

Codezilla · 6 / 12

Contoh pengerjaan di Method Draw

Screenshot asli Method Draw: Kenalan dengan Method Draw, tahap proses — Screenshot asli Method Draw · contoh teknik tahap proses · proyek Kenalan dengan Method Draw. Klik gambar untuk memperbesar.

Ubah Fill serta Stroke tiga bentuk dan bandingkan hasil

Isi dan tepi mempunyai fungsi yang dapat ditunjukkan

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Ubah Fill serta Stroke tiga bentuk dan bandingkan hasil

2.Pilih satu perubahan bentuk dan uji keterbacaannya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Isi dan tepi mempunyai fungsi yang dapat ditunjukkan

2.Waspadai: Warna stroke disangka warna isi

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Isi dan tepi mempunyai fungsi yang dapat ditunjukkan

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