Mengapa menggunakan PNG untuk menggambar piksel?
PNG menyimpan gambar tanpa kehilangan. Warna solid dan tepi piksel tajam dipertahankan tanpa artefak dari kompresi JPEG. Anda juga dapat membiarkan area kosong pada gambar Anda tetap transparan.
PNG adalah keluaran gambar; Ini bukan pengganti lapisan dan bingkai yang dapat diedit. Simpan juga file proyek Tintfolk Anda untuk terus bekerja nanti.
Unduh menggambar langkah demi langkah sebagai PNG
Setelah menyelesaikan gambar Anda di editor, ikuti langkah-langkah di bawah ini. Nama opsinya sama dengan jendela ekspor di editor Tintfolk.
Buka jendela ekspor
Gunakan tombol Ekspor editor atau opsi Ekspor di menu File.
Pilih PNG sebagai format
Pilih “Bingkai PNG saat ini” untuk satu gambar. Opsi ini mengekspor frame yang sedang terbuka.
Tetapkan skala piksel
Gunakan 1× untuk ukuran asli, 2×, 4×, 8× atau 16× untuk gambar yang diperbesar.
Unduh dan periksa file Anda
Tekan tombol unduh. Buka file PNG dari unduhan browser; Periksa ukuran, tepi, dan latar belakangnya.
Skala piksel: Memperbesar gambar tanpa mengaburkannya
Skala piksel menentukan berapa banyak piksel lebar setiap piksel gambar yang akan dihasilkan. Misalnya, kanvas 128 × 128 menghasilkan PNG 512 × 512 pada skala 4×. Pengaturan zoom Anda tidak mengubah ukuran file.
Hanya karena Anda bekerja lebih dekat di editor bukan berarti gambar yang diunduh akan lebih besar. Pilih ukuran output dengan opsi skala Pixel.
Bagaimana cara menjaga latar belakang tetap transparan?
Piksel yang tidak dicat atau dihapus pada kanvas tetap transparan dalam keluaran PNG. Piksel yang dicat putih tidak transparan; adalah bagian dari gambar.
Untuk menghapus latar belakang, hapus piksel yang tidak diinginkan pada lapisan itu atau sembunyikan lapisan latar belakang. Periksa apakah lapisan lain yang terlihat di bawah tidak memenuhi area tersebut. Pola tambahan yang digunakan editor untuk mewakili transparansi tidak disertakan dalam keluaran PNG.
Bingkai atau sprite sheet saat ini?
| Opsi | Kapan digunakan? |
|---|---|
| Bingkai PNG saat ini | Untuk berbagi bingkai aktif sebagai satu gambar. |
| PNG · semua bingkai (sprite sheet) | Untuk mendapatkan semua frame dari kiri ke kanan dalam satu PNG. |
| File proyek Tintfolk | Untuk melanjutkan pengeditan sambil mempertahankan lapisan dan bingkai. |
Tidak memutar animasi PNG. Jika Anda menginginkan keluaran animasi, pertimbangkan opsi GIF di editor. Sprite sheet adalah gambar tetap dimana kotak-kotaknya berdiri berdampingan.
Periksa ini setelah disimpan
- Apakah Anda mendownload frame yang benar?
- Apakah lebar dan tinggi gambar sesuai skala yang Anda harapkan?
- Apakah area yang seharusnya transparan itu benar-benar kosong?
- Apakah tepi piksel terlihat jelas pada zoom 100 persen atau integer?
- Apakah Anda juga menyimpan file proyek Anda untuk melanjutkan pengeditan?
Jika sprite sheet besar atau skala tinggi menghalangi pengunduhan, pilih skala yang lebih kecil. Jangan menilai keburaman hanya dengan melihat pratinjau di layar, karena pemirsa yang membuka file mungkin akan menerapkan penghalusan.
Pertanyaan yang sering diajukan
Mengapa file PNG terlihat kecil?
1×, file tersebut adalah ukuran kanvas sebenarnya. Untuk berbagi lebih besar, pilih skala seperti 2× atau 4× di jendela ekspor.
Mengapa latar belakang PNG tampak putih?
Penampil dapat menampilkan area transparan berwarna putih; Namun, jika Anda mengecat kanvas dengan warna putih, piksel-piksel ini tetap ada pada keluaran. Periksa gambar pada latar belakang berwarna berbeda.
Apakah PNG mempertahankan lapisan?
Lapisan yang terlihat digabungkan menjadi satu gambar. Unduh file proyek Tintfolk untuk menyimpan lapisan dalam format yang dapat diedit.
Bagaimana cara mendapatkan semua bingkai utama?
Gunakan pilihan sprite sheet PNG di kolom Format. Bingkai diurutkan dari kiri ke kanan dalam satu PNG.
Apa yang harus saya lakukan jika terjadi kesalahan saat mengunduh?
Kurangi skala piksel dan coba lagi. Khususnya file sprite sheet multi-frame dapat mencapai ukuran besar dalam skala tinggi.