Lewati navigasi
KurikulumPanduan mengajar
Vector EditingContoh proyek

Design · Vector 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 Method Draw · VectorCraft. Mulai dari bentuk atau data minimum, lalu uji sebelum menambahkan hiasan.

Status: draf operasional. Contoh berupa ilustrasi konsep dan resep pengerjaan. Berkas proyek asli aplikasi belum dirakit atau diuji pada perangkat kelas. Mentor perlu mencoba resep, menyesuaikan tempo, dan mencatat hasil uji sebelum mengajar.

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

SD · Pemula

Prasyarat: Tidak memerlukan pengalaman vector. Mulai dari navigasi, seleksi, shape, dan penyimpanan; mentor menyesuaikan bantuan perangkat.

Batas tugas: 32 sesi × 1 jam per program; empat proyek × delapan sesi. Satu dokumen sederhana, palet terbatas, bentuk besar, serta tokoh tanpa anatomi rumit. Proyek: onboarding tool, shape, hewan, dan manusia vector.

Mentor membacakan istilah alat dan memberi satu demo kecil. Siswa memilih bentuk, warna, atau penempatan serta menjelaskan satu perubahan dengan bahasa sederhana.

Persiapan tools: Siapkan Method Draw, shape, Fill/Stroke, Group Elements, Duplicate, Convert to Path, dan Edit Path. Gunakan satu dokumen sederhana; uji Save Image sebagai SVG dan Export as PNG.

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.

Gunakan satu gambar yang sudah dibuat sebagai simbol rak atau petunjuk kelas; teman menebak tanpa label.

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. Kenalan dengan Method Draw

Ilustrasi konsep Kenalan dengan Method Draw
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Tingkat detail disesuaikan tujuan belajar. Gambar PNG ini bukan sumber vector yang dapat diedit; siswa membuat sendiri shape/path dan menyimpan sumber aplikasi serta ekspor SVG/PNG.

Hasil yang dituju: Lembar tiga shape dengan Fill/Stroke, satu group dan sumber SVG yang dibuka ulang.

Tool proyek: Method Draw
Sumber: .svg · Hasil: PNG

Hasil minimum

Lembar tiga shape dengan Fill/Stroke, satu group dan sumber SVG yang dibuka ulang.

  • Lembar tiga shape dengan Fill/Stroke, satu group dan sumber SVG yang 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 bentuk terbaca, buat satu variasi pose, ukuran penggunaan atau susunan tanpa menambah banyak objek.

Tantangan mandiri: Gunakan tema atau isi baru pada Kenalan dengan Method Draw. 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: 32 sesi × 1 jam per program; empat proyek × delapan sesi. Satu dokumen sederhana, palet terbatas, bentuk besar, serta tokoh tanpa anatomi rumit. Proyek: onboarding tool, shape, hewan, dan manusia vector.

Resep contoh kerja

Versi minimum: Lembar tiga shape dengan Fill/Stroke, satu group dan sumber SVG yang dibuka ulang. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Method Draw: Siapkan Method Draw, shape, Fill/Stroke, Group Elements, Duplicate, Convert to Path, dan Edit Path. Gunakan satu dokumen sederhana; uji Save Image sebagai SVG dan Export as PNG. 1. Di Method Draw, buka Method Draw, buat dokumen, lalu coba zoom dan Undo; buat satu persegi lalu pilih, geser, dan kembalikan posisinya. 2. Di Method Draw, buat lingkaran, persegi, dan segitiga sederhana dengan ukuran berbeda; ubah Fill serta Stroke tiga bentuk dan bandingkan hasil. 3. Di Method Draw, susun bentuk bertumpuk lalu coba Bring to Front dan Send to Back; group dua bentuk, pindahkan, lalu Ungroup untuk mengubah satu bagian. 4. Di Method Draw, save Image sebagai SVG, buka ulang, lalu Export as PNG; revisi satu warna serta posisi dan presentasikan lembar latihan. Simpan sumber aplikasi dan hasil ekspor secara terpisah. Gambar hasil generasi AI hanya acuan konsep berbentuk PNG, bukan path vector yang dapat diedit. Buat sendiri shape/path dan periksa ulang sumber serta ekspor. Ilusi 3D menggunakan bidang 2D; tidak memerlukan mesh atau renderer. Rancangan konsep: Gunakan tiga bentuk besar pada satu dokumen sederhana. Tunjukkan perbedaan sumber SVG dan gambar PNG. Mentor membacakan istilah alat; hasil belum berupa ilustrasi rumit.

Bangun dalam empat tahap

  • Di Method Draw, buka Method Draw, buat dokumen, lalu coba zoom dan Undo; buat satu persegi lalu pilih, geser, dan kembalikan posisinya
  • Di Method Draw, buat lingkaran, persegi, dan segitiga sederhana dengan ukuran berbeda; ubah Fill serta Stroke tiga bentuk dan bandingkan hasil
  • Di Method Draw, susun bentuk bertumpuk lalu coba Bring to Front dan Send to Back; group dua bentuk, pindahkan, lalu Ungroup untuk mengubah satu bagian
  • Di Method Draw, save Image sebagai SVG, buka ulang, lalu Export as PNG; revisi satu warna serta posisi dan presentasikan lembar latihan

Pemeriksaan hasil

  • □ Lembar tiga shape dengan Fill/Stroke, satu group dan sumber SVG yang 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 dianggap mengubah ukuran objek
  • Warna stroke disangka warna isi
  • Objek tertutup karena urutan salah
  • PNG disangka sumber yang dapat diedit

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. Bermain Bentuk Vector

Ilustrasi konsep Bermain Bentuk Vector
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Tingkat detail disesuaikan tujuan belajar. Gambar PNG ini bukan sumber vector yang dapat diedit; siswa membuat sendiri shape/path dan menyimpan sumber aplikasi serta ekspor SVG/PNG.

Hasil yang dituju: Satu rumah dan pohon dari bentuk dasar dengan susunan depan-belakang jelas.

Tool proyek: Method Draw
Sumber: .svg · Hasil: PNG

Hasil minimum

Satu rumah dan pohon dari bentuk dasar dengan susunan depan-belakang jelas.

  • Satu rumah dan pohon dari bentuk dasar dengan susunan depan-belakang jelas.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah bentuk terbaca, buat satu variasi pose, ukuran penggunaan atau susunan tanpa menambah banyak objek.

Tantangan mandiri: Gunakan tema atau isi baru pada Bermain Bentuk Vector. 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: 32 sesi × 1 jam per program; empat proyek × delapan sesi. Satu dokumen sederhana, palet terbatas, bentuk besar, serta tokoh tanpa anatomi rumit. Proyek: onboarding tool, shape, hewan, dan manusia vector.

Resep contoh kerja

Versi minimum: Satu rumah dan pohon dari bentuk dasar dengan susunan depan-belakang jelas. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Method Draw: Siapkan Method Draw, shape, Fill/Stroke, Group Elements, Duplicate, Convert to Path, dan Edit Path. Gunakan satu dokumen sederhana; uji Save Image sebagai SVG dan Export as PNG. 1. Di Method Draw, pilih rumah dan pohon lalu tandai bentuk penyusunnya; buat dinding, batang, dan tajuk dari shape dengan Fill berbeda. 2. Di Method Draw, gambar tiga titik atap dengan path lalu tutup bentuknya; sesuaikan ukuran atap, dinding, pintu, serta tajuk pohon. 3. Di Method Draw, duplikasi bentuk jendela dan atur posisinya secara manual; batasi palet lalu tata pintu, jendela, dan batang di depan-belakang. 4. Di Method Draw, group bagian rumah dan pohon secara terpisah lalu uji perpindahan; perbaiki satu sambungan bentuk, simpan SVG, dan ekspor PNG. Simpan sumber aplikasi dan hasil ekspor secara terpisah. Gambar hasil generasi AI hanya acuan konsep berbentuk PNG, bukan path vector yang dapat diedit. Buat sendiri shape/path dan periksa ulang sumber serta ekspor. Ilusi 3D menggunakan bidang 2D; tidak memerlukan mesh atau renderer. Rancangan konsep: Gunakan persegi untuk rumah, segitiga untuk atap, serta lingkaran dan persegi panjang untuk pohon. Batasi gambar sekitar dua belas unsur besar; tidak memerlukan fitur pola otomatis.

Bangun dalam empat tahap

  • Di Method Draw, pilih rumah dan pohon lalu tandai bentuk penyusunnya; buat dinding, batang, dan tajuk dari shape dengan Fill berbeda
  • Di Method Draw, gambar tiga titik atap dengan path lalu tutup bentuknya; sesuaikan ukuran atap, dinding, pintu, serta tajuk pohon
  • Di Method Draw, duplikasi bentuk jendela dan atur posisinya secara manual; batasi palet lalu tata pintu, jendela, dan batang di depan-belakang
  • Di Method Draw, group bagian rumah dan pohon secara terpisah lalu uji perpindahan; perbaiki satu sambungan bentuk, simpan SVG, dan ekspor PNG

Pemeriksaan hasil

  • □ Satu rumah dan pohon dari bentuk dasar dengan susunan depan-belakang jelas.
  • □ 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

  • Bentuk dibuat terlalu kecil sebelum susunan jelas
  • Atap dan dinding tidak bertemu
  • Duplikasi menumpuk tepat di atas asal
  • Objek terpisah saat seluruh rumah dipindahkan

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. Hewan dari Bentuk

Ilustrasi konsep Hewan dari Bentuk
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Tingkat detail disesuaikan tujuan belajar. Gambar PNG ini bukan sumber vector yang dapat diedit; siswa membuat sendiri shape/path dan menyimpan sumber aplikasi serta ekspor SVG/PNG.

Hasil yang dituju: Satu hewan sederhana yang dikenali dari bentuk besar.

Tool proyek: Method Draw
Sumber: .svg · Hasil: PNG

Hasil minimum

Satu hewan sederhana yang dikenali dari bentuk besar.

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

Pengayaan: Setelah bentuk terbaca, buat satu variasi pose, ukuran penggunaan atau susunan tanpa menambah banyak objek.

Tantangan mandiri: Gunakan tema atau isi baru pada Hewan dari Bentuk. 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: 32 sesi × 1 jam per program; empat proyek × delapan sesi. Satu dokumen sederhana, palet terbatas, bentuk besar, serta tokoh tanpa anatomi rumit. Proyek: onboarding tool, shape, hewan, dan manusia vector.

Resep contoh kerja

Versi minimum: Satu hewan sederhana yang dikenali dari bentuk besar. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Method Draw: Siapkan Method Draw, shape, Fill/Stroke, Group Elements, Duplicate, Convert to Path, dan Edit Path. Gunakan satu dokumen sederhana; uji Save Image sebagai SVG dan Export as PNG. 1. Di Method Draw, uraikan kucing menjadi kepala, badan, telinga, dan ekor; buat kepala lingkaran serta badan oval dan atur ukurannya. 2. Di Method Draw, buat satu telinga serta kaki lalu Duplicate dan posisikan; tambahkan mata, hidung, dan mulut sederhana dengan bentuk kecil. 3. Di Method Draw, buat ekor path dan ubah sedikit node untuk memperbaiki lengkung; pilih palet terbatas dan samakan bobot Stroke bagian hewan. 4. Di Method Draw, duplikasi kelompok hewan lalu ubah satu ciri wajah atau telinga; minta teman menebak hewan, revisi, simpan SVG, dan ekspor PNG. Simpan sumber aplikasi dan hasil ekspor secara terpisah. Gambar hasil generasi AI hanya acuan konsep berbentuk PNG, bukan path vector yang dapat diedit. Buat sendiri shape/path dan periksa ulang sumber serta ekspor. Ilusi 3D menggunakan bidang 2D; tidak memerlukan mesh atau renderer. Rancangan konsep: Pilih kucing: kepala lingkaran, telinga segitiga, badan oval, dan ekor path sederhana. Gunakan dua atau tiga warna serta garis konsisten; tidak menggambar bulu satu per satu.

Bangun dalam empat tahap

  • Di Method Draw, uraikan kucing menjadi kepala, badan, telinga, dan ekor; buat kepala lingkaran serta badan oval dan atur ukurannya
  • Di Method Draw, buat satu telinga serta kaki lalu Duplicate dan posisikan; tambahkan mata, hidung, dan mulut sederhana dengan bentuk kecil
  • Di Method Draw, buat ekor path dan ubah sedikit node untuk memperbaiki lengkung; pilih palet terbatas dan samakan bobot Stroke bagian hewan
  • Di Method Draw, duplikasi kelompok hewan lalu ubah satu ciri wajah atau telinga; minta teman menebak hewan, revisi, simpan SVG, dan ekspor PNG

Pemeriksaan hasil

  • □ Satu hewan sederhana yang dikenali dari bentuk besar.
  • □ 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 wajah dibuat sebelum siluet jelas
  • Telinga salah urutan sehingga tertutup
  • Node terlalu banyak membuat tepi bergerigi
  • Variasi mengubah semua ciri hewan

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. Tokoh Manusia Vector

Ilustrasi konsep Tokoh Manusia Vector
Contoh konsep hasil generasi AI (ChatGPT), bukan karya siswa atau tangkapan layar aplikasi. Tingkat detail disesuaikan tujuan belajar. Gambar PNG ini bukan sumber vector yang dapat diedit; siswa membuat sendiri shape/path dan menyimpan sumber aplikasi serta ekspor SVG/PNG.

Hasil yang dituju: Satu manusia dari shape dengan pose berdiri; ciri tokoh konsisten.

Tool proyek: Method Draw
Sumber: .svg · Hasil: PNG

Hasil minimum

Satu manusia dari shape dengan pose berdiri; ciri tokoh konsisten.

  • Satu manusia dari shape dengan pose berdiri; ciri tokoh konsisten.
  • Pilihan visual mendukung fokus atau aksi utama; diuji pada ukuran/durasi penggunaan.
  • Sumber dapat dibuka ulang dan satu revisi dapat dijelaskan.

Pengayaan: Setelah bentuk terbaca, buat satu variasi pose, ukuran penggunaan atau susunan tanpa menambah banyak objek.

Tantangan mandiri: Gunakan tema atau isi baru pada Tokoh Manusia Vector. 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: 32 sesi × 1 jam per program; empat proyek × delapan sesi. Satu dokumen sederhana, palet terbatas, bentuk besar, serta tokoh tanpa anatomi rumit. Proyek: onboarding tool, shape, hewan, dan manusia vector.

Resep contoh kerja

Versi minimum: Satu manusia dari shape dengan pose berdiri; ciri tokoh konsisten. Setelah versi ini lolos, contoh pengembangan opsional: Persiapan Method Draw: Siapkan Method Draw, shape, Fill/Stroke, Group Elements, Duplicate, Convert to Path, dan Edit Path. Gunakan satu dokumen sederhana; uji Save Image sebagai SVG dan Export as PNG. 1. Di Method Draw, sketsa kepala, badan, lengan, dan kaki dari bentuk dasar; buat kepala serta baju lalu bandingkan tinggi keseluruhan. 2. Di Method Draw, tambahkan anggota tubuh lalu atur urutan di belakang atau depan baju; tambahkan wajah serta satu ciri seperti topi oranye. 3. Di Method Draw, group bagian yang terkait tanpa menyatukan semua path; duplikasi tokoh dan ubah lengan menjadi pose melambai. 4. Di Method Draw, periksa ukuran serta warna kedua pose dan rapikan sambungan; presentasikan dua pose, simpan SVG, dan ekspor PNG. Simpan sumber aplikasi dan hasil ekspor secara terpisah. Gambar hasil generasi AI hanya acuan konsep berbentuk PNG, bukan path vector yang dapat diedit. Buat sendiri shape/path dan periksa ulang sumber serta ekspor. Ilusi 3D menggunakan bidang 2D; tidak memerlukan mesh atau renderer. Rancangan konsep: Buat satu tokoh berkepala bulat, baju sederhana, celana, dan sepatu polos. Tangan cukup berupa bentuk sederhana tanpa tuntutan anatomi realistis. Simpan acuan untuk dipakai pada Lanjutan.

Bangun dalam empat tahap

  • Di Method Draw, sketsa kepala, badan, lengan, dan kaki dari bentuk dasar; buat kepala serta baju lalu bandingkan tinggi keseluruhan
  • Di Method Draw, tambahkan anggota tubuh lalu atur urutan di belakang atau depan baju; tambahkan wajah serta satu ciri seperti topi oranye
  • Di Method Draw, group bagian yang terkait tanpa menyatukan semua path; duplikasi tokoh dan ubah lengan menjadi pose melambai
  • Di Method Draw, periksa ukuran serta warna kedua pose dan rapikan sambungan; presentasikan dua pose, simpan SVG, dan ekspor PNG

Pemeriksaan hasil

  • □ Satu manusia dari shape dengan pose berdiri; ciri tokoh konsisten.
  • □ 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 rambut menghambat bentuk tubuh
  • Bagian tubuh tidak bertemu
  • Pose kedua mengubah ukuran kepala
  • Sumber diratakan menjadi gambar tunggal

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

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

↑