Bitmap Editing · SMA · Pemula · Sesi 10

Kontras visual

Layout dan Komposisi Desain

PhotoCraft · 60 menit

Membuat informasi penting mudah ditemukan

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Membuat informasi penting mudah ditemukan

2.Fokus dikenali dan tulisan tidak tenggelam di latar

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

Codezilla · 2 / 12

Pahami: Kontras visual

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 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.

Membuat informasi penting mudah ditemukan

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.Buat dua percobaan penekanan satu pesan menggunakan kontras

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

3.Bandingkan hasil dengan tujuan: Fokus dikenali dan tulisan tidak tenggelam di latar

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.

Buat dua percobaan penekanan satu pesan menggunakan kontras

Fokus dikenali dan tulisan tidak tenggelam di latar

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Buat dua percobaan penekanan satu pesan menggunakan kontras

2.Pilih satu perubahan gambar dan jelaskan pengaruhnya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Fokus dikenali dan tulisan tidak tenggelam di latar

2.Waspadai: Semua tulisan sama besar dan saling berebut perhatian

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.Fokus dikenali dan tulisan tidak tenggelam di latar

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