Cara Memilih Palet Terbatas untuk Sprite Hewan Berukuran Kecil

Tentukan apa yang perlu disampaikan oleh hewan tersebut dalam sekali pandang. Ikon mungil mungkin hanya memerlukan bentuk tubuh yang jelas dan satu tanda pembeda; karakter yang lebih besar mungkin juga membutuhkan warna terpisah untuk perut, telinga, cakar, atau aksesorinya. Buat daftar fitur-fitur yang harus tetap dapat dibedakan pada ukuran sprite yang diinginkan saja. Hal ini membuat pemilihan palet tetap berpatokan pada fungsi visualnya, alih-alih mengejar target jumlah warna tertentu.

Sebuah panduan seni piksel khusus menyarankan sekitar 4–8 warna, termasuk garis luar (outline), untuk karakter 16×16 dan 8–16 warna untuk karakter 32×32. Anggap saja ini sebagai titik awal yang praktis: hewan dengan satu material bisa membutuhkan lebih sedikit warna, sedangkan beberapa material atau corak yang sangat penting mungkin membutuhkan lebih banyak. Tolok ukur yang tepat adalah apakah setiap warna memberikan kontribusi perbedaan yang terlihat jelas. Panduan Tsubu untuk palet seni piksel

Sebelum memilih corak warna (shade) yang pasti, kenali material tubuh utama dan fitur sekunder yang paling mudah dikenali dari hewan tersebut. Misalnya, seekor rubah kecil mungkin menggunakan satu ramp warna tubuh dan mencadangkan warna pucat untuk moncong serta dadanya; seekor kucing gelap mungkin menggunakan detail wajah atau mata yang lebih terang untuk menonjolkan ekspresinya. Ini hanyalah contoh desain, bukan skema warna hewan yang mutlak. Jika dua area menyatu pada ukuran aslinya, area tersebut mungkin memerlukan pemisahan nilai kecerahan (value) yang lebih jelas. Jika sudah terbaca sebagai satu kesatuan bentuk, memberinya warna terpisah dapat membuat tampilan berantakan tanpa memberikan informasi visual yang berguna.

Garis luar dapat menggunakan corak tubuh yang paling gelap atau memakai warnanya sendiri. Menggunakan bersama corak gelap dapat menghemat slot palet dan membantu menghubungkan berbagai bentuk, sedangkan garis luar yang terpisah tepat digunakan ketika sprite membutuhkan tepi yang tegas terhadap latar belakangnya. Periksa hasilnya terhadap latar belakang game yang sebenarnya atau latar belakang ekspor: garis luar yang menyatu dengan warna latar tersebut tidak akan memperjelas kontur bentuknya.

Color ramp adalah urutan corak warna pendek untuk satu material, yang disusun dari gelap ke terang. Mulailah dengan tiga fungsi peran: bayangan (shadow), warna dasar (base), dan cahaya (light). Tambahkan bayangan yang lebih gelap atau sorotan terang (highlight) hanya saat sprite membutuhkannya. Panduan seni piksel umumnya menjelaskan ramp dengan tiga hingga lima tahap, di mana tahap paling gelap terkadang merangkap fungsi untuk garis tepi. Panduan Pixor untuk ramp palet

Pilihlah warna dasar yang mendukung tampilan yang Anda inginkan, lalu buatlah warna yang berdampingan—satu lebih gelap dan satu lebih terang. Setiap tingkatan warna harus terlihat berbeda secara nyata dari tingkatan di sebelahnya saat diterapkan pada sprite. Deretan sampel warna (swatch) bisa terlihat bervariasi tetapi menghasilkan sedikit perubahan visual pada sekelompok kecil piksel, jadi nilailah ramp langsung dalam konteksnya. Jangan menganggap setiap material membutuhkan urutan warna yang sepenuhnya terpisah: bayangan atau sorotan yang digunakan bersama dapat membuat palet yang ringkas mampu memberi bayangan pada lebih dari satu area.

Saat Anda membuat bayangan hanya dengan menggelapkan warna dasar, ramp warnanya dapat terlihat datar atau kusam. Cobalah menggeser rona (hue) sedikit seiring perubahan kecerahan: misalnya, warna dasar yang hangat bisa memiliki bayangan yang lebih sejuk dan pencahayaan yang lebih hangat. Arah pergeseran tergantung pada pencahayaan dan gaya yang diinginkan, sehingga bayangan biru-ungu dan sorotan kuning-oranye adalah opsi yang umum, bukan rumus wajib. Panduan pergeseran rona (hue shifting) Pixor

Batasi pergeseran rona secukupnya agar gradasi warna tersebut tetap terbaca sebagai satu material. Terapkan arah pencahayaan serupa di seluruh tubuh, wajah, dan ramp sekunder hewan tersebut; pergeseran yang tidak selaras dapat membuat satu sprite kecil tampak diterangi dari berbagai arah. Tutorial palet seniman piksel Raymond Schlitter juga membahas perubahan rona di sepanjang ramp dan penyesuaian saturasi, sekaligus menekankan bahwa hasil visual ramp membutuhkan pertimbangan tersendiri alih-alih rumus matematis yang kaku. Pixelblog Slynyrd tentang palet warna

Nama rona saja tidak menjamin bahwa area yang berdekatan akan terpisah dengan baik. Tubuh cokelat kemerahan dan aksesori hijau, misalnya, bisa memiliki tingkat kecerahan yang mirip sehingga menyatu dalam skala kecil. Lihat sprite dalam mode skala abu-abu (grayscale) untuk sementara atau bandingkan area-area tersebut secara visual: apakah Anda masih dapat membedakan siluet, wajah, dan corak utamanya? Pixor menyarankan untuk memeriksa kecerahan ramp dalam format skala abu-abu; panduan Tsubu juga menekankan pengujian area yang berdekatan pada ukuran sebenarnya dari sprite tersebut. Pixor tentang ramp warna, Tsubu tentang kontras nilai kecerahan

Jika dua area penting tampak menyatu, pertama-tama sesuaikan tingkat kecerahan salah satu warna atau pilih corak ramp di dekatnya yang memiliki pemisahan lebih jelas. Jika masih sulit dibedakan, ubahlah rona warnanya atau sediakan warna aksen yang berbeda. Jangan menambahkan warna baru semata-mata karena detail sulit terlihat, padahal detail itu sendiri mungkin memang terlalu kecil untuk tampak pada ukuran akhirnya. Dalam situasi seperti itu, menyederhanakan atau memperbesar bentuknya bisa jadi lebih efektif daripada menambahkan sampel warna baru.

Terapkan warna-warna tersebut ke dalam desain sebenarnya dan periksa pada ukuran aslinya (native size). Memperbesar tampilan (zoom in) memang membantu Anda menempatkan piksel, tetapi ini bisa menyamarkan apakah warna tersebut tetap berfungsi baik saat sprite ditampilkan dalam ukuran kecil. Periksa kontur terhadap latar belakangnya, lalu periksa wajah dan fitur khas lainnya. Jika hewan tersebut dianimasikan, pratinjau beberapa bingkai (frame): warna yang tampak bagus pada satu pose mungkin menyatu dengan fitur lain saat siluetnya berubah.

Gunakan alur revisi sederhana: tentukan fungsi dari setiap warna, amati sprite pada skala 1×, kenali fitur pertama yang tampak tidak jelas, lalu ubah sesedikit mungkin sampel warna yang diperlukan untuk memperjelasnya. Jika suatu warna tidak memiliki fungsi visual yang jelas, cobalah untuk menghapus atau menggabungkannya. Saat Anda menambahkan warna, pastikan tujuannya jelas—seperti memisahkan perut yang pucat dari torso—lalu periksa apakah pemisahan tersebut benar-benar terlihat. Pengecekan berbasis fungsi peran ini adalah cara praktis untuk menghindari kebiasaan menambah palet tanpa pertimbangan.

Palet dari komunitas dapat menyediakan serangkaian warna yang serasi untuk diuji dengan cepat. Pilihlah sebagian warna yang sesuai dengan material hewan dan suasana yang ingin dibangun; jumlah total entri dalam sebuah palet bukanlah target yang harus digunakan pada setiap sprite. Jika Anda membuatnya sendiri, mulailah dengan ramp tubuh dan tambahkan warna hanya untuk fitur yang memerlukan pemisahan. Gambar dan uji sprite tersebut sebelum melengkapinya dengan corak-corak tambahan.

Di Aseprite, mode RGB memungkinkan penggunaan warna yang tidak tercantum di bilah palet, sedangkan mode Indexed memetakan setiap piksel ke entri palet dan membatasi proses menggambar hanya pada entri-entri tersebut. Mengedit warna palet terindeks akan mengubah semua piksel yang menggunakan indeks tersebut, yang sangat berguna untuk menyesuaikan seluruh ramp warna sekaligus. Mode Indexed juga menggunakan indeks palet untuk transparansi. Ini adalah perilaku alur kerja khusus perangkat lunak tersebut, bukan persyaratan mutlak dalam memilih palet terbatas. Dokumentasi mode warna Aseprite

Sebelum memfinalisasi palet, pastikan bahwa siluet dan ciri khas hewan dapat terbaca dengan baik pada ukuran tampilan yang diinginkan; ramp warna tubuh memiliki peran bayangan, warna dasar, dan pencahayaan yang jelas; area bersebelahan yang penting tetap terlihat berbeda dalam mode skala abu-abu; garis luar memisahkan sprite dari latar belakangnya; dan setiap sampel warna memiliki fungsi visual. Jika salah satu pemeriksaan gagal, perbaiki keterkaitan warna tersebut secara khusus dan amati sprite kembali. Buatlah palet seringkas mungkin sesuai kebutuhan desain, dengan tetap mempertahankan fitur-fitur yang membuat hewan tersebut mudah dikenali.

• Pixel art color palettes: how to choose colors that read, then test them on a sprite — https://tsubu.art/blog/pixel-art-color-palettes
• Palette ramps in pixel art: how to build colour ramps — https://pixor.art/learn/palette-ramps/
• Hue shifting in pixel art: warmer lights, cooler shadows — https://pixor.art/learn/hue-shifting/
• Pixelblog - 1 - Color Palettes — https://www.slynyrd.com/blog/2018/1/10/pixelblog-1-color-palettes
• Aseprite: Color Mode — https://www.aseprite.org/docs/color-mode/