Bitmap Editing · SMA · Pemula · Sesi 12

Grid, perataan, dan kedekatan

Layout dan Komposisi Desain

PhotoCraft · 60 menit

Mengelompokkan informasi melalui penempatan

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Mengelompokkan informasi melalui penempatan

2.Informasi terkait berdekatan dan margin konsisten

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

Codezilla · 2 / 12

Pahami: Grid, 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 PhotoCraft

Screenshot asli PhotoCraft: Layout dan Komposisi Desain, tahap awal — Screenshot asli PhotoCraft · contoh teknik tahap awal · proyek Layout dan Komposisi Desain. Klik gambar untuk memperbesar.

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

Mengelompokkan informasi melalui penempatan

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

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

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

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

Buka situs PhotoCraft ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Susun judul, rincian, serta ajakan dengan grid sederhana

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

3.Bandingkan hasil dengan tujuan: Informasi terkait berdekatan dan margin konsisten

Codezilla · 6 / 12

Contoh pengerjaan di PhotoCraft

Screenshot asli PhotoCraft: Layout dan Komposisi Desain, tahap proses — Screenshot asli PhotoCraft · contoh teknik tahap proses · proyek Layout dan Komposisi Desain. Klik gambar untuk memperbesar.

Susun judul, rincian, serta ajakan dengan grid sederhana

Informasi terkait berdekatan dan margin konsisten

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Susun judul, rincian, serta ajakan dengan grid sederhana

2.Pilih satu perubahan gambar dan jelaskan pengaruhnya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Informasi terkait berdekatan dan margin konsisten

2.Waspadai: Font terlalu banyak dan perataan berubah tanpa alasan

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Informasi terkait berdekatan dan margin konsisten

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