Cara Membawa Keperibadian Watak Lukisan Tangan ke dalam Seni Piksel

Sebelum membuka penyunting piksel, bandingkan lukisan itu dengan huraian ringkas bertulis. Catat bentuk keseluruhan watak, perkadaran kepala dengan badan, postur lazim, warna dominan dan satu atau dua ciri tersendiri. Rambut depan yang terjuntai, topi bersudut, lengan baju besar atau gaya berdiri senget mungkin lebih membantu pengecaman berbanding banyak tanda hiasan.

Buat senarai keutamaan ringkas dan susun setiap ciri mengikut kepentingannya kepada identiti watak. Jika sesuatu perincian kecil dalam lukisan asal tetapi berulang atau sangat tersendiri, peruntukkan ruang untuknya. Jika ia sekadar hiasan permukaan biasa, ia mungkin boleh dibuang. Susunan ini membantu membuat keputusan penyuntingan: ia membantu anda mengagihkan piksel yang terhad dan bukannya cuba mengekalkan setiap garisan dengan sama rata.

Tentukan saiz paparan watak dalam kegunaan yang dimaksudkan. Kanvas yang kelihatan luas dalam penyunting mungkin tidak menyediakan piksel yang cukup untuk wajah, anggota badan atau ciri khas selepas dikecilkan. Panduan Adafruit menunjukkan kesan saiz kanvas dan kekangan palet yang berbeza terhadap pembinaan sprite; panduan itu memberikan contoh 16×16 dan 32×32, sambil menunjukkan bahawa saiz yang sesuai bergantung pada kegunaannya. Panduan seni piksel MakeCode Arcade oleh Adafruit

Anggap saiz kanvas yang dicadangkan sebagai titik permulaan, bukan peraturan sejagat. Ikon kecil, watak permainan yang dilihat dari jauh dan watak yang dipaparkan dekat mempunyai keperluan berbeza. Buat lakaran bentuk kasar pada saiz yang dijangka, kemudian periksa sama ada bentuk penting masih mempunyai ruang untuk dipisahkan. Jika jambul rambut atau barang khas hanya mempunyai beberapa piksel untuk bersaing dengan wajah, besarkan kanvas atau permudahkan reka bentuk sebelum menambah perincian.

Isi garis luar watak dengan satu warna padu. Pada peringkat ini, bentuk itu sepatutnya menyampaikan gaya umum dan sekurang-kurangnya sebahagian identiti watak tanpa bergantung pada garisan dalaman atau warna. Siluet ialah sempadan luar antara sprite dengan latar belakangnya; tutorial seni piksel mengenal pasti siluet sebagai sumber utama kebolehbacaan. Panduan Pixor tentang garis luar dan siluet

Beri perhatian khusus pada bahagian tempat bentuk-bentuk bercantum. Dalam lukisan, jurang kecil antara lengan dengan badan mungkin jelas kerana ketebalan garisan atau lorekan; pada skala sprite, bentuk-bentuk itu mungkin bercantum. Buat jurang jika gaya itu memerlukannya, atau laraskan sudut lengan supaya garis luarnya jelas. Begitu juga, condongkan barang atau bentuk rambut supaya ia mengubah garis luar dan tidak hilang pada badan.

Pembesaran ciri secara terkawal boleh membantu di sini. Melebarkan kolar yang tersendiri atau lebih mencondongkan kepala dapat mengekalkan kesan asal selepas dikecilkan. Matlamatnya bukan ketepatan anatomi dalam apa jua keadaan; matlamatnya ialah kumpulan piksel yang jelas dan terancang, yang mengekalkan gaya dan petunjuk reka bentuk asal supaya kekal dikenali.

Wajah lukisan tangan mungkin menggunakan garisan halus untuk kening, kelopak mata atau hujung mulut. Sprite kecil mungkin tidak mempunyai piksel yang cukup untuk mengekalkan semuanya secara berasingan. Tentukan petunjuk ekspresi yang paling penting, kemudian gambarkannya dengan susunan paling ringkas yang masih jelas: mungkin sudut kening, jarak mata, kecondongan kepala atau bentuk mulut. Elakkan meletakkan piksel perincian yang terasing sebelum memastikan ia kelihatan seperti yang dimaksudkan pada saiz biasa.

Gunakan prinsip yang sama pada badan. Kekalkan perbezaan perkadaran yang membentuk identiti watak—seperti kepala besar, bahu sempit atau kot panjang—sambil memudahkan lipatan dan anatomi yang tidak membawa identitinya. Periksa tindihan antara tangan, lengan baju, rambut dan badan; gunakan blok warna atau nilai yang berbeza apabila siluet sahaja tidak dapat menunjukkan bahagian mana yang berada di hadapan.

Anda tidak perlu menghasilkan semula setiap warna daripada lukisan sumber. Mulakan dengan mengekalkan hubungan relatif yang membentuk identitinya: bahagian yang paling cerah, yang paling gelap dan aksen yang menarik perhatian. Kelompokkan warna mengikut bahan atau fungsi, seperti rambut, pakaian, kulit dan aksesori. Palet yang ringkas memudahkan kelompok-kelompok ini dibezakan. Adafruit menyatakan bahawa palet terhad kekal sebagai pilihan gaya yang lazim dalam seni piksel moden dan menunjukkan watak yang menggunakan dua belas warna. Perbincangan Adafruit tentang palet dan kanvas

Pastikan setiap bahagian penting mempunyai kontras yang cukup dengan bentuk di sebelahnya. Jika rambut dan kot bercantum menjadi satu bentuk gelap, ubah nilai atau rona warnanya sebelum menambah serlahan. Begitu juga, satu aksen terang mungkin lebih berguna daripada beberapa tona tambahan. Tiada bilangan warna tetap yang sesuai untuk semua sprite: saiz kanvas, gaya yang dipilih dan keterlihatan watak semuanya mempengaruhi pilihan itu.

Pastikan penggunaan garis luar sesuai dengan skala sprite dan persekitarannya. Garis tepi gelap boleh memisahkan sprite kecil daripada latar belakang yang sibuk, tetapi menggariskan setiap lipatan dalaman boleh menjadikan imej berserabut. Pixor membezakan siluet luar daripada garisan dalaman dan menyarankan supaya garisan dalaman hanya digunakan apabila bentuk yang bertindih mungkin mengelirukan. Pixor tentang garisan siluet, garisan dalaman dan lipatan

Selepas siluet, gaya dan kelompok warna utama berfungsi dengan baik, tambahkan perincian mengikut keutamaan: mula-mula ciri dalam senarai pengecaman anda, kemudian aksen sekunder, dan akhirnya tekstur permukaan jika masih ada ruang. Pada setiap peringkat, tanyakan sama ada sesuatu tanda mengubah pengecaman, memisahkan bentuk atau menjelaskan ekspresi. Jika tidak, piksel itu mungkin lebih berguna di tempat lain.

Gunakan lorekan untuk menggambarkan bentuk atau memisahkan bahagian yang bersebelahan, bukan untuk meniru setiap kecerunan dalam lukisan. Seni piksel boleh menggunakan antialias, tetapi warna peralihan yang lebih lembut mungkin menjadikan bentuk kecil kurang jelas jika tidak diperiksa pada skala akhir. Panduan Adafruit menerangkan bahawa antialias menggunakan piksel kontras perantaraan untuk melembutkan tepi bertangga; kesesuaian teknik itu untuk watak anda bergantung pada gayanya dan saiz yang dimaksudkan. Adafruit tentang tepi piksel dan antialias

Periksa sprite pada saiz paparan yang dimaksudkan. Sembunyikan sementara warna dan perincian dalaman untuk memeriksa siluet; kemudian pulihkan warna dan, jika boleh, tanyakan kepada seseorang yang tidak biasa dengan reka bentuk itu tentang perkara pertama yang mereka perhatikan. Pemeriksaan ini membantu menunjukkan sama ada gaya, bentuk yang menentukan identiti dan perincian tumpuan watak masih jelas. Pemeriksaan ini tidak dapat menjamin bahawa setiap penonton akan mengenali reka bentuk itu, tetapi memudahkan masalah tertentu dikenal pasti.

Jika sprite terasa generik, bandingkannya dengan senarai keutamaan asal anda. Pulihkan atau kuatkan ciri yang paling penting sebelum menambah hiasan lain. Jika wajah sukar dibaca, permudahkan tanda ekspresi atau laraskan ruang piksel kepala. Jika bahagian badan bercantum, buka jurang, ubah garis luar atau tingkatkan kontras. Jika sprite hanya berfungsi apabila dibesarkan, pertimbangkan semula saiznya atau buang perincian yang bercampur pada skala paparan.

Versi piksel yang siap sepatutnya mengekalkan isyarat visual paling kuat daripada lukisan sambil membuat pertukaran yang disengajakan demi grid. Pastikan siluet dan gaya jelas, gunakan warna untuk memisahkan bentuk penting, dan peruntukkan piksel kepada ciri yang membezakan watak ini. Sesetengah perincian akan berubah atau hilang; hal ini memang dijangka apabila menterjemahkan lukisan ke dalam bahasa visual yang lebih kecil.

• Adafruit Industries, Sprite Seni Piksel MakeCode Arcade

• Pixor, Garis luar dalam seni piksel: siluet, garisan dalaman dan lipatan