Cara Menyederhanakan Shading Piksel Saat Sprite Menjadi Sulit Dibaca

Duplikasikan sprite atau simpan satu versi sebelum mengedit. Kemudian sembunyikan layer highlight dan bayangan, atau warnai ulang piksel bagian dalam ke warna dasar. Lihat versi datar tersebut pada ukuran layar yang dituju, jangan hanya saat diperbesar di editor. Jika pose, objek, atau fitur utama masih belum jelas, siluet dasar atau jarak antarfitur perlu diperbaiki; menambah shading hanya akan menambah kerumitan tanpa memperbaiki bentuk tersebut. Panduan sprite dari Adafruit menyajikan bentuk dasar terlebih dahulu, diikuti dengan shading untuk menambah dimensi, yang mendukung prinsip bahwa shading sebaiknya dilakukan pada tahap akhir alih-alih sebagai fondasi pengenalan (panduan MakeCode Arcade Pixel Art Sprites dari Adafruit).

Pikirkan dari segi apa yang diberikan oleh setiap shade (tingkat kegelapan). Pertahankan warna dasar untuk permukaan utama, tingkat yang lebih gelap untuk bidang bayangan terbesar, dan—hanya jika berguna—tingkat yang lebih terang untuk highlight. Gabungkan atau hapus warna yang tidak memisahkan bentuk, tidak memperjelas arah cahaya, atau tidak menandai fitur yang harus terlihat. Tidak ada jumlah warna yang benar secara mutlak: sprite kecil dan gayanya bervariasi. Pengujian yang tepat adalah apakah setiap warna yang tersisa memiliki fungsi yang jelas terlihat pada ukuran aslinya. Panduan Adafruit mencatat bahwa sprite sederhana dapat menggunakan palet terbatas, sedangkan shading yang lebih kompleks dapat meningkatkan jumlah warna secara signifikan (panduan Adafruit).

Perbesar dan periksa setiap shade sebagai satu kelompok piksel, atau cluster. Jika bayangan telah terfragmentasi menjadi bintik-bintik yang terputus, putuskan apakah piksel tersebut merupakan aksen yang penting. Hapus bintik yang tidak disengaja atau gabungkan menjadi bentuk bayangan yang lebih luas mengikuti bentuk objek. Saint11 merekomendasikan untuk memulai dengan cluster warna yang besar dan menyempurnakannya, serta menggambarkan cluster satu piksel yang terisolasi sebagai sumber visual noise yang umum, sekaligus mengakui bahwa satu piksel bisa saja disengaja untuk tekstur atau detail penting (panduan sketsa cluster Saint11).

Langkah edit yang praktis adalah memilih satu area bayangan dan menggambar ulang batasnya sebagai massa yang padat. Hindari membiarkan setiap detail kontur menghasilkan bercak kecilnya sendiri. Pertahankan piksel yang terisolasi hanya jika membawa sinyal visual tertentu yang dapat dibaca—seperti kilau atau mata—kemudian periksa pada ukuran tampilan sebenarnya. Piksel yang menghilang atau tampak seperti coretan acak pada ukuran tersebut tidak membantu audiens mengenali sprite tersebut.

Dua warna yang berdekatan dapat berbeda hue (rona) tetapi tetap membaur jika tingkat kecerahannya (lightness) serupa. Untuk sementara, lihat sprite dalam skala abu-abu (grayscale), atau sipitkan mata ke arahnya, untuk melihat apakah bidang-bidang penting tampak melebur menjadi satu. Jika tepi bayangan menghilang, sesuaikan value salah satu area di sebelahnya atau sederhanakan batasnya. Jangan otomatis menggelapkan setiap bayangan: mempertahankan pemisahan antara sprite, bagian-bagiannya, dan latar belakangnya jauh lebih penting daripada memaksimalkan kontras di setiap titik.

Untuk sprite yang memiliki outline (garis luar), periksa outline tersebut terhadap sprite dan juga latar belakangnya. Panduan Lospec menjelaskan bahwa peran pemisah dari sebuah outline bergantung pada kontras dan warnanya mungkin perlu diubah di sepanjang bentuk yang diarsir atau pada latar belakang yang berbeda (“Pixel Art Outlines Part 2: Using Color” dari Lospec). Jika outline dan bayangan menyatu menjadi satu garis tebal, cobalah gunakan outline yang lebih terang atau lebih selektif, atau hapus garis internal yang mengulang batas yang sama.

Tentukan arah cahaya yang ingin disampaikan oleh sprite, lalu periksa apakah area bayangan utama sesuai dengan arah tersebut. Bayangan yang muncul di setiap tepi dapat membuat bentuknya tampak seperti diberi garis batas, bukan terkena cahaya. Hapus bayangan sekunder yang bertentangan dengan arah utama atau yang memecah permukaan sederhana tanpa memperjelas volumenya. Bentuk bayangan yang ringkas dapat menggambarkan bagian bawah, tumpang tindih, atau area yang menjorok ke dalam; tanda kontur kecil bersifat opsional.

Ini adalah keputusan penyederhanaan, bukan aturan bahwa setiap sprite harus menggunakan pencahayaan yang realistis. Gaya grafis datar, rim lighting, dan palet warna yang sengaja dibuat tidak biasa semuanya bisa berhasil. Pertahankan penyimpangan dari pencahayaan yang konsisten jika hal tersebut memiliki tujuan gaya yang jelas, dan nilailah pada ukuran serta latar belakang tempat gambar tersebut akan ditampilkan.

Kembalikan warna yang paling terang secukupnya saja. Pertahankan highlight jika itu mengidentifikasi permukaan yang memantulkan cahaya, memisahkan fitur penting, atau memberi titik fokus yang berguna pada bentuk tersebut. Jika highlight menghasilkan banyak bintik terang yang saling bersaing, satukan menjadi cluster yang lebih sedikit dan lebih besar, atau hapus bintik yang tidak terlihat jelas pada ukuran aslinya.

Tekstur dan dithering memerlukan pengujian yang sama. Keduanya dapat memberi kesan material atau membuat transisi dengan warna terbatas, tetapi pola yang berulang dapat bersaing dengan siluet atau memecah bayangan sederhana menjadi noise visual. Matikan keduanya saat memeriksa bentuk value utama; masukkan kembali secara selektif jika teksturnya tetap terbaca jelas pada skala normal. Tujuannya bukan untuk menghilangkan semua detail kecil, melainkan untuk mencegah detail tersebut mengaburkan keterbacaan utama sprite.

Bandingkan versi yang telah disederhanakan dengan versi asli pada ukuran tampilan yang dituju, lalu periksa tampilan yang diperbesar untuk mencari piksel liar dan tepi cluster yang tidak rapi. Periksa sprite terhadap latar belakang yang kemungkinan akan digunakan; tepi yang terbaca pada kanvas netral mungkin akan membaur ke dalam pemandangan yang gelap atau sewarna. Jika gambar tersebut dianimasikan, bandingkan juga dengan frame-frame di sekitarnya: piksel shading yang berkedip atau mengubah bentuk yang tampak mungkin perlu disederhanakan secara konsisten di seluruh rangkaian animasi.

Gunakan urutan ini jika hasilnya masih belum jelas: siluet terlebih dahulu, lalu pemisahan bentuk-bentuk utama, kemudian bayangan terbesar, diikuti highlight penting, lalu tekstur opsional. Jika suatu langkah membuat pengenalan objek lebih sulit pada ukuran sebenarnya, batalkan langkah tersebut. Berhentilah saat bentuk utama dan fitur penting sudah terbaca dengan jelas; shading tambahan hanya berguna jika memberikan informasi yang masih dapat dipertahankan oleh gambar berukuran lebih kecil.

• Adafruit Learning System, “MakeCode Arcade Pixel Art Sprites” — konstruksi sprite, ukuran palet, dan menambahkan bayangan pada bentuk dasar.
• Saint11, “2 - Cluster Sketching and Painting” — membangun dari cluster yang lebih besar dan mengidentifikasi piksel yang terisolasi.
• Lospec, “Pixel Art Outlines Part 2: Using Color” — mempertahankan kontras outline pada sprite berbayang dan berbagai latar belakang.