Pixel art je besan u modernim nezavisnim video igrama. Omogućava umjetniku da unese mnogo lika u igru, a da pritom ne mora trošiti bezbroj sati na modeliranje 3D objekata ili ručno crtanje složenih predmeta. Ako želite postati umjetnik piksela, prvi korak je stvaranje sprite. Kad vam bude udobno stvarati sprajtove, možete početi animirati i kupovati svoje vještine potencijalnim poslodavcima.
Koraci
1. dio od 7: Skupljanje alata
Korak 1. Preuzmite neki dobar softver za uređivanje slika
Iako možete stvoriti piksel umjetnost s programom Paint, bit će vam teško. Neki od najpopularnijih programa za umjetnost piksela uključuju:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprite
- pixilart
Korak 2. Nabavite tablet za crtanje
Ako želite pratiti ručno crtanu umjetnost ili vam se ne sviđa korištenje miša za crtanje po ekranu, možete koristiti tablet i olovku. Wacom je jedan od najpopularnijih proizvođača tableta.
Korak 3. Uključite mrežni prikaz u softveru za uređivanje
Morat ćete omogućiti mrežni način rada u bilo kojem softveru koji odaberete. Ovo će vam omogućiti da jasno vidite kuda će svaki piksel otići. Obično možete pristupiti prikazu mreže iz menija Pogled.
Vjerojatno ćete morati konfigurirati mrežu tako da svaki kvadrat predstavlja jedan piksel. Način na koji se to radi razlikuje se od programa do programa. U GIMP -u ovo možete promijeniti u izborniku Slika (odaberite "Konfiguriraj mrežu …")
Korak 4. Odaberite olovku s jednim pikselom
Odaberite alatku Olovka u softveru za uređivanje. U mogućnostima olovke odaberite četkicu s jednim pikselom. Ovo će vam omogućiti crtanje u pojedinačnim pikselima.
2. dio od 7: Vježbanje osnova
Korak 1. Kreirajte novu sliku
Budući da ćete raditi na nivou piksela, veličina slike ne mora biti velika. Cijeli ekran u originalnoj igri Super Mario Bros. ima samo 256 x 224 piksela. Mario je samo 12 x 16 piksela!
Korak 2. Uvećajte prikaz
Budući da ćete raditi s pojedinačnim pikselima, poželjet ćete uvećati prikaz tako da vidite mrežu i mjesto na kojem se nalazi svaki pojedinačni piksel. Možda ćete morati zumirati više od 800% da biste jasno vidjeli piksele u mreži.
Korak 3. Vježbajte crtanje ravne linije
Ovo se može činiti kao jednostavan koncept, ali ako je linija udaljena čak i jedan piksel u sredini, to će biti primjetno. Vježbajte crtanje ravnih linija mišem ili olovkom tako da ne morate svaki put prelaziti na alat za crtanje.
Korak 4. Vježbajte crtanje zakrivljenih linija
Krivulje bi se trebale pojaviti s redovnim prekidima u liniji piksela. Na primjer, dobra krivulja bi započela pauzom od šest piksela, nakon čega bi slijedila pauza od tri piksela, nakon čega bi slijedila pauza od dva piksela, nakon čega bi slijedili pauze od jednog piksela. Prekidi bi se tada preokrenuli kako bi napravili drugi kraj krivulje. Loša krivulja bi započela pauzom od tri piksela, nakon čega bi slijedila pauza od jednog piksela, nakon čega bi slijedila pauza od tri piksela ili bilo koja druga čudna progresija.
Korak 5. Pomoću alata za brisanje ispravite greške
Kao i alatka olovka, gumicu ćete htjeti postaviti tako da briše jedan po jedan piksel. Ako je gumica prevelika, bit će teško izbrisati piksele s preciznošću.
3. dio od 7: Opisivanje vašeg prvog sprita
Korak 1. Odredite upotrebu spritea
Hoće li biti animirani ili statični? Možete unijeti više detalja u statički sprite, ali možda ćete htjeti animirani sprite učiniti jednostavnijim jer ćete morati precrtati dijelove za animaciju. Ako se sprite koristi s drugim sprajtovima, poželjet ćete zadržati umjetnički stil koji povezuje sve zajedno.
Korak 2. Saznajte postoje li ograničenja
Ako kreirate sprite za projekt, utvrdite postoje li ograničenja veličine ili boje. Ovo će biti važnije kada počnete raditi na većim projektima s puno različitih sprajtova.
Većina modernih sistema zapravo nema ograničenja u pogledu veličine spriteta i složenosti boje. Ako razvijate igru posebno za stariji sistem, možda ćete naići na dodatna ograničenja
Korak 3. Skicirajte ga
Pokušajte skicirati osnovni koncept sprajta na komadu papira. To će vam omogućiti da vidite kako će sprajt izgledati i prilagoditi pozu ili druge karakteristike. Ovu skicu možete kasnije koristiti kao izvor praćenja ako imate tablet.
Napravite skicu detaljno. Postavite sve funkcije koje želite uključiti tako da možete osjetiti kako će sprajt izgledati kao gotov proizvod
Korak 4. Kreirajte skicu u svom programu za uređivanje
Ili koristite skicirani nacrt kao referencu ili ga ocrtajte pomoću jastučića. Možete kliknuti i nacrtati da biste stvorili obris ili postaviti svaki piksel zasebno, izbor je vaš.
Kada kreirate svoj prvi sprite, upotrijebite jednobojnu crnu boju kao boju obrisa. To će olakšati razlikovanje. Kasnije možete ručno promijeniti boju obrisa
Korak 5. Očistite obris
Zumirajte i počnite brisati dodatne piksele i popravljati linije. Obris bi trebao biti debljine samo jednog piksela, osim ako za ostatak spritea ne držite deblji obris. Pomoću olovke umetnite piksele kako biste pomogli u ispravljanju grešaka.
Usredotočite se na velike detalje tijekom procesa ocrtavanja. Možete se vratiti i kasnije dodati male dodire
4. dio od 7: Obojite svoj Sprite
Korak 1. Osvrnite se na osnovnu teoriju boja
Pogledajte krug boja kako biste lakše utvrdili koje boje trebate koristiti. Boje jedna nasuprot druge na kotaču bit će vrlo različite, dok će boje u neposrednoj blizini izgledati dobro jedna pored druge.
Odaberite skup boja koje vašem duhu daju osebujan izgled, a da pritom ne budu previše uznemirujuće. Izbjegavajte pastelne boje ako je moguće, osim ako cijeli projekt ne koristi taj stil
Korak 2. Samo upotrijebite nekoliko boja
Što više boje dodate, vaš sprajt će više odvlačiti pažnju. Pogledajte neke od najpoznatijih duhova i vidjet ćete da oni često koriste samo nekoliko boja.
- Mario - Klasični Mario sprite koristi samo tri boje koje su blisko povezane.
- Sonic - Sonic ima više detalja od originalnog Maria, ali je još uvijek sastavljen samo od četiri boje s različitim nijansama.
- Ryu - Jedan od klasičnih sprajtova borbenih igara, Ryu koristi velika područja jednostavnih boja, s laganim zasjenjivanjem za definiciju. Ryu ima pet osnovnih boja s različitim nijansama.
Korak 3. Nanesite boje
Pomoću alata Fill primijenite svoj odabir boje na svoj sprite. U ovom trenutku samo nanosite osnovnu boju, stoga ne brinite o tome kako izgleda ravno. Alat za popunjavanje zamijenit će sve piksele koji odgovaraju pikselu na koji ste kliknuli odabranom bojom, sve dok se ne dosegnu granice.
5. dio od 7: Primjena sjenčanja
Korak 1. Odredite "izvor svjetlosti"
Kut svjetlosti koji pogađa sprite pomoći će vam da odredite gdje ćete primijeniti zasjenjivanje za realniji i uvjerljiviji efekt. Iako zapravo neće biti svjetla, vrlo je važno znati u kojem smjeru svijetli.
Možda je najlakše zasjeniti izvor svjetlosti koji dolazi iz daleka iznad spriteta, bilo s blage desne ili blage lijeve strane
Korak 2. Nanesite sjenčanje pomoću nešto tamnije nijanse osnovne boje
Ako izvor svjetlosti dolazi odozgo, zasjenjivanje bi se trebalo dogoditi na "donjoj strani" sprite. Zasjenite sva područja koja ne bi bila pogođena direktnom svjetlošću. Samo dodajte nekoliko slojeva piksela iznad ili ispod obrisa kako biste dodali zasjenjenje.
- Možete smanjiti "lum" vrijednost vaše osnovne boje i malo povećati vrijednost "hue" da biste dobili dobru boju sjenčanja.
- Nikada ne koristite nagibe. Izgledati će vrlo lažno i neprofesionalno. Možete koristiti dithering za oponašanje nagiba (vidi dolje).
Korak 3. Dodajte neke meke sjene
Odaberite nijansu između tame sjene i izvorne osnovne boje. Koristite ovu nijansu da dodate još jedan sloj sjene između sjenčanja i osnovne boje. Ovo će dati efekat prelaska iz tamnog u svetlo.
Korak 4. Nanesite nekoliko istaknutih dijelova
To su mrlje na sprajtu koje svjetlost najviše pogađa. Isticanja možete dodati pomoću nijanse koja je nešto svjetlija od osnovne boje. Umjereno koristite istaknute stavke jer mogu odvratiti pažnju.
6. dio od 7: Korištenje naprednih tehnika
Korak 1. Pokušajte malo ometati
Ovo je efekt koji omogućava umjetniku da predstavi promjenu u sjeni. Omogućava vam da stvorite efekt gradijenta sa samo nekoliko boja naizmjeničnim postavljanjem piksela za stvaranje prijelaza. Količina i smještaj dvije različite boje piksela u uzorku može zavarati oko da vidi različite nijanse.
Početnici imaju tendenciju prekomjernog korištenja ometanja, stoga pokušajte izbjegavati njegovu upotrebu, osim u rijetkim slučajevima
Korak 2. Vježbajte uklanjanje aliasinga
Pixel art je definiran vidljivim pikselima, ali ponekad želite pomiješati linije kako bi sve izgledalo malo glatko. Anti-aliasing je tehnika koja vam to omogućava.
- Prelomima na krivini dodajte posredničke boje. Dodajte jedan sloj posrednih boja oko obrisa krivulje koji želite ublažiti. Ako i dalje izgleda grubo, dodajte još jedan sloj svjetlije nijanse.
- Ako želite da vaš sprite izgleda svježe na bilo kojoj pozadini u boji, nemojte uklanjati alias vanjski rub obrisa.
Korak 3. Primijenite selektivno ocrtavanje
Ovo je izraz za bojanje konture slične bojama za popunjavanje. Ovo će dati duhovu nešto manje "crtani" izgled, jer će obris biti malo prirodniji. Pokušajte selektivno ocrtati golu kožu dok koristite tradicionalne obrise na odjeći.
- Koristite nijansu tamniju od osnovne boje dijela koji selektivno ocrtavate. Koristite izvor svjetlosti za promjenu nijanse dok ocrtavate, dajući sprajtu prirodniji izgled. Ovo može biti posebno korisno za tonus kože i mišića.
- Tradicionalno ocrtavanje dobro je ako vam je potreban vaš duh da ostane prepoznatljiv na pozadini zaposlenosti.
Dio 7 od 7: Dodavanje završnih detalja
Korak 1. Dobro pogledajte sprajt
Napravite korak unatrag i pogledajte svog duha do ove tačke. Utvrdite izgleda li nešto, a zatim ispravite te nedosljednosti ili greške.
Korak 2. Dodajte detalje
Nakon što završite bojanje i zasjenjivanje, možete dodati detalje kao što su pisanje, oči, dodatne značajke i sve ostalo što bi vaš sprajt moglo podići na viši nivo. Pažnja prema detaljima na kraju razlikuje amaterske od profesionalnih piksela.
Korak 3. Animirajte svoj sprite
Ako ste slijedili gore navedene korake, imat ćete jedan statički sprite. Ovo je u redu kao umjetničko djelo, ali ako želite napraviti sprite za igre, vjerojatno će ih trebati animirati. To znači da će svaki okvir animacije morati imati vlastiti sprite, s malim promjenama u odnosu na prethodni okvir. Zbirka svih sprajtova korištenih u animaciji naziva se "sprite list".
- Pogledajte ovaj vodič za detalje o animaciji sprite lista u GIMP -u.
- Stvaranje jedinstvenih i atraktivnih animacija za duhove jedan je od načina na koji se majstori piksela odvajaju od amatera. Dobra animacija može udahnuti duh života duhu.
Korak 4. Kreirajte portfolio
Ako želite unijeti svoje umjetnosti piksela u svijet razvoja video igara, poželjet ćete imati solidan portfelj koji ćete pokazati potencijalnim poslodavcima. Uključite nekoliko svojih najboljih sprajtova, kao i neke animacije ako ih imate. Uključite različite teme, uključujući likove, scenografiju, rekvizite i još mnogo toga.
