Pangembang indie asring kudu nggabungake sawetara peran bebarengan: desainer game, programmer, komposer, artis. Lan nalika nerangake visual, akeh wong sing milih seni piksel - sepisanan katon gampang. Nanging kanggo nindakake kanthi apik, sampeyan butuh akeh pengalaman lan katrampilan tartamtu. Aku nemokake tutorial kanggo wong-wong sing wis wiwit ngerti dhasar saka gaya iki: karo gambaran saka piranti lunak khusus lan teknik drawing nggunakake rong sprites minangka conto.
Latar mburi
Seni piksel minangka wujud seni digital kanthi owah-owahan ing tingkat piksel. Utamane digandhengake karo grafis video game saka 80s lan 90s. Nalika iku, seniman kudu nggatekake watesan memori lan resolusi sing sithik. Saiki, seni piksel isih populer ing game lan minangka gaya seni umume, sanajan bisa nggawe grafis 3D sing nyata. Kenging punapa? Kajaba nostalgia, nggawe karya sing apik ing kerangka kerja sing ketat minangka tantangan sing nyenengake lan nyenengake.
Rintangan kanggo mlebu menyang seni piksel relatif kurang dibandhingake seni tradisional lan grafis 3D, sing narik kawigaten para pangembang indie. Nanging iki ora ateges bakal gampang rampung game ing gaya iki. Aku wis ndeleng akeh pangembang indie kanthi metroidvania seni piksel ing platform crowdfunding. Dheweke mikir bakal ngrampungake kabeh sajrone setaun, nanging sejatine butuh nem taun maneh.
Metal Slug 3 (Arcade). SNK, 2000
Seni piksel ing tingkat sing paling akeh wong pengin nggawe butuh wektu akeh, lan ana sawetara tutorial singkat. Nalika nggarap model 3D, sampeyan bisa muter, deform, mindhah bagean individu, nyalin animasi saka model siji menyang model liyane, lan liya-liyane. Seni piksel tingkat dhuwur meh mesthi mbutuhake akeh gaweyan kanggo nempatake piksel kanthi tliti ing saben pigura.
UmumΓ©, aku ngelingake sampeyan.
Lan saiki sethithik babagan gayaku: Aku nggambar seni piksel utamane kanggo game video lan golek inspirasi. Utamane, aku penggemar Famicom / NES, konsol 16-bit, lan game arcade 90-an. Seni piksel game favoritku ing jaman saiki bisa diterangake minangka padhang, manteb ing ati lan resik (nanging ora resik banget), tinimbang banget lan minimalis. Iki minangka gaya sing dakgarap dhewe, nanging sampeyan bisa kanthi gampang ngetrapake ide lan teknik saka tutorial iki kanggo nggawe barang sing beda. Jelajahi karya seniman sing beda-beda lan gawe seni piksel sing disenengi!
Piranti Lunak
Piranti digital dhasar kanggo seni piksel yaiku Zoom lan Pensil kanggo nyelehake piksel. Sampeyan uga bakal nemokake Line, Shape, Select, Move lan Paint Bucket migunani. Ana akeh piranti lunak gratis lan mbayar kanthi set alat kasebut. Aku bakal ngandhani babagan sing paling populer lan sing digunakake dhewe.
Cat (gratis)
Yen sampeyan duwe Windows, Paint dibangun ing program primitif, nanging wis kabeh alat kanggo seni piksel.
(gratis)
Editor seni piksel fungsional sing ora dikarepke sing mbukak liwat browser. Sampeyan bisa ngekspor karya minangka PNG utawa GIF animasi. Pilihan sing apik banget kanggo pamula.
(gratis)
GraphicsGale mung editor aku wis krungu bab sing dirancang khusus kanggo seni piksel lan kalebu alat animasi. Iki digawe dening perusahaan Jepang HUMANBALANCE. Wis kasedhiya gratis wiwit 2017 lan isih dikarepake, sanajan popularitas Aseprite saya mundhak. Sayange, mung bisa digunakake ing Windows.
($)
Mungkin editor paling populer ing wektu iki. , akeh fitur, support aktif, versi kanggo Windows, Mac lan Linux. Yen sampeyan serius babagan seni piksel lan isih durung nemokake editor sing bener, iki bisa uga sing sampeyan butuhake.
($$+)
GameMaker Studio 2 minangka alat 2D sing apik banget kanthi Editor Sprite sing apik. Yen sampeyan pengin nggawe seni piksel kanggo game dhewe, iku trep banget kanggo nindakake kabeh ing siji program. Saiki aku nggunakake piranti lunak iki nalika nggarap , koleksi 50 game retro: Aku nggawe sprites lan animasi ing GameMaker, lan tilesets ing Photoshop.
($$$+)
Photoshop minangka piranti lunak sing larang, disebarake kanthi langganan, lan ora dirancang kanggo seni piksel. Aku ora nyaranake tuku kasebut kajaba sampeyan melu nggawe ilustrasi kanthi resolusi dhuwur, utawa sampeyan ora perlu nindakake manipulasi rumit karo gambar kasebut, kaya aku. Sampeyan bisa nggawe sprite statis lan seni piksel ing, nanging cukup Komplek dibandhingake piranti lunak khusus (contone, GraphicsGale utawa Aseprite).
Liyane
Kit seni pikselku. Kabeh ireng, aku mung weruh.
Tablet grafis ($$+)
Aku nyaranake tablet grafis kanggo karya ilustrasi digital supaya ora sindrom carpal tunnel. Luwih gampang kanggo nyegah tinimbang ngobati. Sawijining dina sampeyan bakal ngrasakake rasa lara lan mung bakal nambah - ngurus dhewe wiwit wiwitan. Amarga aku biyen nggambar nganggo mouse, saiki aku angel main game sing mbutuhake aku mencet tombol. Saiki aku nggunakake Wacom Intuos Pro S.
Dhukungan pergelangan tangan ($)
Yen sampeyan ora bisa njupuk tablet, paling ora njaluk dhukungan bangkekan. Favoritku yaiku Mueller Green Fitted Wrist Brace. Sisane banget nyenyet utawa ora nyedhiyakake dhukungan sing cukup. Caliper bisa dipesen online tanpa masalah.
96 Γ 96 piksel
Perang Pamungkas. Capcom, 1989
Ayo dadi miwiti! Ayo miwiti nganggo sprite karakter 96x96 piksel. Minangka conto, aku nggambar orc lan diselehake ing gambar saka Final Fight (gambar ndhuwur) supaya sampeyan bisa ngerti ukuran. Iki Π±ΠΎΠ»ΡΡΠΎΠΉ sprite kanggo paling game retro, ukuran gambar: 384x224 piksel.
Ing sprite gedhe kuwi bakal luwih gampang kanggo nuduhake technique aku arep ngomong bab. Rendering saben piksel uga luwih mirip karo seni tradisional (kayata gambar utawa lukisan) sing bisa uga sampeyan kenal. Sawise nguwasani teknik dhasar, kita bakal pindhah menyang sprite sing luwih cilik.
1. Pilih palet
Piksel minangka konsep sing luwih jero ing seni piksel tinimbang ing jagad digital liyane. Seni piksel ditetepake kanthi watesan, kayata warna. Penting kanggo milih palet sing bener, bakal mbantu nemtokake gaya sampeyan. Nanging ing wiwitan, aku saranake supaya ora mikir babagan palet lan milih salah siji sing wis ana (utawa mung sawetara warna acak) - sampeyan bisa ngganti kanthi gampang ing tahap apa wae.
Kanggo tutorial iki, aku bakal nggunakake 32 palet warna sing digawe . Kanggo seni piksel, asring dirakit saka 32 utawa 16 warna. Kita dirancang kanggo konsol fiksi sing bakal katon ing endi wae ing antarane Famicom lan PC Engine. Sampeyan bisa njupuk utawa liyane - tutorial ora gumantung ing palet sing dipilih.
2. Gambaran kasar
Ayo miwiti nggambar nggunakake alat Pensil. Ayo nggambar sketsa kanthi cara sing padha karo pena lan kertas biasa. Mesthine, seni piksel lan seni tradisional tumpang tindih, utamane nalika nerangake sprite gedhe. Pengamatanku nuduhake yen seniman seni piksel sing kuwat paling ora bisa nggambar kanthi tangan lan kosok balene. Dadi ngembangake katrampilan nggambar mesthi migunani.
3. Elaborasi kontur
Kita nyaring kontur: mbusak piksel ekstra lan nyuda kekandelan saben baris dadi siji piksel. Nanging apa sing dianggep superfluous? Kanggo njawab pitakonan iki sampeyan kudu ngerti garis piksel lan irregularities.
irregularities
Sampeyan kudu sinau nggambar rong garis dhasar ing seni piksel: lurus lan mlengkung. Kanthi pena lan kertas, kabeh babagan kontrol otot, nanging kita nggarap blok warna cilik.
Tombol kanggo nggambar garis piksel sing bener yaiku jaggies. Iki minangka piksel tunggal utawa segmen cilik sing ngrusak kelancaran garis. Kaya sing dakkandhakake sadurunge, piksel siji ndadekake bedane seni piksel, saengga ora rata bisa ngrusak kabeh estetika. Bayangake nggambar garis lurus ing kertas lan dumadakan ana wong sing nabrak meja: bumps ing seni piksel katon kaya squiggle acak.
conto:
Garis lurus
Kurva
Irregularities katon ing kurva nalika dawa segmen garis ora mundhak utawa suda mboko sithik.
Ora bisa ngindhari benjolan - kabeh game retro favorit sampeyan duwe (kajaba, mesthi, seni piksel mung kalebu bentuk sing gampang). Goal: Tansah unevenness kanggo minimal nalika isih nuduhake kabeh sing perlu.
4. Aplikasi werna pisanan
Werna karakter sampeyan nggunakake isi utawa alat liyane sing cocog. Palet bakal nyederhanakake bagean karya iki. Yen piranti lunak ora nyedhiyakake panggunaan palet, sampeyan bisa nyelehake langsung ing gambar, kaya ing conto ing ndhuwur, lan pilih warna nggunakake eyedropper.
Ing pojok kiwa ngisor aku nggambar kanca kita, ketemu, iki Ball. Iku bakal nggawe luwih gampang kanggo ngerti apa persis kedados ing saben tataran.
5. Shading
Iku wektu kanggo nampilake bayangan - mung nambah werna peteng kanggo sprite. Iki bakal nggawe gambar katon telung dimensi. Ayo nganggep manawa ana siji sumber cahya sing ana ing ndhuwur orc ing sisih kiwa. Iki tegese kabeh sing ana ing ndhuwur lan ing ngarepe karakter kita bakal padhang. Tambah bayangan ing sisih tengen ngisor.
Wangun lan volume
Yen langkah iki nantang kanggo sampeyan, pikirake gambar sampeyan minangka wangun telung dimensi tinimbang mung garis lan werna. Wangun ana ing ruang telung dimensi lan bisa duwe volume, sing dibangun kanthi bantuan bayangan. Iki bakal mbantu sampeyan nggambarake karakter tanpa rincian lan mbayangno manawa dheweke digawe saka lempung lan dudu piksel. Shading ora mung nambah werna anyar, nanging proses mbangun wangun. Ing karakter sing dirancang kanthi apik, rincian ora ndhelikake wujud sing ndasari: yen sampeyan squint, sampeyan bakal weruh sawetara klompok gedhe cahya lan bayangan.
Anti-aliasing (anti-aliasing)
Saben nggunakake werna anyar, aku nggunakake anti-aliasing (AA). Iku mbantu nglancarake piksel kanthi nambahake warna penengah ing sudhut ing ngendi rong segmen baris ketemu:
Piksel abu-abu soften "break" ing baris. Segmen garis saya suwe saya suwe segmen AA.
Iki sing katon AA ing pundhak orc. Sampeyan perlu kanggo Gamelan metu garis nuduhake kurva saka Otot
Anti-aliasing ngirim ora ngluwihi sprite sing bakal digunakake ing game utawa ing latar mburi kang werna ora dingerteni. Contone, yen sampeyan nggunakake AA ing latar mburi cahya, anti-aliasing bakal katon ala ing latar mburi peteng.
6. Garis selektif
Sadurunge, garis-garis kasebut ireng, sing nggawe sprite katon kartun banget. Gambar kasebut katon dibagi dadi pirang-pirang bagean. Contone, garis ireng ing lengen nyedhiyakake kontras banget karo otot, nggawe karakter katon kurang kohesif.
Yen sprite dadi luwih alami lan segmentasi kurang jelas, wangun dhasar karakter bakal luwih gampang diwaca. Kanggo nindakake iki, sampeyan bisa nggunakake garis selektif - sebagian ngganti garis ireng karo sing luwih entheng. Ing sisih sprite sing padhang, sampeyan bisa nggunakake warna sing paling entheng, utawa, ing ngendi sprite nyentuh spasi negatif, sampeyan bisa mbusak outline kanthi lengkap. Tinimbang ireng, sampeyan kudu nggunakake warna sing dipilih kanggo bayangan - kanthi cara iki segmentasi bakal dilestarekake (kanggo mbedakake antarane otot, wulu, lan liya-liyane).
Aku uga nambahake bayangan sing luwih peteng ing tahap iki. Asil ana telung gradasi ijo ing kulit orc. Werna ijo sing paling peteng bisa digunakake kanggo garis selektif lan AA.
7. Tutul pungkasan
Pungkasan, sampeyan kudu nambah sorotan (titik paling entheng ing sprite), rincian (anting, kancing, bekas) lan dandan liyane nganti karakter siap utawa nganti sampeyan kudu pindhah menyang sabanjure.
Ana sawetara teknik migunani sing bisa ditrapake ing tahap iki. Puter gambar kanthi horisontal, iki asring mbantu ngenali kesalahan ing proporsi lan shading. Sampeyan uga bisa mbusak werna - nyetel jenuh menyang nul kanggo ngerti ngendi sampeyan kudu ngganti bayangan.
Nggawe gangguan (dithering, dithering)
Nganti saiki, kita biasane nggunakake area bayangan sing padhet. Nanging ana teknik liyane - dithering, sing ngidini sampeyan pindhah saka siji werna menyang liyane tanpa nambah katelu. Deleng conto ing ngisor iki.
Gradien peteng nganti cahya ndhuwur nggunakake atusan warna biru sing beda.
Gradien rata-rata mung nggunakake sangang warna, nanging isih akeh banget warna sing padha. Sing diarani banding muncul (saka band Inggris - stripe), sing, amarga garis seragam sing kandel, mripat fokus ing titik kontak warna, tinimbang warna kasebut.
Ing gradient ngisor kita Applied dithering, kang ngindhari banding lan mung nggunakake rong werna. Kita nggawe swara kanthi intensitas sing beda-beda kanggo simulasi gradasi warna. Teknik iki meh padha karo halftone (gambar halftone) sing digunakake ing percetakan; uga stippling (gambar grainy) - ing ilustrasi lan komik.
Ing orc, aku rada bingung kanggo ngirim tekstur. Sawetara seniman piksel ora nggunakake kabeh, liyane, ing nalisir, ora isin lan nindakaken banget trampil. Aku nemokake yen dither katon paling apik ing wilayah gedhe sing diisi warna siji (deleng langit ing gambar Metal Slug ing ndhuwur) utawa ing wilayah sing katon kasar lan ora rata (kaya rereget). Temtokake dhewe carane nggunakake.
Yen sampeyan pengin ndeleng conto dithering skala gedhe lan berkualitas, priksa game The Bitmap Brothers, studio Inggris saka 80s, utawa game ing komputer PC-98. Cukup elinga yen kabeh iku NSFW.
Kakyusei (PC-98). Elf, 1996
Mung ana 16 werna ing gambar iki!
8. Deleng pungkasan
Salah sawijining bebaya seni piksel yaiku katon gampang lan prasaja (amarga watesan struktur lan gaya). Nanging sampeyan bakal mbuwang akeh wektu kanggo nyaring sprite sampeyan. Kaya teka-teki sing kudu ditanggulangi - mulane seni piksel narik kawigaten para perfeksionis. Elinga yen siji sprite ora butuh wektu akeh - iku mung potongan cilik saka koleksi potongan sing rumit banget. Penting supaya ora kelangan gambar gedhe.
Sanajan seni piksel sampeyan ora kanggo game, kadhangkala sampeyan kudu ngomong dhewe, "Wis cukup apik!" Lan nerusake. Cara paling apik kanggo ngembangake katrampilan sampeyan yaiku nglakokake kabeh proses saka wiwitan nganti rampung kaping pirang-pirang, nggunakake topik sabisane.
Lan kadhangkala migunani kanggo ninggalake sprite kanggo sawetara wektu supaya sampeyan bisa ndeleng kanthi mata seger mengko.
32x32 piksel
Kita nggawe sprite 96x96 piksel sing gedhe banget amarga ukurane luwih kaya gambar utawa lukisan, nanging nganggo piksel. Sing luwih cilik sprite, sing kurang padha karo apa iku mestine kanggo nampilake, lan luwih penting saben piksel.
Ing Super Mario Bros. Mripat Mario mung rong piksel, siji ing ndhuwur liyane. Lan kupinge uga. Pencipta karakter Shigeru Miyamoto ujar manawa kumis dibutuhake kanggo misahake irung saka pasuryan liyane. Dadi salah siji fitur utama Mario ora mung desain karakter, nanging ploy pragmatic. Kang nandheske kawicaksanan lawas - "kabutuhan iku ibu saka penemuan."
Tahap utama nggawe sprite 32x32 piksel wis dikenal kanggo kita: sketsa, werna, bayangan, refinement luwih. Nanging ing kahanan kaya mengkono, minangka sketsa awal, aku milih wangun warna tinimbang nggambar garis amarga ukurane cilik. Werna nduweni peran sing luwih penting kanggo nemtokake karakter tinimbang garis. Delengen maneh Mario, dheweke ora duwe garis. Ora mung kumis sing menarik. sideburns kang nemtokake wangun kuping, lengen klambi nuduhake lengen, lan wangun sakabèhé kurang luwih cetha njelaske nganggo bentuk garis kabeh awak.
Nggawe sprites cilik iku kompromi pancet. Yen sampeyan nambah stroke, sampeyan bisa uga kelangan papan kanggo bayangan. Yen karakter sampeyan duwe tangan lan sikil sing katon jelas, sirah mesthine ora gedhe banget. Yen sampeyan nggunakake warna, stroke selektif, lan anti-aliasing kanthi efektif, obyek sing dirender bakal katon luwih gedhe tinimbang sing bener.
Kanggo sprites cilik aku seneng gaya chibi: karakter katon banget cute, padha duwe sirah gedhe lan mata. Cara sing apik kanggo nggawe karakter sing warni ing papan sing winates, lan sakabèhé gaya sing apik banget. Nanging mbok menawa sampeyan kudu nuduhake mobilitas utawa kekuatan karakter, banjur sampeyan bisa menehi kurang papan kanggo sirah kanggo nggawe awak katon luwih kuat. Iku kabeh gumantung ing pilihan lan gol.
Kabeh tim wis ngumpul!
Format file
Asil iki bisa nggawe artis piksel wae gugup
Gambar sing sampeyan deleng minangka asil saka nyimpen gambar ing JPG. Sawetara data ilang amarga algoritma kompresi file. Seni piksel sing berkualitas tinggi bakal katon ala, lan bali menyang palet asli ora bakal gampang.
Kanggo nyimpen gambar statis tanpa kelangan kualitas, gunakake format PNG. Kanggo animasi - GIF.
Cara nuduhake seni piksel kanthi bener
Nuduhake seni piksel ing jaringan sosial minangka cara sing apik kanggo njaluk umpan balik lan ketemu seniman liyane sing kerja kanthi gaya sing padha. Aja lali nggunakake hashtag #pixelart. Sayange, jaringan sosial asring ngowahi PNG dadi JPG tanpa takon, nggawe pengalaman sampeyan luwih elek. Kajaba iku, ora mesthi jelas kenapa gambar sampeyan diowahi.
Ana sawetara tips babagan carane nyimpen gambar piksel ing kualitas sing dibutuhake kanggo macem-macem jaringan sosial.
Supaya file PNG ora diganti ing Twitter, gunakake kurang saka 256 werna utawa yen file sampeyan kurang saka 900 piksel ing sisih paling dawa. Aku bakal nambah ukuran file kanggo paling 512x512 piksel. Lan supaya scaling punika kaping 100 (200%, ora 250%) lan sudhut cetha wadi (Nearest Neighbor in Photoshop).
GIF animasi kanggo Kiriman Twitter bobote ora luwih saka 15 MB. Gambar kudu paling sethithik 800x800 piksel, animasi looping kudu diulang kaping telu, lan pigura pungkasan kudu setengah saka kabeh liyane - teori sing paling populer. Nanging, ora jelas nganti sepira syarat kasebut kudu ditindakake, amarga Twitter terus ngganti algoritma tampilan gambar.
Sak ngertiku, ora mungkin ngirim gambar ing Instagram tanpa kelangan kualitas. Nanging mesthi bakal katon luwih apik yen sampeyan nggedhekake kanggo paling 512x512 piksel.
Source: www.habr.com