Pixel art je bes v sodobnih neodvisnih video igrah. Umetniku omogoča, da predstavi veliko likov za igro, ne da bi mu bilo treba porabiti nešteto ur za modeliranje 3D predmetov ali ročno risanje kompleksnih predmetov. Če želite postati umetnik pikslov, je prvi korak ustvarjanje sprite. Ko se boste naučili ustvarjati sprite, lahko začnete animirati in nakupovati svoje sposobnosti pri bodočih delodajalcih.
Koraki
1. del od 7: Zbiranje orodja
Korak 1. Prenesite dobro programsko opremo za urejanje slik
Čeprav lahko s sliko Paint ustvarite slikovno piko, vam bo težko. Nekateri izmed najbolj priljubljenih programov s slikovnimi piksli vključujejo:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprite
- pixilart
Korak 2. Vzemite tablico za risanje
Če želite izslediti ročno risano umetnost ali pa vam ni všeč uporaba miške za risanje na zaslonu, lahko uporabite tablični računalnik in pisalo. Wacom je eden najbolj priljubljenih proizvajalcev tabličnih računalnikov.
Korak 3. V programski opremi za urejanje vklopite pogled mreže
Način omrežja boste želeli omogočiti v kateri koli programski opremi, ki jo izberete. Tako boste lahko jasno videli, kam bo šel vsak piksel. Običajno lahko dostopate do prikaza mreže iz menija Pogled.
Mrežo boste verjetno morali konfigurirati tako, da vsak kvadrat predstavlja eno slikovno piko. Način za to se razlikuje od programa do programa. V GIMP -ju lahko to spremenite v meniju Slika (izberite "Konfiguriraj mrežo …")
Korak 4. Izberite svinčnik z eno slikovno piko
V orodju za urejanje izberite orodje Svinčnik. V možnostih svinčnika izberite čopič z eno slikovno piko. To vam bo omogočilo risanje posameznih slikovnih pik.
2. del od 7: Vadba osnov
Korak 1. Ustvarite novo sliko
Ker boste delali na ravni slikovnih pik, velikost slike ni nujno velika. Celoten zaslon v prvotni igri Super Mario Bros. je samo 256 x 224 slikovnih pik. Mario sam ima le 12 x 16 slikovnih pik!
Korak 2. Povečajte
Ker boste delali s posameznimi slikovnimi pikami, boste želeli povečati zelo daleč, da boste lahko videli mrežo in mesto vsake posamezne slikovne pike. Morda boste morali povečati več kot 800%, da boste jasno videli slikovne pike v mreži.
Korak 3. Vadite risanje ravne črte
To se morda zdi preprost koncept, če pa je črta na sredini celo za eno slikovno piko, bo to opazno. Vadite ravne črte z miško ali pisalom, tako da vam ni treba vsakič preklopiti na orodje za črte.
Korak 4. Vadite risanje ukrivljenih črt
Krivulje se morajo pojavljati z rednimi prelomi v liniji slikovnih pik. Na primer, dobra krivulja bi se začela s prelomom s šestimi slikovnimi pikami, ki bi mu sledila prekinitev s tremi slikovnimi pikami, ki bi ji sledila prekinitev z dvema slikovnima pikama, nato pa prelomi z eno slikovno piko. Odmori bi se nato obrnili, da bi naredili drugi konec krivulje. Slaba krivulja bi se začela s prelomom treh slikovnih pik, ki bi mu sledila prekinitev z eno slikovno piko, ki bi ji sledila prekinitev s tremi slikovnimi pikami ali katero koli drugo čudno napredovanje.
5. korak Odpravite napake z orodjem Erase
Tako kot orodje Pencil boste radirko nastavili tako, da bo izbrisala eno slikovno piko naenkrat. Če je radirka prevelika, bo pike težko natančno izbrisati.
3. del od 7: Opis vašega prvega sprita
Korak 1. Določite uporabo sprite
Ali bo animiran ali statičen? V statični sprite lahko vnesete več podrobnosti, vendar boste morda želeli ohraniti enostavnejši animirani sprite, saj boste morali za animacijo znova narisati dele. Če želite sprite uporabiti z drugimi sprajti, boste želeli ohraniti umetniški slog, ki povezuje vse skupaj.
Korak 2. Ugotovite, ali obstajajo omejitve
Če ustvarjate sprite za projekt, ugotovite, ali obstajajo omejitve glede velikosti ali barve. To bo še pomembnejše, ko boste začeli delati na večjih projektih z veliko različnih sprajtov.
Večina sodobnih sistemov v resnici nima omejitev glede velikosti in barvne kompleksnosti. Če igro razvijate posebej za starejši sistem, boste morda naleteli na več omejitev
Korak 3. Skicirajte ga
Poskusite na list papirja skicirati osnovni koncept duha. To vam bo omogočilo, da vidite, kako bo videti sprite, in prilagodite pozo ali druge značilnosti. To skico lahko kasneje uporabite kot vir sledenja, če imate tablični računalnik.
Skico podrobno opišite. Postavite vse funkcije, ki jih želite vključiti, da boste lahko začutili, kako bo sprite videti kot končni izdelek
Korak 4. Ustvarite oris v svojem programu za urejanje
Uporabite skiciran oris kot referenco ali ga obrišite z blazinico. Če želite ustvariti oris, lahko kliknete in narišete ali postavite vsako slikovno piko posebej, izbira je vaša.
Ko ustvarjate svojega prvega duha, uporabite kot črto obarvano črno. To bo olajšalo razlikovanje. Barvo obrisa lahko pozneje ročno spremenite
Korak 5. Očistite oris
Povečajte in začnite brisati dodatne slikovne pike in popravljati črte. Obris mora biti debel le za eno slikovno piko, razen če za preostali sprite ohranite debelejši obris. Z orodjem za svinčnik vstavite slikovne pike, da odpravite napake.
Med opisovanjem se osredotočite na velike podrobnosti. Lahko se vrnete in kasneje dodate majhne dotike
4. del od 7: Barvanje vašega Sprita
Korak 1. Oglejte si osnovno teorijo barv
Oglejte si barvno kolo, da ugotovite, katere barve morate uporabiti. Barve drug na drugem na kolesu se bodo zelo razlikovale, barve v neposredni bližini pa bodo videti dobro drug poleg drugega.
Izberite nabor barv, ki dajejo vašemu duhu značilen videz, ne da bi bile preveč razburljive. Če je mogoče, se izogibajte pastelnim barvam, razen če celoten projekt uporablja ta slog
Korak 2. Uporabite le nekaj barv
Več barv, ki jih dodate, bolj moteč bo videti vaš duh. Oglejte si nekaj najbolj ikoničnih spritov in ugotovili boste, da pogosto uporabljajo le nekaj barv.
- Mario - Klasični Mario sprite uporablja le tri barve, ki so tesno povezane.
- Sonic - Sonic ima več podrobnosti kot izvirni Mario, vendar je še vedno sestavljen le iz štirih barv z različnimi odtenki.
- Ryu - Eden od klasičnih spritov borbenih iger, Ryu uporablja velika območja preprostih barv z rahlim senčenjem za opredelitev. Ryu ima pet osnovnih barv z različnimi odtenki.
Korak 3. Uporabite svoje barve
Z orodjem Fill uporabite izbiro barve za svoj sprite. Na tej točki uporabljate samo osnovno barvo, zato ne skrbite, kako ravno izgleda. Orodje za izpolnjevanje bo zamenjalo vse slikovne pike, ki se ujemajo s slikovno piko, na katero ste kliknili, z izbrano barvo, dokler niso dosežene meje.
5. del od 7: Uporaba senčenja
Korak 1. Določite "vir svetlobe"
Kot, na katerega svetloba zadene sprite, vam bo pomagal določiti, kje uporabiti senčenje za bolj realističen in verjeten učinek. Čeprav luči dejansko ne bo, je zelo pomembno vedeti, v katero smer sveti svetloba.
Morda bo najlažje zasenčiti z virom svetlobe, ki prihaja od daleč nad sprite, z rahle desne ali rahle leve strani
Korak 2. Nanesite senčenje z rahlo temnejšim odtenkom osnovne barve
Če vir svetlobe prihaja od zgoraj, se mora senčenje zgoditi na "spodnji strani" sprite. Zasenčite vsa področja, ki jih neposredna svetloba ne bi prizadela. Dodajte le nekaj slojev slikovnih pik nad ali pod obrise, da dodate senčenje.
- Zmanjšate lahko vrednost "lum" vaše osnovne barve in rahlo povečate vrednost "hue", da dobite dobro senčno barvo.
- Nikoli ne uporabljajte nagibov. Izgledali bodo zelo ponarejeno in neprofesionalno. Za posnemanje gradientov lahko uporabite dithering (glejte spodaj).
Korak 3. Dodajte nekaj mehkih senc
Izberite senco med temo sence in prvotno osnovno barvo. S to senco dodajte drugo plast sence med senčenje in osnovno barvo. To bo dalo učinek prehoda iz temnega v svetlo.
Korak 4. Uporabite nekaj poudarkov
To so pike na sprite, ki jih svetloba najbolj prizadene. Vrhunce lahko dodate z odtenkom, ki je nekoliko svetlejši od osnovne barve. Izpostavljene poudarke uporabljajte zmerno, saj vas lahko motijo.
6. del od 7: Uporaba naprednih tehnik
Korak 1. Poskusite nekaj zmešati
To je učinek, ki umetniku omogoča, da predstavi premik v senci. Omogoča vam, da z izmenično postavitvijo slikovnih pik ustvarite prehod z le nekaj barvami, da ustvarite prehode. Količina in umestitev dveh različnih barv slikovnih pik v vzorec lahko privabi oko, da vidi različne odtenke.
Začetniki ponavadi pretiravajo z omejevanjem, zato se mu izogibajte, razen v redkih primerih
Korak 2. Vadite odpravljanje aliasinga
Pixel art je opredeljen z opaznimi piksli, včasih pa želite mešati črte, da bo vse videti nekoliko bolj gladko. Odstranitev aliasinga je tehnika, ki vam to omogoča.
- Kinks na krivulji dodajte vmesne barve. Okoli obrisa krivulje dodajte eno plast vmesnih barv, ki jih želite zmehčati. Če je še vedno videti grobo, dodajte drugo plast svetlejšega odtenka.
- Če želite, da je vaš sprite čist na katerem koli barvnem ozadju, ne odpravljajte vzdevka zunanjega roba orisa.
Korak 3. Uporabite selektivno orisanje
To je izraz za barvanje orisa podobno barvam, ki se uporabljajo za polnjenje. Tako bo duh dobil nekoliko manj "risani" videz, saj bo obris nekoliko bolj naraven. Poskusite s selektivnim opisovanjem gole kože, medtem ko uporabljate tradicionalne orise na oblačilih.
- Uporabite odtenek, temnejši od osnovne barve razdelka, ki ga selektivno označujete. S pomočjo svetlobnega vira spreminjajte senco, ko dajete oris, in dajte sprite bolj naraven videz. To je lahko še posebej koristno za tonus kože in mišic.
- Tradicionalno opisovanje je dobro, če potrebujete svoj duh, da ostane izrazit na zasedenem ozadju.
7. del od 7: Dodajanje zaključnih pik
Korak 1. Dobro poglejte sprite
Naredite korak nazaj in poglejte svoj duh do te točke. Ugotovite, ali kaj odmika, in nato popravite te nedoslednosti ali napake.
Korak 2. Dodajte podrobnosti
Ko končate z barvanjem in senčenjem, lahko dodate podrobnosti, kot so pisanje, oči, dodatne funkcije in karkoli drugega, kar bi lahko vaš sprite dvignilo na naslednjo stopnjo. Pozornost do detajlov na koncu je tisto, kar loči amaterske od profesionalnih pikslov.
Korak 3. Animirajte svojega duha
Če ste sledili zgornjim korakom, boste imeli en sam statični sprite. To je v redu kot umetnina, če pa želite narediti sprite za igre, jih bo verjetno treba animirati. To pomeni, da bo moral vsak okvir animacije imeti svoj sprite, z rahlimi spremembami glede na prejšnji okvir. Zbirka vseh sprajtov, uporabljenih v animaciji, se imenuje "sprite list".
- Za podrobnosti o animaciji sprite lista v GIMP si oglejte ta priročnik.
- Ustvarjanje edinstvenih in privlačnih animacij za sprite je eden od načinov, da se mojstri pikslov ločijo od amaterjev. Dobra animacija lahko vdihne tono življenja.
Korak 4. Ustvarite portfelj
Če želite svoje veščine umetnosti pikslov vnesti v svet razvoja video iger, boste želeli imeti trden portfelj, ki ga lahko pokažete bodočim delodajalcem. Vključite več svojih najboljših sprajtov in nekaj animacij, če jih imate. Vključite različne teme, vključno z liki, pokrajino, rekviziti in drugo.
