Bitmap Editing · SMP · Lanjutan · Sesi 23

Ekspor PNG transparan

Pembuatan Aset Ilustrasi

PhotoCraft · 60 menit

Menyiapkan pertukaran tanpa kehilangan sumber

Codezilla · 1 / 12

Tujuan dan bukti belajar

1.Menyiapkan pertukaran tanpa kehilangan sumber

2.PNG tidak memiliki kotak latar dan sumber PCraft tersedia

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

Codezilla · 2 / 12

Pahami: Ekspor PNG transparan

1.Sumber PSD, KRA atau PCraft menyimpan struktur yang masih dapat diedit. PNG adalah hasil tampilan; transparansi memerlukan alpha, bukan kotak berwarna putih.

2.Simpan sumber dan PNG dengan nama berbeda. Buka ulang sumber, lalu uji PNG pada ukuran penggunaan dan dua warna latar.

Codezilla · 3 / 12

Kenali tampilan PhotoCraft

Screenshot asli PhotoCraft: Pembuatan Aset Ilustrasi, tahap awal — Screenshot asli PhotoCraft · contoh teknik tahap awal · proyek Pembuatan Aset Ilustrasi. Klik gambar untuk memperbesar.

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

Menyiapkan pertukaran tanpa kehilangan sumber

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.Simpan PCraft berlayer dan ekspor tiap aset dengan nama yang jelas

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

3.Bandingkan hasil dengan tujuan: PNG tidak memiliki kotak latar dan sumber PCraft tersedia

Codezilla · 6 / 12

Contoh pengerjaan di PhotoCraft

Screenshot asli PhotoCraft: Pembuatan Aset Ilustrasi, tahap hasil — Screenshot asli PhotoCraft · contoh teknik tahap hasil · proyek Pembuatan Aset Ilustrasi. Klik gambar untuk memperbesar.

Simpan PCraft berlayer dan ekspor tiap aset dengan nama yang jelas

PNG tidak memiliki kotak latar dan sumber PCraft tersedia

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

Perbesar screenshot ↗ · Unduh contoh teknik (.zip)

Codezilla · 7 / 12

Kerjakan versi milikmu

1.Simpan PCraft berlayer dan ekspor tiap aset dengan nama yang jelas

2.Pilih satu perubahan gambar dan jelaskan pengaruhnya.

3.Simpan versi awal, masukan dan satu revisi.

Codezilla · 8 / 12

Uji lalu perbaiki

1.Periksa: PNG tidak memiliki kotak latar dan sumber PCraft tersedia

2.Waspadai: Latar putih ikut diekspor atau sumber PCraft tidak disimpan

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

Codezilla · 9 / 12

Periksa sebelum menyerahkan

1.PNG tidak memiliki kotak latar dan sumber PCraft tersedia

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