Watengenezaji wa Indie mara nyingi wanapaswa kuchanganya majukumu kadhaa mara moja: mbuni wa mchezo, programu, mtunzi, msanii. Na linapokuja suala la kuonekana, watu wengi huchagua sanaa ya pixel - kwa mtazamo wa kwanza inaonekana rahisi. Lakini ili kuifanya kwa uzuri, unahitaji uzoefu mwingi na ujuzi fulani. Nilipata mafunzo kwa wale ambao wameanza kuelewa misingi ya mtindo huu: na maelezo ya programu maalum na mbinu za kuchora kwa kutumia sprites mbili kama mfano.
Asili
Sanaa ya Pixel ni aina ya sanaa ya kidijitali ambayo mabadiliko hufanywa katika kiwango cha pikseli. Inahusishwa zaidi na picha za mchezo wa video kutoka miaka ya 80 na 90. Wakati huo, wasanii walipaswa kuzingatia mapungufu ya kumbukumbu na azimio la chini. Siku hizi, sanaa ya pikseli bado inajulikana katika michezo na kama mtindo wa sanaa kwa ujumla, licha ya uwezo wa kuunda michoro halisi ya 3D. Kwa nini? Nostalgia kando, kuunda kazi nzuri ndani ya mfumo mgumu kama huo ni changamoto ya kufurahisha na yenye kuridhisha.
Kizuizi cha kuingia kwenye sanaa ya pikseli ni kidogo ikilinganishwa na sanaa ya kitamaduni na michoro ya 3D, ambayo huwavutia wasanidi wa indie. Lakini hiyo haimaanishi kuwa itakuwa rahisi kumaliza mchezo kwa mtindo huu. Nimeona wasanidi wengi wa indie walio na metroidvania za sanaa ya pixel kwenye majukwaa ya ufadhili wa watu. Walifikiri wangemaliza kila kitu kwa mwaka mmoja, lakini kwa kweli walihitaji miaka mingine sita.
Metal Slug 3 (Arcade). SNK, 2000
Sanaa ya pikseli katika kiwango ambacho watu wengi wanataka kuiunda inachukua muda mwingi, na kuna mafunzo machache sana mafupi. Unapofanya kazi na modeli ya 3D, unaweza kuizungusha, kuibadilisha, kusonga sehemu zake za kibinafsi, kunakili uhuishaji kutoka kwa mfano mmoja hadi mwingine, na kadhalika. Sanaa ya pikseli ya kiwango cha juu karibu kila mara huchukua juhudi nyingi katika kuweka saizi kwa uangalifu kwenye kila fremu.
Kwa ujumla, nilikuonya.
Na sasa kidogo kuhusu mtindo wangu: Mimi huchora sanaa ya pixel kwa michezo ya video na kupata msukumo ndani yake. Hasa, mimi ni shabiki wa Famicom/NES, consoles 16-bit, na michezo ya 90 ya arcade. Sanaa ya pikseli ya michezo niipendayo ya enzi hiyo inaweza kuelezewa kuwa angavu, mwenye kujiamini na safi (lakini si safi sana), badala ya kuwa mkali na mdogo. Huu ndio mtindo ninaofanya kazi ndani yangu, lakini unaweza kutumia mawazo na mbinu kwa urahisi kutoka kwa somo hili ili kuunda vitu tofauti kabisa. Gundua kazi za wasanii tofauti na uunde sanaa ya pixel unayopenda!
Programu
Zana za kimsingi za kidijitali za sanaa ya pikseli ni Zoom na Penseli ili kuweka saizi. Pia utapata Mstari, Umbo, Chagua, Sogeza na Rangi Ndoo muhimu. Kuna programu nyingi za bure na za kulipwa zilizo na seti kama hiyo ya zana. Nitakuambia juu ya maarufu zaidi na wale ambao mimi hutumia mwenyewe.
Rangi (bila malipo)
Ikiwa una Windows, Rangi iliyojengwa ndani ni programu ya zamani, lakini ina zana zote za sanaa ya pixel.
(ni bure)
Kihariri cha sanaa ya pikseli kinachofanya kazi bila kutarajiwa ambacho hupitia kivinjari. Unaweza kuhamisha kazi yako kama PNG au GIF iliyohuishwa. Chaguo bora kwa Kompyuta.
(ni bure)
GraphicsGale ndicho kihariri pekee ambacho nimesikia ambacho kimeundwa mahususi kwa ajili ya sanaa ya pixel na inajumuisha zana za uhuishaji. Iliundwa na kampuni ya Kijapani HUMANBALANCE. Imepatikana bila malipo tangu 2017 na bado inahitajika, licha ya kuongezeka kwa umaarufu wa Aseprite. Kwa bahati mbaya, inafanya kazi tu kwenye Windows.
($)
Labda mhariri maarufu zaidi kwa sasa. , vipengele vingi, usaidizi amilifu, matoleo ya Windows, Mac na Linux. Ikiwa una nia ya dhati kuhusu sanaa ya pixel na bado hujapata kihariri kinachofaa, hiki kinaweza kuwa ndicho unachohitaji.
($$+)
GameMaker Studio 2 ni zana bora ya P2 iliyo na Mhariri mzuri wa Sprite. Ikiwa unataka kuunda sanaa ya pixel kwa michezo yako mwenyewe, ni rahisi sana kufanya kila kitu katika programu moja. Sasa ninatumia programu hii ninapofanya kazi , mkusanyiko wa michezo 50 ya retro: Ninaunda sprites na uhuishaji katika GameMaker, na seti za tiles katika Photoshop.
($$$+)
Photoshop ni programu ya gharama kubwa, inayosambazwa na usajili, na haijaundwa kwa sanaa ya pixel. Sipendekezi kuinunua isipokuwa ikiwa unahusika katika kutoa vielelezo kwa ubora wa juu, au hauitaji kutekeleza hila changamano na picha, kama mimi. Unaweza kuunda sprites tuli na sanaa ya pixel ndani yake, lakini ni ngumu sana ikilinganishwa na programu maalum (kwa mfano, GraphicsGale au Aseprite).
Nyingine
Seti yangu ya sanaa ya pixel. Kila kitu ni nyeusi, nimeona sasa hivi.
Kompyuta kibao ya picha ($$+)
Ninapendekeza vidonge vya michoro kwa kazi yoyote ya kielelezo cha dijiti ili kuepuka ugonjwa wa handaki ya carpal. Ni rahisi sana kuzuia kuliko kutibu. Siku moja utasikia maumivu na yataongezeka tu - jitunze tangu mwanzo. Kwa sababu nilikuwa nikichora kwa kutumia panya, sasa nina wakati mgumu kucheza michezo inayonihitaji kubonyeza vitufe. Kwa sasa ninatumia Wacom Intuos Pro S.
Msaada wa mkono ($)
Ikiwa huwezi kupata kompyuta kibao, angalau pata usaidizi wa kifundo cha mkono. Ninachopenda zaidi ni Brace ya Mueller Green Iliyowekwa Kifundo cha Mkono. Mengine yamebana sana au hayatoi usaidizi wa kutosha. Calipers inaweza kuamuru mtandaoni bila matatizo yoyote.
Saizi 96 Γ 96
Pambano la Mwisho. Capcom, 1989
Tuanze! Hebu tuanze na sprite ya herufi ya 96x96. Kama mfano, nilichora orc na kuiweka kwenye picha ya skrini kutoka kwa Mapigano ya Mwisho (picha hapo juu) ili uweze kuelewa kiwango. Hii Π±ΠΎΠ»ΡΡΠΎΠΉ sprite kwa michezo mingi ya retro, saizi ya picha ya skrini: saizi 384x224.
Juu ya sprite kubwa hiyo itakuwa rahisi kuonyesha mbinu ninayotaka kuzungumza. Utoaji kwa kila pikseli pia unafanana zaidi na aina za sanaa za kitamaduni (kama kuchora au uchoraji) ambazo huenda unazifahamu zaidi. Baada ya kufahamu mbinu za kimsingi, tutaendelea na sprites ndogo.
1. Chagua palette
Pixel ni dhana ya kina zaidi katika sanaa ya pikseli kuliko ulimwengu mwingine wowote wa kidijitali. Sanaa ya pikseli inafafanuliwa na vikwazo vyake, kama vile rangi. Ni muhimu kuchagua palette sahihi, itasaidia kuamua mtindo wako. Lakini mwanzoni, ninapendekeza si kufikiri juu ya palettes na kuchagua moja ya zilizopo (au rangi chache tu za random) - unaweza kuibadilisha kwa urahisi katika hatua yoyote.
Kwa somo hili nitakuwa nikitumia palette ya rangi 32 tuliyounda . Kwa sanaa ya pixel mara nyingi hukusanywa kutoka kwa rangi 32 au 16. Yetu imeundwa kwa kiweko cha kubuni ambacho kinaweza kuonekana mahali fulani kati ya Famicom na Injini ya Kompyuta. Unaweza kuichukua au nyingine yoyote - mafunzo hayategemei kabisa palette iliyochaguliwa.
2. Muhtasari mbaya
Hebu tuanze kuchora kwa kutumia chombo cha Penseli. Hebu tuchore mchoro kwa njia sawa na tunavyofanya na kalamu ya kawaida na karatasi. Bila shaka, sanaa ya pixel na sanaa ya jadi huingiliana, hasa linapokuja suala la sprites kubwa kama hizo. Uchunguzi wangu unaonyesha kuwa wasanii hodari wa sanaa ya pixel ni wazuri katika kuchora kwa mkono na kinyume chake. Kwa hivyo kukuza ustadi wako wa kuchora daima ni muhimu.
3. Ufafanuzi wa contours
Tunaboresha mtaro: ondoa pikseli za ziada na kupunguza unene wa kila mstari hadi pikseli moja. Lakini ni nini hasa kinachochukuliwa kuwa kisichozidi? Ili kujibu swali hili unahitaji kuelewa mistari ya pixel na makosa.
Makosa
Unahitaji kujifunza jinsi ya kuchora mistari miwili ya msingi katika sanaa ya pixel: moja kwa moja na iliyopinda. Kwa kalamu na karatasi yote ni juu ya udhibiti wa misuli, lakini tunafanya kazi na vipande vidogo vya rangi.
Ufunguo wa kuchora mistari sahihi ya pikseli ni jagi. Hizi ni saizi moja au sehemu ndogo zinazoharibu ulaini wa mstari. Kama nilivyosema hapo awali, saizi moja hufanya tofauti kubwa katika sanaa ya pixel, kwa hivyo kutofautiana kunaweza kuharibu urembo mzima. Hebu fikiria kuchora mstari ulionyooka kwenye karatasi na ghafla mtu anagonga meza: matuta katika sanaa ya pikseli yanaonekana kama squiggle nasibu.
Mifano:
Kuelekeza
Mikunjo
Ukiukwaji huonekana katika mikunjo wakati urefu wa sehemu za mstari hauongezeki au kupungua polepole.
Haiwezekani kuepuka kabisa matuta - michezo yako yote ya retro unayopenda (isipokuwa, bila shaka, sanaa ya pixel inajumuisha maumbo rahisi tu). Lengo: Weka usawa kwa kiwango cha chini huku ukiendelea kuonyesha kila kitu kinachohitajika.
4. Weka rangi za kwanza
Rangi tabia yako kwa kutumia kujaza au zana nyingine inayofaa. Palette itarahisisha sehemu hii ya kazi. Ikiwa programu haitoi matumizi ya palettes, unaweza kuiweka moja kwa moja kwenye picha, kama katika mfano hapo juu, na uchague rangi kwa kutumia eyedropper.
Katika kona ya chini kushoto nilimchora rafiki yetu, tukutane, huu ni Mpira. Itafanya iwe rahisi kuelewa ni nini hasa kinachotokea katika kila hatua.
5. Kuweka kivuli
Ni wakati wa kuonyesha vivuli - ongeza tu rangi nyeusi kwenye sprite. Hii itafanya picha kuwa ya pande tatu. Wacha tuchukue kuwa tunayo chanzo kimoja cha mwanga kilicho juu ya orc upande wa kushoto wake. Hii ina maana kwamba kila kitu kilicho juu na mbele ya tabia yetu kitaangazwa. Ongeza vivuli chini kulia.
Sura na kiasi
Ikiwa hatua hii ina changamoto kwako, fikiria mchoro wako kama maumbo ya pande tatu badala ya mistari na rangi tu. Maumbo yapo katika nafasi ya tatu-dimensional na inaweza kuwa na kiasi, ambacho tunajenga kwa msaada wa vivuli. Hii itakusaidia kuibua mhusika bila maelezo na kufikiria kuwa ametengenezwa kwa udongo na sio saizi. Kivuli sio tu kuongeza rangi mpya, ni mchakato wa kujenga sura. Juu ya tabia iliyoundwa vizuri, maelezo hayafichi maumbo ya msingi: ikiwa unapunguza, utaona makundi makubwa ya mwanga na kivuli.
Kuzuia aliasing (anti-aliasing)
Kila wakati ninapotumia rangi mpya, mimi huweka anti-aliasing (AA). Husaidia kulainisha saizi kwa kuongeza rangi za kati kwenye pembe ambapo sehemu mbili za mstari hukutana:
Saizi za kijivu hupunguza "mapumziko" kwenye mstari. Kadiri sehemu ya mstari inavyokuwa ndefu, ndivyo sehemu ya AA inavyozidi kuwa ndefu.
Hivi ndivyo AA inavyoonekana kwenye bega la orc. Inahitajika kulainisha mistari inayoonyesha mkunjo wa misuli yake
Kinga dhidi ya kutengwa haipaswi kuenea zaidi ya sprite ambayo itatumika kwenye mchezo au kwenye usuli ambao rangi yake haijulikani. Kwa mfano, ikiwa unatumia AA kwenye mandharinyuma nyepesi, anti-aliasing itaonekana kuwa mbaya kwenye mandharinyuma ya giza.
6. Muhtasari wa kuchagua
Hapo awali, muhtasari ulikuwa mweusi kabisa, ambayo ilifanya sprite ionekane ya katuni sana. Picha ilionekana kugawanywa katika sehemu. Kwa mfano, mistari nyeusi kwenye mkono hutoa tofauti nyingi kwa misuli, na kufanya tabia ionekane isiyo na mshikamano.
Ikiwa sprite inakuwa ya asili zaidi na mgawanyiko hauonekani wazi, maumbo ya msingi ya mhusika itakuwa rahisi kusoma. Ili kufanya hivyo, unaweza kutumia muhtasari uliochaguliwa - sehemu ya muhtasari mweusi na nyepesi. Kwenye sehemu iliyoangaziwa ya sprite, unaweza kutumia rangi nyepesi zaidi, au, ambapo sprite inagusa nafasi hasi, unaweza kuondoa muhtasari kabisa. Badala ya nyeusi, unahitaji kutumia rangi ambayo ilichaguliwa kwa kivuli - kwa njia hii sehemu itahifadhiwa (kutofautisha kati ya misuli, manyoya, na kadhalika).
Pia niliongeza vivuli vyeusi katika hatua hii. Matokeo yake yalikuwa viwango vitatu vya kijani kwenye ngozi ya orc. Rangi ya kijani kibichi zaidi inaweza kutumika kwa muhtasari wa kuchagua na AA.
7. Miguso ya mwisho
Hatimaye, ni thamani ya kuongeza mambo muhimu (matangazo nyepesi kwenye sprite), maelezo (pete, studs, makovu) na maboresho mengine hadi tabia iko tayari au mpaka unapaswa kuendelea na ijayo.
Kuna mbinu kadhaa muhimu ambazo zinaweza kutumika katika hatua hii. Zungusha mchoro kwa usawa, mara nyingi hii husaidia kutambua makosa katika uwiano na kivuli. Unaweza pia kuondoa rangi - kuweka kueneza kwa sifuri ili kuelewa ambapo unahitaji kubadilisha vivuli.
Kuunda kelele (kupunguza, kuteleza)
Kufikia sasa tumekuwa tukitumia sehemu kubwa, zenye kivuli dhabiti. Lakini kuna mbinu nyingine - dithering, ambayo inakuwezesha kwenda kutoka rangi moja hadi nyingine bila kuongeza ya tatu. Tazama mfano hapa chini.
Rangi ya juu iliyokolea hadi nyepesi hutumia mamia ya vivuli tofauti vya samawati.
Gradient ya wastani hutumia rangi tisa tu, lakini bado kuna vivuli vingi vya rangi sawa. Kinachojulikana kinachojulikana kinatokea (kutoka kwa bendi ya Kiingereza - mstari), ambayo, kutokana na kupigwa kwa sare nene, jicho linazingatia pointi za mawasiliano ya rangi, badala ya rangi wenyewe.
Kwenye gradient ya chini tuliweka dithering, ambayo huepuka kuunganisha na hutumia rangi mbili tu. Tunaunda kelele za kiwango tofauti ili kuiga upandaji wa rangi. Mbinu hii ni sawa na halftone (halftone picha) kutumika katika uchapishaji; pamoja na stippling (picha ya punje) - katika vielelezo na Jumuia.
Kwenye orc, nilijishughulisha kidogo ili kuwasilisha maandishi. Baadhi ya wasanii wa pixel hawatumii kabisa, wengine, kinyume chake, hawana aibu na kufanya hivyo kwa ustadi sana. Ninaona kuwa dither inaonekana vizuri zaidi kwenye maeneo makubwa yaliyojaa rangi moja (angalia angani kwenye picha ya skrini ya Metal Slug iliyo hapo juu) au kwenye sehemu ambazo zinapaswa kuonekana kuwa mbaya na zisizo sawa (kama uchafu). Amua mwenyewe jinsi ya kuitumia.
Ikiwa unataka kuona mfano wa uchezaji wa kiwango kikubwa na wa hali ya juu, angalia michezo ya The Bitmap Brothers, studio ya Uingereza ya miaka ya 80, au michezo kwenye kompyuta ya PC-98. Kumbuka tu kwamba wote ni NSFW.
Kakyusei (PC-98). Elf, 1996
Kuna rangi 16 pekee kwenye picha hii!
8. Mwonekano wa mwisho
Moja ya hatari ya sanaa ya pixel ni kwamba inaonekana rahisi na rahisi (kutokana na muundo wake na mapungufu ya mtindo). Lakini utaishia kutumia kiasi kikubwa cha muda kusafisha sprites zako. Ni kama fumbo linalohitaji kutatuliwa - ndiyo maana sanaa ya pikseli huvutia watu wanaopenda ukamilifu. Kumbuka kwamba sprite moja haipaswi kuchukua muda mwingi - ni kipande kidogo cha mkusanyiko changamano wa vipande. Ni muhimu si kupoteza mtazamo wa picha kubwa.
Hata kama sanaa yako ya pikseli si ya kucheza, wakati mwingine inafaa kujiambia, "Tayari ni nzuri vya kutosha!" Na kuendelea. Njia bora ya kukuza ujuzi wako ni kupitia mchakato mzima kutoka mwanzo hadi mwisho mara nyingi iwezekanavyo, kwa kutumia mada nyingi iwezekanavyo.
Na wakati mwingine ni muhimu kuacha sprite kwa muda ili uweze kuiangalia kwa macho safi baadaye kidogo.
saizi 32Γ32
Tuliunda sprite kubwa ya pikseli 96x96 kwanza kwa sababu kwa ukubwa huo ni kama kuchora au uchoraji, lakini kwa pikseli. Kadiri sprite inavyokuwa ndogo, ndivyo inavyofanana kidogo na inavyopaswa kuonyesha, na kila pikseli ni muhimu zaidi.
Katika Super Mario Bros. Jicho la Mario ni saizi mbili tu, moja juu ya nyingine. Na sikio lake pia. Muundaji wa wahusika Shigeru Miyamoto alisema kuwa masharubu yanahitajika ili kutenganisha pua na uso wote. Kwa hivyo moja ya sifa kuu za Mario sio tu muundo wa mhusika, lakini ujanja wa vitendo. Ambayo inathibitisha hekima ya zamani - "umuhimu ni mama wa uvumbuzi."
Hatua kuu za kuunda sprite ya pixel 32x32 tayari tunajulikana kwetu: mchoro, rangi, vivuli, uboreshaji zaidi. Lakini katika hali kama hizi, kama mchoro wa awali, mimi huchagua maumbo ya rangi badala ya kuchora muhtasari kwa sababu ya saizi ndogo. Rangi ina jukumu muhimu zaidi katika kufafanua tabia kuliko muhtasari. Angalia Mario tena, hana muhtasari hata kidogo. Sio tu masharubu ambayo yanavutia. Vipande vyake vya pembeni hufafanua umbo la masikio yake, mikono yake inaonyesha mikono yake, na umbo lake la jumla huonyesha waziwazi mwili wake wote.
Kujenga sprites ndogo ni maelewano ya mara kwa mara. Ikiwa unaongeza kiharusi, unaweza kupoteza nafasi kwa kivuli. Ikiwa tabia yako ina mikono na miguu inayoonekana wazi, kichwa labda haipaswi kuwa kubwa sana. Ikiwa unatumia rangi, kiharusi cha kuchagua, na kuzuia kutengwa kwa ufanisi, kitu kilichotolewa kitaonekana kikubwa zaidi kuliko ilivyo.
Kwa sprites ndogo napenda mtindo wa chibi: wahusika wanaonekana mzuri sana, wana vichwa na macho makubwa. Njia nzuri ya kuunda tabia ya rangi katika nafasi ndogo, na kwa ujumla mtindo mzuri sana. Lakini labda unahitaji kuonyesha uhamaji wa mhusika au nguvu, basi unaweza kutoa nafasi kidogo kwa kichwa ili kufanya mwili uonekane wenye nguvu zaidi. Yote inategemea mapendekezo yako na malengo.
Timu nzima imekusanyika!
Fomati za faili
Matokeo haya yanaweza kumfanya msanii yeyote wa pixel awe na wasiwasi
Picha unayoona ni matokeo ya kuhifadhi picha katika JPG. Baadhi ya data ilipotea kwa sababu ya kanuni za kubana faili. Sanaa ya pixel ya ubora wa juu itaishia kuonekana mbaya, na kuirudisha kwenye paji yake ya asili haitakuwa rahisi.
Ili kuhifadhi picha tuli bila kupoteza ubora, tumia umbizo la PNG. Kwa uhuishaji - GIF.
Jinsi ya kushiriki vizuri sanaa ya pixel
Kushiriki sanaa ya pikseli kwenye mitandao ya kijamii ni njia nzuri ya kupata maoni na kukutana na wasanii wengine wanaofanya kazi kwa mtindo sawa. Usisahau kutumia alama ya reli #pixelart. Kwa bahati mbaya, mitandao ya kijamii mara nyingi hubadilisha PNG hadi JPG bila kuuliza, na kufanya uzoefu wako kuwa mbaya zaidi. Zaidi ya hayo, si mara zote wazi kwa nini picha yako ilibadilishwa.
Kuna vidokezo kadhaa vya jinsi ya kuhifadhi sanaa ya pixel katika ubora unaohitajika kwa mitandao mbalimbali ya kijamii.
Ili kuweka faili yako ya PNG bila kubadilika kwenye Twitter, tumia chini ya rangi 256 au kwamba faili yako ni chini ya saizi 900 kwa upande mrefu zaidi. Ningeongeza saizi ya faili hadi angalau saizi 512x512. Na ili kuongeza ni nyingi ya 100 (200%, si 250%) na kando kali zimehifadhiwa (Jirani ya Karibu katika Photoshop).
GIF zilizohuishwa za Machapisho ya Twitter uzani sio zaidi ya 15 MB. Picha lazima iwe angalau saizi 800x800, uhuishaji wa kitanzi lazima urudie mara tatu, na sura ya mwisho lazima iwe nusu ya urefu wa zingine zote - nadharia maarufu zaidi. Hata hivyo, haijulikani ni kwa kiwango gani mahitaji haya yanahitaji kutimizwa, ikizingatiwa kwamba Twitter inabadilisha mara kwa mara kanuni zake za kuonyesha picha.
Kwa kadiri ninavyojua, haiwezekani kuchapisha picha kwenye Instagram bila kupoteza ubora. Lakini hakika itaonekana bora ikiwa utaiongeza kwa angalau saizi 512x512.
Chanzo: mapenzi.com