Lewati navigasi
KurikulumPanduan mengajar
Website Codezilla
KurikulumBitmap EditingContoh proyek

Design · Bitmap Editing

Contoh dan resep proyek

32 sesi / program60 menit / sesiDraf bahan ajar

Empat aspek penilaian desain

  • Konsep: Menjelaskan prinsip sesi melalui satu contoh dan satu pembanding.
  • Keputusan visual: Pilihan bentuk, susunan, warna atau gerak mendukung tujuan dan audiens.
  • Teknik: Sumber dapat direvisi, aset tersedia dan ekspor berfungsi pada ukuran/durasi penggunaan.
  • Proses: Ada alternatif, masukan serta revisi dengan alasan; bantuan dicatat.

Catat perlu contoh langsung / mampu dengan petunjuk / mandiri untuk setiap aspek. Karya sederhana dapat berhasil; kemiripan dengan gambar AI tidak menentukan nilai.

Gunakan resep berikut untuk merakit contoh kerja di Kleki · Krita · PhotoCraft. Mulai dari bentuk atau data minimum, lalu uji sebelum menambahkan hiasan.

Presentasi Bitmap SD tersedia. Untuk SD, presentasi Kleki menyediakan contoh PSD berlayer, PNG, screenshot asli, serta storyboard komik. Simpan-buka ulang dan ekspor contoh SD sudah diperiksa. Mentor tetap menguji pemahaman, tempo, dan penggunaan perangkat; presentasi SMP/SMA tersedia dengan diagram dan ilustrasi konsep; screenshot aplikasi asli dan sumber contoh teknik tersedia pada halaman presentasi.

Cetak menampilkan jenjang dan program yang sedang dipilih. Nomor sesi dimulai kembali pada setiap program.

SD · Pemula

Prasyarat: Tidak memerlukan pengalaman menggambar digital. Mentor mendampingi penggunaan mouse atau sentuhan serta membacakan petunjuk bila diperlukan.

Batas tugas: Mulai dari latihan alat dan bentuk sederhana. Pelajari kartun, pixel art, serta painterly tanpa tuntutan realisme; batasi palet dan detail sesuai kemampuan motorik siswa.

Mentor membacakan brief, memberi satu contoh, lalu siswa memilih warna, tokoh, atau susunan sendiri. Periksa satu perubahan pada satu waktu.

Persiapan tools: Siapkan Kleki pada perangkat kelas; uji Brush, Pixel brush, Eraser, Fill, Text, Select/Transform, layer, simpan PSD, serta ekspor PNG. Siapkan contoh buatan mentor dengan bentuk sederhana dan folder sumber per siswa.

Cara belajar dan pemeriksaan kesiapan

Contoh kecil → prediksi → latihan terbimbing → variasi mandiri → satu revisi.

Catat waktu efektif, bentuk bantuan dan hasil tantangan mandiri. Gunakan penguatan jika fondasi belum konsisten.

Cara belajar desain

Sesuaikan dengan kemampuan motorik dan membaca: pilihan bentuk lebih sedikit, ukuran objek lebih besar serta jawaban lisan bagi yang memerlukan. Siswa yang siap membuat variasi sendiri; jangan menilai kecepatan membaca atau memakai mouse.

Nilai konsep, keputusan visual, teknik dan proses secara terpisah: perlu contoh langsung / mampu dengan petunjuk / mandiri. Kerapian atau kemiripan gambar AI bukan ukuran tunggal.

Catat waktu efektif, bagian sulit, bantuan dan hasil tugas transfer saat uji kelas. Gunakan waktu pengayaan untuk penguatan jika hasil minimum belum tercapai.

SD · Pemula · sesi 1–8

1. Buku Latihan Kleki

Ilustrasi konsep Buku Latihan Kleki
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Gambar menjadi acuan arah visual; tingkat detail dan hasil siswa disesuaikan tujuan belajar. PNG ini bukan pengganti sumber proyek berlayer.

Hasil yang dituju: Satu lembar garis, bidang warna dan dua layer; sumber PSD serta PNG dapat dibuka ulang.

Tool proyek: Kleki
Sumber: .psd · Hasil: PNG

Hasil minimum

Satu lembar garis, bidang warna dan dua layer; sumber PSD serta PNG dapat dibuka ulang.

  • Satu lembar garis, bidang warna dan dua layer; sumber PSD serta PNG dapat dibuka ulang.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah inti terbaca, buat satu variasi gaya, ekspresi atau cahaya dan jelaskan pilihanmu.

Tantangan mandiri: Gunakan tema atau isi baru pada Buku Latihan Kleki. Buat satu alternatif, jelaskan pilihan visual, lalu uji tanpa menyalin urutan contoh.

Kesiapan lanjut: Lanjut jika hasil minimum terbaca, sumber/ekspor berfungsi dan siswa dapat menerapkan satu perubahan serta menjelaskan alasannya. Catat bantuan; gunakan penguatan sebelum menambah konsep.

Batas contoh: Mulai dari latihan alat dan bentuk sederhana. Pelajari kartun, pixel art, serta painterly tanpa tuntutan realisme; batasi palet dan detail sesuai kemampuan motorik siswa.

Resep contoh kerja

Versi minimum: Satu lembar garis, bidang warna dan dua layer; sumber PSD serta PNG dapat dibuka ulang. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Kleki: Siapkan Kleki dengan kanvas latihan 800 × 600, perangkat input yang nyaman, dan folder untuk menyimpan PSD serta PNG buku latihan. 1. Kenali kanvas, zoom, Brush, serta Undo/Redo di Kleki melalui latihan garis dan bentuk. 2. Latih Eraser, palet, dan Fill untuk memperbaiki serta mewarnai bentuk sederhana. 3. Buat layer bernama, atur urutan, lalu coba Select dan Transform pada salinan bentuk. 4. Simpan buku latihan sebagai PSD, buka ulang untuk mengecek layer, dan ekspor PNG. Simpan versi sumber PSD dan ekspor PNG secara terpisah. Beri nama layer sesuai fungsi dan simpan salinan sebelum revisi penting. Rancangan konsep: Gunakan kanvas 800 × 600. Buat tiga area latihan: garis, bentuk berwarna, dan dua benda berlayer. Buku latihan adalah kumpulan percobaan alat; anak belum diminta membuat ilustrasi rumit.

Bangun dalam empat tahap

  • Kenali kanvas, zoom, Brush, serta Undo/Redo di Kleki melalui latihan garis dan bentuk
  • Latih Eraser, palet, dan Fill untuk memperbaiki serta mewarnai bentuk sederhana
  • Buat layer bernama, atur urutan, lalu coba Select dan Transform pada salinan bentuk
  • Simpan buku latihan sebagai PSD, buka ulang untuk mengecek layer, dan ekspor PNG

Pemeriksaan hasil

  • □ Satu lembar garis, bidang warna dan dua layer; sumber PSD serta PNG dapat dibuka ulang.
  • □ Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • □ Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.
  • □ Ada satu alternatif atau masukan, alasan revisi dan catatan bantuan.

Siapkan salinan dengan satu kesalahan

  • Zoom disangka mengubah ukuran kanvas
  • Kuas terlalu besar menutup bentuk yang sedang diwarnai
  • Siswa menggambar pada layer yang salah
  • Hanya PNG disimpan sehingga layer latihan tidak tersedia

Ubah hanya satu bagian pada salinan latihan. Minta siswa menunjukkan gejala, menebak penyebab, memperbaiki, lalu mengulang pemeriksaan yang sama.

Validasi mentor: versi aplikasi/perangkat · tanggal · nama berkas contoh · hasil dua kali uji · penyesuaian

........................................................................................

SD · Pemula · sesi 9–16

2. Karakter Kartun

Ilustrasi konsep Karakter Kartun
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Gambar menjadi acuan arah visual; tingkat detail dan hasil siswa disesuaikan tujuan belajar. PNG ini bukan pengganti sumber proyek berlayer.

Hasil yang dituju: Satu tokoh dari bentuk sederhana dengan dua ekspresi yang tetap dikenali.

Tool proyek: Kleki
Sumber: .psd · Hasil: PNG

Hasil minimum

Satu tokoh dari bentuk sederhana dengan dua ekspresi yang tetap dikenali.

  • Satu tokoh dari bentuk sederhana dengan dua ekspresi yang tetap dikenali.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah inti terbaca, buat satu variasi gaya, ekspresi atau cahaya dan jelaskan pilihanmu.

Tantangan mandiri: Gunakan tema atau isi baru pada Karakter Kartun. Buat satu alternatif, jelaskan pilihan visual, lalu uji tanpa menyalin urutan contoh.

Kesiapan lanjut: Lanjut jika hasil minimum terbaca, sumber/ekspor berfungsi dan siswa dapat menerapkan satu perubahan serta menjelaskan alasannya. Catat bantuan; gunakan penguatan sebelum menambah konsep.

Batas contoh: Mulai dari latihan alat dan bentuk sederhana. Pelajari kartun, pixel art, serta painterly tanpa tuntutan realisme; batasi palet dan detail sesuai kemampuan motorik siswa.

Resep contoh kerja

Versi minimum: Satu tokoh dari bentuk sederhana dengan dua ekspresi yang tetap dikenali. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Kleki: Siapkan contoh kartun buatan mentor, dua variasi proporsi, dan berkas Kleki kosong dengan layer sketsa serta garis untuk dicoba siswa. 1. Amati ciri kartun lalu sketsa karakter dari lingkaran dan bentuk besar menggunakan Brush di Kleki. 2. Rapikan garis pada layer terpisah dan beri warna datar dengan palet terbatas. 3. Ubah proporsi menjadi variasi chibi sederhana dan coba tiga ekspresi tanpa kehilangan ciri tokoh. 4. Pilih karakter final, rapikan tepi, lalu simpan PSD dan ekspor PNG lembar ekspresi. Simpan versi sumber PSD dan ekspor PNG secara terpisah. Beri nama layer sesuai fungsi dan simpan salinan sebelum revisi penting. Rancangan konsep: Buat tokoh buatan sendiri dari tiga bentuk besar dengan dua atau tiga warna. Bandingkan proporsi kepala normal dan kepala lebih besar sebagai variasi chibi. Tujuannya mengenali ciri gaya, bukan meniru karakter tertentu.

Bangun dalam empat tahap

  • Amati ciri kartun lalu sketsa karakter dari lingkaran dan bentuk besar menggunakan Brush di Kleki
  • Rapikan garis pada layer terpisah dan beri warna datar dengan palet terbatas
  • Ubah proporsi menjadi variasi chibi sederhana dan coba tiga ekspresi tanpa kehilangan ciri tokoh
  • Pilih karakter final, rapikan tepi, lalu simpan PSD dan ekspor PNG lembar ekspresi

Pemeriksaan hasil

  • □ Satu tokoh dari bentuk sederhana dengan dua ekspresi yang tetap dikenali.
  • □ Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • □ Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.
  • □ Ada satu alternatif atau masukan, alasan revisi dan catatan bantuan.

Siapkan salinan dengan satu kesalahan

  • Detail kecil ditambahkan sebelum bentuk utama terbaca
  • Warna mengotori garis karena layer tidak dipisahkan
  • Setiap ekspresi mengubah seluruh bentuk karakter
  • Ekspor memotong salah satu ekspresi

Ubah hanya satu bagian pada salinan latihan. Minta siswa menunjukkan gejala, menebak penyebab, memperbaiki, lalu mengulang pemeriksaan yang sama.

Validasi mentor: versi aplikasi/perangkat · tanggal · nama berkas contoh · hasil dua kali uji · penyesuaian

........................................................................................

SD · Pemula · sesi 17–24

3. Dunia Pixel Art

Ilustrasi konsep Dunia Pixel Art
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Gambar menjadi acuan arah visual; tingkat detail dan hasil siswa disesuaikan tujuan belajar. PNG ini bukan pengganti sumber proyek berlayer.

Hasil yang dituju: Satu karakter pixel kecil dengan palet terbatas, terbaca pada ukuran asli.

Tool proyek: Kleki
Sumber: .psd · Hasil: PNG

Hasil minimum

Satu karakter pixel kecil dengan palet terbatas, terbaca pada ukuran asli.

  • Satu karakter pixel kecil dengan palet terbatas, terbaca pada ukuran asli.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah inti terbaca, buat satu variasi gaya, ekspresi atau cahaya dan jelaskan pilihanmu.

Tantangan mandiri: Gunakan tema atau isi baru pada Dunia Pixel Art. Buat satu alternatif, jelaskan pilihan visual, lalu uji tanpa menyalin urutan contoh.

Kesiapan lanjut: Lanjut jika hasil minimum terbaca, sumber/ekspor berfungsi dan siswa dapat menerapkan satu perubahan serta menjelaskan alasannya. Catat bantuan; gunakan penguatan sebelum menambah konsep.

Batas contoh: Mulai dari latihan alat dan bentuk sederhana. Pelajari kartun, pixel art, serta painterly tanpa tuntutan realisme; batasi palet dan detail sesuai kemampuan motorik siswa.

Resep contoh kerja

Versi minimum: Satu karakter pixel kecil dengan palet terbatas, terbaca pada ukuran asli. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Kleki: Siapkan Kleki, Pixel brush, kanvas 64 × 64, serta contoh siluet yang bisa dibandingkan pada zoom dekat dan ukuran asli. 1. Di Kleki, buat kanvas kecil dan gunakan Pixel brush untuk mengenali piksel serta siluet. 2. Pilih palet empat sampai enam warna lalu bangun karakter dari kelompok piksel. 3. Tambahkan dua benda serta satu warna bayangan; rapikan tepi tanpa mengaburkan susunan piksel. 4. Periksa pada zoom dekat dan ukuran asli, simpan PSD, lalu ekspor PNG pixel art. Simpan versi sumber PSD dan ekspor PNG secara terpisah. Beri nama layer sesuai fungsi dan simpan salinan sebelum revisi penting. Rancangan konsep: Mulai dari kanvas 64 × 64 dan Pixel brush kecil. Buat satu karakter sederhana serta dua benda di lembar yang sama. Nilai keterbacaan bentuk; jumlah piksel atau detail bukan perlombaan.

Bangun dalam empat tahap

  • Di Kleki, buat kanvas kecil dan gunakan Pixel brush untuk mengenali piksel serta siluet
  • Pilih palet empat sampai enam warna lalu bangun karakter dari kelompok piksel
  • Tambahkan dua benda serta satu warna bayangan; rapikan tepi tanpa mengaburkan susunan piksel
  • Periksa pada zoom dekat dan ukuran asli, simpan PSD, lalu ekspor PNG pixel art

Pemeriksaan hasil

  • □ Satu karakter pixel kecil dengan palet terbatas, terbaca pada ukuran asli.
  • □ Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • □ Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.
  • □ Ada satu alternatif atau masukan, alasan revisi dan catatan bantuan.

Siapkan salinan dengan satu kesalahan

  • Kanvas terlalu besar sehingga latihan berubah menjadi gambar biasa
  • Terlalu banyak warna mengaburkan kelompok piksel
  • Sapuan halus menghilangkan karakter tepi pixel art
  • Hasil hanya dilihat pada zoom besar sehingga siluet kecil tidak diperiksa

Ubah hanya satu bagian pada salinan latihan. Minta siswa menunjukkan gejala, menebak penyebab, memperbaiki, lalu mengulang pemeriksaan yang sama.

Validasi mentor: versi aplikasi/perangkat · tanggal · nama berkas contoh · hasil dua kali uji · penyesuaian

........................................................................................

SD · Pemula · sesi 25–32

4. Galeri Tiga Gaya

Ilustrasi konsep Galeri Tiga Gaya
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Gambar menjadi acuan arah visual; tingkat detail dan hasil siswa disesuaikan tujuan belajar. PNG ini bukan pengganti sumber proyek berlayer.

Hasil yang dituju: Satu tema dengan percobaan tiga gaya; pilih satu gaya untuk dirapikan, tanpa tuntutan kemahiran setara.

Tool proyek: Kleki
Sumber: .psd · Hasil: PNG

Hasil minimum

Satu tema dengan percobaan tiga gaya; pilih satu gaya untuk dirapikan, tanpa tuntutan kemahiran setara.

  • Satu tema dengan percobaan tiga gaya; pilih satu gaya untuk dirapikan, tanpa tuntutan kemahiran setara.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah inti terbaca, buat satu variasi gaya, ekspresi atau cahaya dan jelaskan pilihanmu.

Tantangan mandiri: Gunakan tema atau isi baru pada Galeri Tiga Gaya. Buat satu alternatif, jelaskan pilihan visual, lalu uji tanpa menyalin urutan contoh.

Kesiapan lanjut: Lanjut jika hasil minimum terbaca, sumber/ekspor berfungsi dan siswa dapat menerapkan satu perubahan serta menjelaskan alasannya. Catat bantuan; gunakan penguatan sebelum menambah konsep.

Batas contoh: Mulai dari latihan alat dan bentuk sederhana. Pelajari kartun, pixel art, serta painterly tanpa tuntutan realisme; batasi palet dan detail sesuai kemampuan motorik siswa.

Resep contoh kerja

Versi minimum: Satu tema dengan percobaan tiga gaya; pilih satu gaya untuk dirapikan, tanpa tuntutan kemahiran setara. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Kleki: Siapkan tiga contoh satu tema dalam gaya kartun, pixel art, dan painterly; sediakan sumber PSD serta PNG latihan siswa sebelumnya. 1. Coba painterly sederhana di Kleki dengan Pen dan Blend; bandingkan sapuan terlihat serta tepi tegas dan lembut. 2. Lukis satu objek dari bidang warna besar, lalu tambahkan terang-gelap pada layer terpisah. 3. Buat atau pilih versi kartun dan pixel art dengan tema yang sama; bandingkan garis, warna, dan tepinya. 4. Susun galeri tiga gaya, beri label, simpan PSD tiap sumber serta galeri, dan ekspor PNG. Simpan versi sumber PSD dan ekspor PNG secara terpisah. Beri nama layer sesuai fungsi dan simpan salinan sebelum revisi penting. Rancangan konsep: Tema dapat berupa kucing, bunga, atau buah. Painterly berarti membangun bentuk lewat sapuan dan bidang warna yang terlihat; realisme bukan tuntutan. Karya kartun dan pixel art dari latihan boleh dipakai bila temanya cocok, atau dibuat variasi kecil.

Bangun dalam empat tahap

  • Coba painterly sederhana di Kleki dengan Pen dan Blend; bandingkan sapuan terlihat serta tepi tegas dan lembut
  • Lukis satu objek dari bidang warna besar, lalu tambahkan terang-gelap pada layer terpisah
  • Buat atau pilih versi kartun dan pixel art dengan tema yang sama; bandingkan garis, warna, dan tepinya
  • Susun galeri tiga gaya, beri label, simpan PSD tiap sumber serta galeri, dan ekspor PNG

Pemeriksaan hasil

  • □ Satu tema dengan percobaan tiga gaya; pilih satu gaya untuk dirapikan, tanpa tuntutan kemahiran setara.
  • □ Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • □ Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.
  • □ Ada satu alternatif atau masukan, alasan revisi dan catatan bantuan.

Siapkan salinan dengan satu kesalahan

  • Sapuan dihaluskan seluruhnya sehingga perbedaan tepi tidak terlihat
  • Detail ditambahkan sebelum bidang objek terbaca
  • Tema berubah sehingga gaya sulit dibandingkan
  • Galeri tersimpan tetapi sumber masing-masing gaya hilang

Ubah hanya satu bagian pada salinan latihan. Minta siswa menunjukkan gejala, menebak penyebab, memperbaiki, lalu mengulang pemeriksaan yang sama.

Validasi mentor: versi aplikasi/perangkat · tanggal · nama berkas contoh · hasil dua kali uji · penyesuaian

........................................................................................

Bitmap Editing · 32 sesi per program · 60 menit per sesi · Kleki · Krita · PhotoCraft · sumber: kurikulum.json.

Data kurikulum · Panduan Markdown