Bitmap Editing · SMP · Pemula · Sesi 6

Perataan dan kedekatan

Fondasi Alat dan Prinsip Desain

Krita · 60 menit

Mengelompokkan unsur yang berhubungan

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Mengelompokkan unsur yang berhubungan

2.Kelompok informasi terbaca dari penempatannya

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

Codezilla · 2 / 12

Pahami: Perataan dan kedekatan

1.Perataan menghubungkan unsur ke garis acuan. Kedekatan mengelompokkan informasi terkait; jarak antar kelompok perlu berbeda dari jarak di dalam kelompok.

2.Pilih satu tepi atau garis tengah sebagai acuan. Bandingkan versi sebelum–sesudah perataan pada ukuran penggunaan.

Codezilla · 3 / 12

Kenali tampilan Krita

Screenshot asli Krita: Fondasi Alat dan Prinsip Desain, tahap awal — Screenshot asli Krita · contoh teknik tahap awal · proyek Fondasi Alat dan Prinsip Desain. Klik gambar untuk memperbesar.

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

Mengelompokkan unsur yang berhubungan

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

1.Buka Krita. Siapkan folder sumber, aset, dan ekspor.

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

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

Buka situs Krita ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Rapikan susunan kartu dengan tepi acuan dan jarak kelompok

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

3.Bandingkan hasil dengan tujuan: Kelompok informasi terbaca dari penempatannya

Codezilla · 6 / 12

Contoh pengerjaan di Krita

Screenshot asli Krita: Fondasi Alat dan Prinsip Desain, tahap hasil — Screenshot asli Krita · contoh teknik tahap hasil · proyek Fondasi Alat dan Prinsip Desain. Klik gambar untuk memperbesar.

Rapikan susunan kartu dengan tepi acuan dan jarak kelompok

Kelompok informasi terbaca dari penempatannya

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Rapikan susunan kartu dengan tepi acuan dan jarak kelompok

2.Pilih satu perubahan gambar dan jelaskan pengaruhnya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Kelompok informasi terbaca dari penempatannya

2.Waspadai: Semua unsur sama besar sehingga tidak ada hierarki

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Kelompok informasi terbaca dari penempatannya

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