Vector Editing · SD · Pemula · Sesi 7

Simpan SVG dan PNG

Kenalan dengan Method Draw

Method Draw · 60 menit

Menyiapkan sumber serta hasil

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menyiapkan sumber serta hasil

2.SVG tetap berisi objek dan PNG sesuai tampilan

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

Codezilla · 2 / 12

Pahami: Simpan SVG dan PNG

1.Sumber native dan SVG mempertahankan objek yang dapat diedit; PNG menyimpan hasil piksel pada ukuran tertentu. Font dan efek perlu diperiksa saat berpindah format.

2.Buka ulang sumber, periksa bentuk serta teks, lalu bandingkan ekspor besar dan kecil. Simpan salinan sebelum mengubah format.

Codezilla · 3 / 12

Kenali tampilan Method Draw

Screenshot asli Method Draw: Kenalan dengan Method Draw, tahap awal — Screenshot asli Method Draw · contoh teknik tahap awal · proyek Kenalan dengan Method Draw. Klik gambar untuk memperbesar.

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

Menyiapkan sumber serta hasil

Tentukan bagian yang akan kamu ubah pada sumber milikmu.

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 4 / 12

Siapkan alat dan sumber

1.Buka Method Draw. Siapkan folder sumber, aset, dan ekspor.

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

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

Buka situs Method Draw ↗Codezilla · 5 / 12

Praktik bersama mentor

1.Save Image sebagai SVG, buka ulang, lalu Export as PNG

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

3.Bandingkan hasil dengan tujuan: SVG tetap berisi objek dan PNG sesuai tampilan

Codezilla · 6 / 12

Contoh pengerjaan di Method Draw

Screenshot asli Method Draw: Kenalan dengan Method Draw, tahap hasil — Screenshot asli Method Draw · contoh teknik tahap hasil · proyek Kenalan dengan Method Draw. Klik gambar untuk memperbesar.

Save Image sebagai SVG, buka ulang, lalu Export as PNG

SVG tetap berisi objek dan PNG sesuai tampilan

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Save Image sebagai SVG, buka ulang, lalu Export as PNG

2.Pilih satu perubahan bentuk dan uji keterbacaannya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: SVG tetap berisi objek dan PNG sesuai tampilan

2.Waspadai: PNG disangka sumber yang dapat diedit

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.SVG tetap berisi objek dan PNG sesuai tampilan

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