Bitmap Editing · SMA · Pemula · Sesi 11

Tipografi yang terbaca

Layout dan Komposisi Desain

PhotoCraft · 60 menit

Mengatur huruf sesuai fungsi informasi

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Mengatur huruf sesuai fungsi informasi

2.Judul serta isi mempunyai peran jelas dan tetap terbaca

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

Codezilla · 2 / 12

Pahami: Tipografi yang terbaca

1.Tipografi membantu pesan dibaca melalui bentuk huruf, ukuran, jarak dan urutan informasi. Teks utama perlu lebih jelas daripada informasi pendukung.

2.Batasi dua tingkat ukuran dahulu. Periksa keterbacaan pada ukuran penggunaan, margin, jarak baris dan urutan baca; jangan meregangkan huruf.

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.

Mengatur huruf sesuai fungsi informasi

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.Pilih maksimal dua jenis huruf yang tersedia dan rapikan jarak tulisan

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

3.Bandingkan hasil dengan tujuan: Judul serta isi mempunyai peran jelas dan tetap terbaca

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.

Pilih maksimal dua jenis huruf yang tersedia dan rapikan jarak tulisan

Judul serta isi mempunyai peran jelas dan tetap terbaca

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Pilih maksimal dua jenis huruf yang tersedia dan rapikan jarak tulisan

2.Pilih satu perubahan gambar dan jelaskan pengaruhnya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: Judul serta isi mempunyai peran jelas dan tetap terbaca

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.Judul serta isi mempunyai peran jelas dan tetap terbaca

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