Indie verktaki þurfa oft að sameina mörg hlutverk í einu: leikjahönnuður, forritari, tónskáld, listamaður. Og þegar kemur að myndefni velja margir pixlalist - við fyrstu sýn virðist það einfalt. En til að gera það fallega þarftu mikla reynslu og ákveðna færni. Ég fann kennsluefni fyrir þá sem eru nýbyrjaðir að skilja grunnatriði þessa stíls: með lýsingu á sérstökum hugbúnaði og teiknitækni með tveimur sprites sem dæmi.
Bakgrunnur
Pixel list er form stafrænnar listar þar sem breytingar eru gerðar á pixlastigi. Það tengist aðallega tölvuleikjagrafík frá níunda og tíunda áratugnum. Þá þurftu listamenn að taka tillit til minnistakmarkana og lágrar upplausnar. Nú á dögum er pixellist enn vinsæl í leikjum og sem liststíll almennt, þrátt fyrir getu til að búa til raunhæfa þrívíddargrafík. Hvers vegna? Til hliðar við nostalgíuna er skemmtileg og gefandi áskorun að búa til flott verk innan svo þröngs ramma.
Aðgangshindrun í pixellist er tiltölulega lítil miðað við hefðbundna myndlist og þrívíddargrafík, sem laðar að indie forritara. En það þýðir ekki að það verði auðvelt klára leikur í þessum stíl. Ég hef séð marga indie forritara með pixel art metroidvanias á hópfjármögnunarpöllum. Þeir héldu að þeir myndu klára allt á einu ári, en í raun þurftu þeir sex ár í viðbót.
Metal Slug 3 (Arcade). SNK, 2000
Pixel list á því stigi sem flestir vilja búa hana til tekur mikinn tíma og það eru mjög fáar stuttar kennslumyndir. Þegar unnið er með þrívíddarlíkan er hægt að snúa því, afmynda það, færa einstaka hluta þess, afrita hreyfimyndir frá einu líkani til annars og svo framvegis. Dílalist á háu stigi tekur næstum alltaf mikla fyrirhöfn í að setja pixla nákvæmlega á hvern ramma.
Almennt séð varaði ég þig við.
Og nú aðeins um stílinn minn: Ég teikna aðallega pixlalist fyrir tölvuleiki og sæki innblástur í þá. Sérstaklega er ég aðdáandi Famicom/NES, 16-bita leikjatölva og 90's spilakassa. Lýsa má pixlalist uppáhaldsleikjanna minna á þessum tíma sem björtum, öruggum og hreinum (en ekki of hreinum), frekar en áþreifanlegum og naumhyggjulegum. Þetta er stíllinn sem ég vinn sjálfur í, en þú getur auðveldlega beitt hugmyndum og aðferðum úr þessari kennslu til að búa til allt aðra hluti. Kannaðu verk mismunandi listamanna og búðu til pixellist sem þér líkar við!
Hugbúnaður
Stafrænu grunnverkfærin fyrir pixlalist eru aðdráttur og blýantur til að setja punktana. Þú munt líka finna Línu, Form, Velja, Færa og Málafötu gagnleg. Það eru til margir ókeypis og greiddir hugbúnaður með slíku verkfærasetti. Ég mun segja þér frá þeim vinsælustu og þeim sem ég nota sjálfur.
Mála (ókeypis)
Ef þú ert með Windows er innbyggða Paint frumstætt forrit, en það hefur öll tækin fyrir pixlalist.
(er ókeypis)
Óvænt virkur pixlalistaritari sem keyrir í gegnum vafrann. Þú getur flutt verkin þín út sem PNG eða hreyfimyndað GIF. Frábær kostur fyrir byrjendur.
(er ókeypis)
GraphicsGale er eini ritstjórinn sem ég hef heyrt um sem er hannaður sérstaklega fyrir pixellist og inniheldur hreyfimyndatól. Það var búið til af japanska fyrirtækinu HUMANBALANCE. Það hefur verið fáanlegt ókeypis síðan 2017 og er enn eftirsótt, þrátt fyrir auknar vinsældir Aseprite. Því miður virkar það bara á Windows.
($)
Kannski vinsælasti ritstjórinn um þessar mundir. , mikið af eiginleikum, virkur stuðningur, útgáfur fyrir Windows, Mac og Linux. Ef þér er alvara með pixlalist og hefur enn ekki fundið rétta ritilinn gæti þetta verið sá sem þú þarft.
($$+)
GameMaker Studio 2 er frábært 2D tól með góðum Sprite ritstjóra. Ef þú vilt búa til pixlalist fyrir þína eigin leiki er mjög þægilegt að gera allt í einu forriti. Nú er ég að nota þennan hugbúnað á meðan ég er að vinna að , safn af 50 afturleikjum: Ég bý til sprites og hreyfimyndir í GameMaker og flísasett í Photoshop.
($$$+)
Photoshop er dýr hugbúnaður, dreift í áskrift og ekki hannaður fyrir pixlalist. Ég mæli ekki með því að kaupa það nema þú taki þátt í að túlka myndir í hárri upplausn, eða þú þarft ekki að framkvæma flóknar meðhöndlun með myndina, eins og ég. Hægt er að búa til static sprites og pixel art í því, en það er frekar flókið miðað við sérhæfðan hugbúnað (til dæmis GraphicsGale eða Aseprite).
Annað
Pixel art settið mitt. Allt er svart, ég tók eftir því núna.
Grafísk spjaldtölva ($$+)
Ég mæli með grafíktöflum fyrir hvaða stafræna myndskreytingu sem er til að forðast úlnliðsgöng heilkenni. Það er miklu auðveldara að koma í veg fyrir en að lækna. Einn daginn muntu finna fyrir sársauka og hann mun bara aukast - hugsaðu um sjálfan þig frá upphafi. Þar sem ég teiknaði áður með mús á ég nú erfitt með að spila leiki sem krefjast þess að ég ýti á takka. Ég er núna að nota Wacom Intuos Pro S.
Úlnliðsstuðningur ($)
Ef þú getur ekki fengið spjaldtölvu, fáðu að minnsta kosti úlnliðsstuðning. Uppáhaldið mitt er Mueller Green Fitted Wrist Brace. Hinir eru annað hvort of þéttir eða veita ekki nægan stuðning. Hægt er að panta skífur á netinu án vandræða.
96 × 96 dílar
Lokabardagi. Capcom, 1989
Byrjum! Byrjum á 96x96 pixla stafi sprite. Sem dæmi teiknaði ég orka og setti hann á skjáskot úr Final Fight (mynd að ofan) svo að þú getir skilið mælikvarðann. Þetta большой sprite fyrir flesta retro leiki, stærð skjámynda: 384x224 dílar.
Á svona stórum sprite verður auðveldara að sýna tæknina sem ég vil tala um. Per-pixel flutningur er líka líkari hefðbundnum listformum (eins og að teikna eða mála) sem þú gætir verið kunnugri. Eftir að hafa náð tökum á grunntækninni munum við halda áfram í smærri sprites.
1. Veldu litatöflu
Pixel er miklu dýpra hugtak í pixellist en í nokkru öðru stafrænu sviði. Pixel list er skilgreind af takmörkunum sínum, svo sem litum. Það er mikilvægt að velja rétta litatöflu, það mun hjálpa til við að ákvarða stíl þinn. En í upphafi mæli ég með að hugsa ekki um litatöflur og velja einn af þeim sem fyrir eru (eða bara nokkra handahófskennda liti) - þú getur auðveldlega breytt því á hvaða stigi sem er.
Fyrir þessa kennslu mun ég nota 32 litaspjaldið sem við bjuggum til fyrir . Fyrir pixlalist eru þeir oft settir saman úr 32 eða 16 litum. Okkar er hannað fyrir skáldaða leikjatölvu sem myndi birtast einhvers staðar á milli Famicom og PC Engine. Þú getur tekið það eða hvaða annað sem er - kennslan fer alls ekki eftir völdum litatöflu.
2. Grófar útlínur
Byrjum að teikna með því að nota blýantartólið. Teiknum skissu á sama hátt og við gerum með venjulegum penna og pappír. Auðvitað skarast pixlalist og hefðbundin list, sérstaklega þegar kemur að svona stórum sprites. Athuganir mínar sýna að sterkir pixellistamenn eru að minnsta kosti góðir í að teikna í höndunum og öfugt. Svo að þróa teiknihæfileika þína er alltaf gagnlegt.
3. Útfærsla á útlínum
Við fínpússum útlínurnar: fjarlægjum auka pixla og minnkum þykkt hverrar línu í einn pixla. En hvað er nákvæmlega talið óþarft? Til að svara þessari spurningu þarftu að skilja pixlalínur og óreglu.
Óreglu
Þú þarft að læra hvernig á að teikna tvær grunnlínur í pixlalist: beinar og bognar. Með penna og pappír snýst allt um vöðvastjórnun, en við erum að vinna með pínulitla litakubba.
Lykillinn að því að teikna réttar pixlalínur er jaggies. Þetta eru stakir punktar eða litlir hlutir sem eyðileggja sléttleika línunnar. Eins og ég sagði áður, þá munar einn pixla gríðarlega miklu í pixlalist, svo ójöfnur getur eyðilagt alla fagurfræðina. Ímyndaðu þér að teikna beina línu á pappír og skyndilega lemur einhver í borðið: höggin í pixlalist líta út eins og tilviljunarkennd svig.
Dæmi:
Bein
Kúrfur
Óreglur koma fram í ferlum þegar lengd línuhluta eykst ekki eða minnkar smám saman.
Það er ómögulegt að forðast ójöfnur alveg - allir uppáhalds retro leikirnir þínir hafa þá (nema, auðvitað, pixla listin samanstendur eingöngu af einföldum formum). Markmið: Haltu ójöfnum í lágmarki á meðan þú sýnir samt allt sem þarf.
4. Notaðu fyrstu litina
Litaðu karakterinn þinn með því að nota fyllingu eða annað viðeigandi verkfæri. Pallettan mun einfalda þennan hluta verksins. Ef hugbúnaðurinn gerir ekki ráð fyrir notkun á litatöflum geturðu sett það beint á myndina, eins og í dæminu hér að ofan, og valið liti með því að nota dropa.
Í neðra vinstra horninu teiknaði ég vin okkar, hittu, þetta er Ball. Það mun gera það auðveldara að skilja hvað nákvæmlega er að gerast á hverju stigi.
5. Skygging
Það er kominn tími til að sýna skuggana - bættu bara dekkri litum við sprite. Þetta mun láta myndina líta út fyrir að vera þrívídd. Gerum ráð fyrir að við höfum einn ljósgjafa staðsettan fyrir ofan orkan vinstra megin við hann. Þetta þýðir að allt sem er fyrir ofan og fyrir framan karakter okkar verður upplýst. Bættu við skuggum neðst til hægri.
Form og rúmmál
Ef þetta skref er krefjandi fyrir þig skaltu hugsa um teikningu þína sem þrívíð form frekar en bara línur og lit. Form eru til í þrívíðu rými og geta haft rúmmál sem við byggjum upp með hjálp skugga. Þetta mun hjálpa þér að sjá persónuna án smáatriði og ímynda þér að hann sé úr leir en ekki pixlum. Skygging er ekki bara að bæta við nýjum litum, það er ferlið við að byggja upp form. Á vel hönnuðum persónu leyna smáatriðin ekki undirliggjandi form: ef þú skellir þér í augu muntu sjá stóra þyrpingar af ljósi og skugga.
Anti-aliasing (anti-aliasing)
Í hvert skipti sem ég nota nýjan lit, set ég á andlit (AA). Það hjálpar til við að slétta út punktana með því að bæta við millilitum í hornum þar sem tveir línuhlutar mætast:
Gráir punktar mýkja „brotin“ í línunni. Því lengri sem línuhlutinn er, því lengri er AA-hlutinn.
Svona lítur AA út á öxl orka. Það er nauðsynlegt til að slétta út línurnar sem sýna feril vöðva hans
Anti-aliasing ætti ekki að ná lengra en sprite sem verður notaður í leiknum eða á bakgrunni þar sem liturinn er óþekktur. Til dæmis, ef þú notar AA á ljósan bakgrunn, mun hliðarlínuritið líta ljótt út á dökkum bakgrunni.
6. Valdar útlínur
Áður voru útlínurnar alveg svartar, sem gerði spriteið mjög teiknimyndalegt. Myndinni virtist vera skipt í hluta. Til dæmis gefa svartar línur á handlegg of mikla andstæðu við vöðvana, sem gerir það að verkum að karakterinn lítur ekki út fyrir að vera samheldin.
Ef spriteið verður eðlilegra og skiptingin minna augljós verða grunnform persónunnar auðveldara að lesa. Til að gera þetta geturðu notað sértæka útlínu - skiptu að hluta svörtu útlínunni út fyrir ljósari. Á upplýsta hluta spritesins geturðu notað ljósustu litina, eða, þar sem sprite snertir neikvæða bilið, geturðu fjarlægt útlínuna alveg. Í stað svarts þarftu að nota litinn sem var valinn fyrir skuggann - þannig verður skiptingin varðveitt (til að greina á milli vöðva, skinns og svo framvegis).
Ég bætti líka við dekkri skugga á þessu stigi. Niðurstaðan var þrjár gráður af grænu á húð Orcsins. Hægt er að nota dökkasta græna litinn fyrir sértæka útlínur og AA.
7. Lokaatriði
Að lokum er það þess virði að bæta við hápunktum (léttustu blettunum á sprite), smáatriðum (eyrnalokkum, nöglum, örum) og öðrum endurbótum þar til karakterinn er tilbúinn eða þar til þú þarft að fara í næsta.
Það eru nokkrar gagnlegar aðferðir sem hægt er að beita á þessu stigi. Snúðu teikningunni lárétt, þetta hjálpar oft til við að greina villur í hlutföllum og skyggingum. Þú getur líka fjarlægt litinn - stilltu mettunina á núll til að skilja hvar þú þarft að breyta skugganum.
Búa til hávaða (duðrun, dæling)
Hingað til höfum við aðallega notað stór, solid skuggasvæði. En það er önnur tækni - dithering, sem gerir þér kleift að fara úr einum lit í annan án þess að bæta við þriðja. Skoðaðu dæmið hér að neðan.
Efsti dökkur til ljós halli notar hundruð mismunandi tónum af bláum.
Meðalhalli notar aðeins níu liti, en það eru samt of margir litbrigði af sama lit. Svokölluð banding myndast (af ensku bandi - stripe), þar sem augað einbeitir sér að snertipunktum litanna, vegna þykkra samræmdra rönda, í stað litanna sjálfra.
Á neðsta hallanum notuðum við dipingu, sem forðast banding og notar aðeins tvo liti. Við búum til hávaða af mismunandi styrkleika til að líkja eftir litabreytingum. Þessi tækni er mjög lík hálftóna (hálftónamynd) sem notuð er við prentun; sem og stippling (kornótt mynd) - í myndskreytingum og myndasögum.
Á Orc, ég dillaði töluvert til að miðla áferð. Sumir pixlalistamenn nota það alls ekki, aðrir, þvert á móti, eru ekki feimnir og gera það mjög vel. Mér finnst þetta líta best út á stórum svæðum fyllt með einum lit (horfðu á himininn í Metal Slug skjámyndinni hér að ofan) eða á svæðum sem ættu að líta gróft og ójafnt út (eins og óhreinindi). Ákveðið sjálfur hvernig á að nota það.
Ef þú vilt sjá dæmi um stórfellda og hágæða dælingu, skoðaðu þá leiki The Bitmap Brothers, breskt stúdíó frá níunda áratugnum, eða leikina á PC-80 tölvunni. Hafðu bara í huga að þeir eru allir NSFW.
Kakyusei (PC-98). Álfur, 1996
Það eru aðeins 16 litir á þessari mynd!
8. Síðasta útlit
Ein af hættunum við pixellist er að hún virðist auðveld og einföld (vegna uppbyggingar og takmarkana á stíl). En þú munt á endanum eyða miklum tíma í að betrumbæta sprites þína. Þetta er eins og þraut sem þarf að leysa - þess vegna laðar pixelist að fullkomnunaráráttu. Mundu að einn sprite ætti ekki að taka of mikinn tíma - þetta er bara pínulítið stykki af afar flóknu safni hluta. Það er mikilvægt að missa ekki sjónar á heildarmyndinni.
Jafnvel þótt pixlalistin þín sé ekki til leikja, þá er stundum þess virði að segja sjálfum þér: "Það er nú þegar nógu gott!" Og halda áfram. Besta leiðin til að þróa færni þína er að fara í gegnum allt ferlið frá upphafi til enda eins oft og mögulegt er og nota eins mörg efni og mögulegt er.
Og stundum er gagnlegt að skilja eftir sprite í smá stund svo þú getir horft á hann ferskum augum aðeins seinna.
32×32 pixlar
Við bjuggum til stóran 96x96 pixla sprite fyrst vegna þess að í þeirri stærð er það meira eins og að teikna eða mála, en með pixlum. Því minni sem sprite er, því minna líkist það því sem það á að sýna og því mikilvægari er hver pixla.
Í Super Mario Bros. Auga Mario er bara tveir pixlar, hver ofan á annan. Og eyrað hans líka. Persónuhöfundurinn Shigeru Miyamoto sagði að yfirvaraskeggið væri nauðsynlegt til að skilja nefið frá restinni af andlitinu. Svo einn af helstu eiginleikum Mario er ekki bara persónuhönnun, heldur raunsær brögð. Sem staðfestir gamla speki - "nauðsyn er móðir uppfinninga."
Helstu stigin við að búa til 32x32 pixla sprite eru okkur nú þegar kunnugleg: skissa, litur, skuggar, frekari betrumbætur. En við slíkar aðstæður, sem upphafsskissu, vel ég litað form í stað þess að teikna útlínur vegna smæðar. Litur gegnir mikilvægara hlutverki við að skilgreina persónu en útlínur. Horfðu aftur á Mario, hann hefur alls engar útlínur. Það er ekki bara yfirvaraskeggið sem er áhugavert. Sideburns hans skilgreina lögun eyrna hans, ermarnar sýna handleggina og heildarform hans sýnir meira og minna greinilega allan líkamann.
Að búa til litla sprites er stöðug málamiðlun. Ef þú bætir við höggi gætirðu misst pláss fyrir skuggann. Ef karakterinn þinn hefur greinilega sýnilega handleggi og fætur ætti höfuðið líklega ekki að vera mjög stórt. Ef þú notar lit, sértækt högg og hliðrun á áhrifaríkan hátt, mun sýndi hluturinn virðast stærri en hann er í raun.
Fyrir litla sprites líkar mér við chibi stílinn: persónurnar líta mjög sætar út, þær eru með stórt höfuð og augu. Frábær leið til að skapa litríkan karakter í takmörkuðu rými og í heildina mjög fallegan stíl. En kannski þarftu að sýna hreyfanleika eða styrk persóna, þá geturðu gefið minna pláss á höfuðið til að láta líkamann líta kraftmeiri út. Það veltur allt á óskum þínum og markmiðum.
Allt liðið er samankomið!
Skráarsnið
Þessi niðurstaða getur gert hvaða pixlalista sem er kvíðin
Myndin sem þú sérð er afleiðing af vistun myndarinnar í JPG. Sum gögn týndust vegna skráarþjöppunaralgríms. Hágæða pixlalist mun á endanum líta illa út og það verður ekki auðvelt að koma henni aftur í upprunalegu litatöfluna.
Notaðu PNG sniðið til að vista kyrrstæða mynd án þess að tapa gæðum. Fyrir hreyfimyndir - GIF.
Hvernig á að deila pixlalist á réttan hátt
Að deila pixlalist á samfélagsnetum er frábær leið til að fá viðbrögð og hitta aðra listamenn sem vinna í sama stíl. Ekki gleyma að nota myllumerkið #pixelart. Því miður breyta samfélagsnet oft PNG í JPG án þess að spyrja, sem gerir upplifun þína verri. Þar að auki er ekki alltaf ljóst hvers vegna myndinni þinni var breytt.
Það eru nokkrar ábendingar um hvernig á að vista pixlalist í nauðsynlegum gæðum fyrir ýmis samfélagsnet.
Til að halda PNG skránni þinni óbreyttri á Twitter skaltu nota færri en 256 liti eða að skráin þín sé minni en 900 pixlar á lengstu hliðinni. Ég myndi auka skráarstærðina í að minnsta kosti 512x512 pixla. Og þannig að mælikvarðinn sé margfeldi af 100 (200%, ekki 250%) og skarpar brúnir varðveitast (Næsti nágranni í Photoshop).
Hreyfimyndir GIF fyrir Twitter færslur vega ekki meira en 15 MB. Myndin verður að vera að minnsta kosti 800x800 dílar, lykkjuhreyfingin verður að endurtaka þrisvar sinnum og síðasti ramminn verður að vera helmingi lengri en allir hinir - vinsælasta kenningin. Hins vegar er óljóst að hve miklu leyti þessar kröfur þarf að uppfylla, í ljósi þess að Twitter er stöðugt að breyta myndbirtingaralgrímum sínum.
Eftir því sem ég best veit er ómögulegt að setja mynd á Instagram án þess að tapa gæðum. En það mun örugglega líta betur út ef þú stækkar það í að minnsta kosti 512x512 pixla.
Heimild: www.habr.com