Cara Membina Sprite Haiwan yang Jelas dalam Had 24×24 Piksel

Pilih sudut pandangan sebelum melukis: sisi, hadapan atau tiga suku. Bagi sprite pertama, pandangan sisi biasanya memudahkan ekor, telinga, paruh atau muncung dipisahkan daripada badan. Ini pilihan reka bentuk yang praktikal, bukannya peraturan; pilih sudut yang paling jelas menunjukkan ciri yang ingin anda tonjolkan kepada pembaca.

Catat satu ciri pengenalan utama dan, paling banyak, satu ciri sokongan. Bagi kucing, ciri itu mungkin telinga runcing dan ekor; bagi burung, paruh dan badan yang kecil; bagi kura-kura, bentuk cangkerang. Had ini ialah kekangan kerja yang berguna, bukannya piawaian yang ditetapkan. Ini membantu mengelakkan reka bentuk daripada menggunakan piksel untuk tekstur umum sebelum identiti haiwan itu jelas.

Buka kanvas 24×24 dan pastikan grid piksel kelihatan semasa melukis. Editor sprite seperti Aseprite menganggap dokumen sebagai imej bersaiz piksel, dan dokumentasinya menerangkan warna berindeks sebagai piksel yang merujuk kepada entri palet. Grid memudahkan anda menilai bilangan baris atau lajur yang digunakan oleh sesuatu ciri. Dokumentasi sprite Aseprite dan panduan mod warna

Sediakan sedikit ruang di tepi, terutamanya di tempat telinga, tanduk atau ekor mungkin terpotong. Kemudian lakarkan bentuk terbesar: badan, kepala dan sebarang bahagian tambahan yang tersendiri. Sebagai contoh pembahagian awal, anda boleh menyediakan kira-kira 15×10 piksel untuk badan dan kepala, kemudian muatkan ekor, kaki dan telinga dalam ruang yang selebihnya. Angka ini bukan templat; haiwan yang panjang, bulat dan menghadap ke hadapan memerlukan perkadaran yang berbeza.

Warnakan haiwan sebagai satu bentuk padu, menggunakan satu warna dengan latar belakang yang berkontras. Abaikan mata, corak dan bayang-bayang. Pada peringkat ini, tanya sama ada haiwan yang dimaksudkan dapat dibezakan daripada bentuk umum yang tidak jelas. Jika tidak, ubah garis luar: panjangkan muncung, jarakkan telinga, ubah lengkung belakang atau halakan ekor dengan cara yang tersendiri.

Perhatikan ruang yang sempit. Bukaan selebar satu piksel mungkin cukup untuk memisahkan telinga daripada kepala atau kaki daripada perut, tetapi bukaan itu boleh hilang apabila sprite dilihat pada saiz kecil atau diletakkan pada latar belakang yang sibuk. Jika dua ciri bercantum, cuba ubah sudut atau siluetnya sebelum menambah warna garis luar. Panduan pengenalan Lospec menekankan kawalan piksel demi piksel dan mengarahkan pelajar kepada tutorial pembuatan sprite; implikasi praktikalnya di sini ialah menilai pilihan piksel secara individu dan bukannya bergantung pada pelicinan automatik. Lospec, “Pixel Art: Where to Start”

Setelah siluet jelas, letakkan muka dan ciri pembeza. Dalam sprite yang sangat kecil, satu mata gelap mungkin sudah memadai. Muncung, paruh, tanduk atau tepi cangkerang selalunya boleh ditunjukkan melalui sedikit perubahan pada bentuk atau warna, bukannya lukisan terperinci. Jauhkan tanda pada muka daripada garis luar jika sentuhan antara kedua-duanya akan menyukarkan bentuk kepala untuk dibaca.

Gunakan ujian pemadaman ringkas: sembunyikan setiap tanda kecil buat sementara waktu. Jika membuangnya tidak menjadikan haiwan itu lebih sukar dikenal pasti atau posenya kurang jelas, biarkan tanda itu dikeluarkan. Ini ialah kaedah penyuntingan, bukannya hukum seni yang universal. Kaedah ini membantu mengekalkan ruang untuk ciri yang paling penting.

Mulakan dengan beberapa fungsi warna: latar belakang lutsinar, warna badan utama, tona lebih gelap untuk pemisahan atau bayang-bayang, dan tona lebih cerah untuk satu sorotan. Tambahkan warna aksen hanya jika ia membantu mengenal pasti haiwan itu. Tiada jumlah warna yang diwajibkan untuk sprite 24×24. Bilangan fungsi warna yang lebih sedikit memudahkan anda melihat sama ada warna menjelaskan bentuk atau menambahkan gangguan.

Periksa nilai kecerahan selain rona. Dua warna mungkin berbeza ronanya tetapi hampir sama kecerahannya, lalu menjadikan tompok sukar dibezakan pada saiz kecil. Paparkan sprite dalam skala kelabu buat sementara waktu atau tukar kepada latar belakang kelabu sederhana yang polos untuk memeriksa sama ada badan, muka dan ciri utama masih terpisah dengan jelas. Tutorial penciptaan sprite daripada Pinnguaq juga mengesyorkan agar kontras warna dan keterlihatan dinilai pada berbilang latar belakang, walaupun kanvas contoh mereka lebih besar daripada 24×24. Pinnguaq, “Pixel Power: Sprite Creation”

Dalam Aseprite, mod RGB membolehkan setiap piksel mempunyai warna tersendiri, manakala mod berindeks mengikat piksel kepada entri palet dan menyebabkan suntingan palet mempengaruhi piksel yang menggunakan entri tersebut. Mod berindeks boleh membantu mengekalkan konsistensi palet kecil; mod RGB pula mudah digunakan semasa mencuba warna. Kedua-duanya boleh digunakan untuk tugasan ini. Panduan mod warna Aseprite

Tambahkan bayang-bayang hanya setelah siluet dan ciri pengenalan berfungsi. Gunakan tompok bayang untuk menggambarkan bentuk atau memisahkan bahagian yang bertindih, bukannya menggariskan setiap permukaan. Tompok yang luas dan padu biasanya lebih mudah dibaca berbanding piksel tunggal yang berselerak. Letakkan sorotan secara sederhana; pada saiz ini, beberapa bintik terang mungkin kelihatan seperti hingar yang tidak disengajakan, bukannya tekstur.

Jika tepi yang dibayangi menyebabkan kaki, ekor atau telinga bercantum dengan badan, buang atau alihkan bayang itu. Jadikan siluet sebagai rujukan utama: warna dalaman sepatutnya menyokong garis luar, bukannya bersaing dengannya.

Pembesaran membantu anda meletakkan piksel, tetapi boleh menyembunyikan masalah yang muncul pada saiz biasa. Periksa sprite dalam keadaan dibesarkan dan pada saiz yang akan digunakan dalam permainan atau antara muka. Pada saiz sebenar, periksa tiga perkara: Bolehkah anda mengenal pasti haiwan itu? Bolehkah anda tahu ke arah mana ia menghadap? Adakah posenya masih jelas pada latar belakang yang dimaksudkan?

Uji juga sprite pada lebih daripada satu latar belakang polos jika ia mungkin muncul dalam adegan yang berbeza. Jika garis luar gelap hilang pada salah satu latar belakang, laraskan garis luar atau tambahkan warna pemisah yang kecil. Jika haiwan itu hanya jelas apabila dibesarkan, permudahkan sesuatu butiran atau besarkan ciri yang menyampaikan identitinya. Pemeriksaan ini ialah kaedah diagnosis praktikal, bukannya jaminan bahawa setiap penonton akan mentafsir imej itu dengan cara yang sama.

Lakukan semakan mengikut urutan ini: siluet, pose, ciri pengenalan, pemisahan nilai kecerahan, kemudian hiasan. Ubah satu perkara pada satu masa supaya anda dapat mengetahui sama ada suntingan itu membantu. Jika haiwan itu masih kelihatan samar, bandingkannya dengan draf kedua yang dipermudah dan membesar-besarkan ciri utamanya. Kekalkan draf yang lebih jelas pada saiz sebenar.

Sprite yang siap tidak perlu menggunakan kesemua 576 piksel yang tersedia atau setiap warna dalam palet. Berhenti apabila haiwan, arah hadapannya dan ciri paling penting dapat dilihat pada saiz yang dimaksudkan, dan tanda tambahan tidak lagi membantu pemeriksaan tersebut.

• Aseprite, “Sprite”

• Aseprite, “Color Mode”

• Lospec, “Pixel Art: Where to Start”

• Pinnguaq, “Pixel Power: Sprite Creation”