Pixel art maker adalah alat gambar yang dibangun di atas kisi tetap: alih-alih goresan bebas, kamu menaruh piksel satu per satu, kotak demi kotak. Batasan itulah daya tarik utama pixel art. Sprite game, ikon retro, avatar, dan ilustrasi bergaya 8-bit semuanya dibuat dengan memilih setiap piksel secara sengaja.
Editor ini memberimu perlengkapan klasik editor sprite: pensil, penghapus, isi warna, dan pemilih warna pada kisi 8x8 sampai 64x64, ditambah animasi frame demi frame dengan pratinjau langsung. Ekspor hasilnya sebagai PNG yang tajam dalam ukuran apa pun, GIF animasi, atau sprite sheet yang siap dipakai di game engine.
Karena ini Coddy, gambarmu juga berupa kode. Satu klik mengubah kisi menjadi array 2D Python, potongan kode canvas JavaScript, seni box-shadow CSS, SVG, atau CSV yang bisa kamu buka di spreadsheet. Cara seru untuk melihat bahwa gambar sebenarnya hanyalah array berisi nilai warna.
Yang kamu pelajari saat membuat pixel art
Gambar adalah array 2D: setiap piksel adalah satu entri dengan satu nilai warna. Ekspor kode menampilkan gambarmu persis seperti itu, berupa baris dan kolom kode hex.
Palet kecil terlihat lebih bagus. Sprite klasik memakai 4 sampai 32 warna; membatasi diri memaksamu membuat bentuk yang rapi dan siluet yang mudah dikenali.
Animasi hanyalah kumpulan frame. Siklus berjalan atau kedipan mata hanyalah beberapa kisi yang sedikit berbeda dan ditampilkan berurutan. Ekspor GIF memutarnya dengan kecepatan yang kamu pilih.
Memperbesar pixel art butuh interpolasi nearest-neighbor. Ekspor dengan skala 16x atau 32x dan kotak-kotaknya tetap setajam silet; pembesaran halus justru akan membuatnya buram.
Cara membuat pixel art langkah demi langkah
1
Pilih ukuran kisi
Mulailah dari yang kecil: 16x16 atau 32x32. Kisi kecil memaksamu membuat bentuk yang sederhana dan mudah dikenali, dan kebanyakan sprite game klasik berukuran 16x16 atau 32x32. Kamu bisa mengganti ukuran nanti tanpa kehilangan gambarmu.
2
Buat siluetnya
Pakai pensil untuk garis luar dan alat isi warna untuk area yang luas. Gambar bentuk keseluruhannya dulu dengan satu warna, lalu tambahkan detail. Klik kanan (atau penghapus) menghapus satu piksel.
3
Beri bayangan dengan palet kecil
Pilih 2 atau 3 gradasi untuk setiap material: warna dasar, sorotan, dan bayangan. Palet bawaan disusun supaya gradasi itu mudah ditemukan, dan pipet bisa mengambil warna apa pun yang sudah ada di kanvas.
4
Animasikan (opsional)
Duplikat frame-nya, geser beberapa piksel, lalu tekan putar. Dua atau tiga frame sudah cukup untuk kedipan, pantulan, atau nyala api yang berkedip.
5
Ekspor
Unduh PNG dengan skala hingga 32x, GIF animasi, atau sprite sheet berisi semua frame dalam satu baris. Atau buka panel kode dan salin karyamu sebagai Python, JavaScript, CSS, SVG, atau CSV.
Referensi cepat pixel art
Ukuran kanvas dan format ekspor yang umum, serta kapan memakai masing-masing.
Pilihan
Paling cocok untuk
Catatan
Kisi 16x16
Ikon, favicon, sprite mungil
Ukuran sprite klasik, setiap piksel berarti
Kisi 32x32
Karakter game, avatar
Titik ideal antara detail dan usaha
Kisi 64x64
Adegan detail, potret
Rancang siluetnya dulu, karena 4.096 piksel lama terisinya
Ekspor PNG
Avatar, stiker, aset
Perbesar 16x atau lebih supaya piksel tetap tajam
Ekspor GIF
Animasi untuk chat dan web
Memakai pengaturan FPS kamu; mendukung transparansi
Sprite sheet
Game engine
Semua frame berdampingan dalam satu PNG
Ekspor kode
Belajar, seni generatif
Python, JavaScript, CSS, SVG, atau CSV
Contoh pixel art untuk dicoba
Gambarmu sebagai array 2D Python
Python
PIXELS =[[None,"#e43b44","#e43b44",None],["#e43b44","#a22633","#a22633","#e43b44"],[None,"#e43b44","#a22633",None],[None,None,"#e43b44",None],]for row in PIXELS:print("".join("█"if c else" "for c in row))
Ekspor kode menulis setiap piksel sebagai warna hex dalam list bersarang, ditambah potongan kode Pillow yang merendernya kembali menjadi PNG. Versi mungil ini mencetak bentuknya di terminal, bukti bahwa gambar hanyalah array 2D.
Ekspor CSS mengubah setiap piksel menjadi satu offset box-shadow dari satu div, trik front-end klasik. Tempel di halaman mana pun dan ubah --px untuk mengubah ukuran seluruh karya.
Ekspor CSV menaruh satu kode hex di setiap sel. Buka di Google Sheets atau Excel, perkecil kolomnya menjadi persegi, lalu tambahkan aturan conditional formatting yang mewarnai setiap sel sesuai nilainya. Jadilah pixel art di spreadsheet.
Kesalahan umum saat membuat pixel art
Memulai di kisi 64x64. Kanvas besar menyembunyikan bentuk yang lemah, jadi belajarlah di 16x16, tempat setiap piksel adalah sebuah keputusan.
Memakai terlalu banyak warna. Kalau sprite-mu punya 40 warna, sprite itu tidak punya gaya. Pilih gradasi kecil untuk setiap material dan patuhi itu.
Memperbesar hasil ekspor dengan smoothing yang menyala. Pixel art harus diperbesar dengan nearest-neighbor (alat ini melakukannya untukmu), kalau tidak hasilnya akan buram berantakan.
Mengekspor sprite dengan latar putih. Biarkan latar transparan tetap menyala untuk apa pun yang akan masuk ke game atau ditaruh di atas konten lain.
Membuat animasi dengan terlalu banyak frame. Nuansa game klasik datang dari 2 sampai 4 frame yang dipilih dengan baik, bukan 16 frame yang hampir sama.
FAQ Pixel Art Maker
Apa itu pixel art?
Pixel art adalah seni digital yang gambarnya dibangun piksel demi piksel di kisi kecil, jadi setiap kotak ditaruh dengan sengaja. Ini adalah gaya visual video game klasik dan masih ada di mana-mana: game indie, avatar, ikon, dan foto profil era NFT.
Bagaimana cara membuat pixel art untuk pemula?
Mulailah di kisi 16x16 dengan 3 atau 4 warna. Gambar siluet benda yang sederhana, seperti hati, jamur, atau pedang, lalu tambahkan satu warna sorotan dan satu warna bayangan. Stensil bawaan memberimu bentuk awal yang bisa kamu warnai ulang dan edit. Pixel art yang mudah itu soal bentuk yang rapi, bukan detail.
Berapa ukuran pixel art yang sebaiknya dipakai?
16x16 dan 32x32 adalah ukuran sprite klasik dan tempat terbaik untuk memulai; pixel art 32x32 cocok untuk kebanyakan karakter game dan avatar. Pakai 64x64 hanya kalau kamu benar-benar butuh detail. Saat mengekspor, perbesar 16x atau 32x supaya pikselnya tetap tajam di ukuran tampilan.
Bagaimana cara membuat GIF pixel art animasi?
Tambahkan frame kedua dengan tombol Duplikat, ubah beberapa piksel (mata berkedip, api bergerak), atur FPS, lalu tekan putar untuk melihat pratinjaunya. Unduh GIF mengekspor GIF animasi yang berulang dengan transparansi, siap untuk aplikasi chat, Discord, atau situs web.
Apa itu sprite sheet?
Sprite sheet adalah satu gambar yang berisi semua frame animasi secara berdampingan. Game engine seperti Unity, Godot, dan Phaser memuat sheet itu sekali, lalu memutar frame-nya dengan menggeser area tampilan. Ekspor sprite sheet menyusun frame-mu dalam satu baris dengan ukuran sel yang seragam.
Bisakah saya memakai ini sebagai sprite editor untuk game saya?
Bisa. Gambar setiap frame animasi, lihat pratinjau loop-nya dengan frame rate game kamu, lalu ekspor PNG sprite sheet dengan latar transparan. Ekspor SVG dan PNG juga bisa dipakai untuk ikon UI dan tile set.
Apakah ini alternatif Piskel?
Alat ini mencakup alur kerja inti yang sama dengan Piskel: menggambar di kisi, animasi frame, serta ekspor GIF dan sprite sheet. Semuanya berjalan sepenuhnya di browser tanpa perlu instal apa pun, dan ada ekspor kode sebagai tambahan. Kalau kamu mencari editor sprite online yang sederhana dan terus dirawat, alat ini dibuat persis untuk itu.
Apa itu pixel art spreadsheet?
Trik klasik di kelas: perkecil sel spreadsheet menjadi persegi, lalu warnai untuk membentuk gambar. Ekspor CSV memberimu satu kode hex per sel, jadi satu aturan conditional formatting di Google Sheets atau Excel sudah bisa membuat ulang gambarmu sebagai sel berwarna.
Bagaimana cara mengubah pixel art saya menjadi kode?
Buka panel kode dan pilih format. Python memberimu list 2D ditambah renderer Pillow, JavaScript menggambarnya di canvas, CSS menampilkannya sebagai seni box-shadow satu div, SVG menghasilkan persegi panjang vektor yang tajam, dan CSV mengisi spreadsheet. Format array adalah cara yang bagus untuk pertama kali melihat cara kerja gambar di dalam kode.
Apakah pixel art maker ini gratis?
Ya, gratis, tanpa daftar, tanpa watermark. Semuanya berjalan secara lokal di browser kamu: karyamu disimpan otomatis di perangkatmu dan tidak pernah diunggah ke server.
