Pixel art bijesan je u modernim neovisnim video igrama. Omogućuje umjetniku da unese mnogo lika u igru, a da ne mora potrošiti nebrojeno 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 duhove, 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 s Paintom možete stvarati umjetnost piksela, bit će vam teško. Neki od najpopularnijih programa za umjetnost piksela uključuju:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprit
- pixilart
Korak 2. Uzmite 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 upotrijebiti 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. To će vam omogućiti da jasno vidite kamo će svaki piksel otići. Obično možete pristupiti mrežnom prikazu s izbornika Pogled.
Vjerojatno ćete morati konfigurirati rešetku tako da svaki kvadrat predstavlja jedan piksel. Način na koji se to radi razlikuje se od programa do programa. U GIMP -u to možete promijeniti na izborniku Slika (odaberite "Konfiguriraj mrežu …")
Korak 4. Odaberite olovku s jednim pikselom
Odaberite alat Olovka u softveru za uređivanje. U mogućnostima olovke odaberite četku s jednim pikselom. To će vam omogućiti crtanje pojedinačnih piksela.
2. dio od 7: Vježbanje osnova
Korak 1. Izradite novu sliku
Budući da ćete raditi na razini piksela, veličina slike ne mora biti velika. Cijeli zaslon u originalnoj igri Super Mario Bros. ima samo 256 x 224 piksela. Mario je samo 12 x 16 piksela!
Korak 2. Povećajte prikaz
Budući da ćete raditi s pojedinačnim pikselima, poželjet ćete uvećati prikaz tako da možete vidjeti rešetku i mjesto na kojem je postavljen 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 crte
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 kako ne biste morali svaki put prelaziti na alat za crtanje.
Korak 4. Vježbajte crtanje zakrivljenih linija
Krivulje bi se trebale pojaviti s redovitim prekidima u liniji piksela. Na primjer, dobra krivulja bi započela prekidom od šest piksela, nakon čega bi slijedila pauza od tri piksela, nakon čega bi slijedila pauza od dva piksela, a zatim pauze od jednog piksela. Prekidi bi se tada preokrenuli kako bi napravili drugi kraj krivulje. Loša krivulja započela bi prekidom 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 pogreške
Poput alata olovka, gumicu ćete htjeti postaviti tako da briše jedan po jedan piksel. Ako je gumica za brisanje 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, htjet ćete zadržati umjetnički stil koji povezuje sve zajedno.
Korak 2. Saznajte postoje li ograničenja
Ako stvarate sprite za projekt, utvrdite postoje li ograničenja veličine ili boje. To će biti važnije kada počnete raditi na većim projektima s puno različitih sprajtova.
Većina modernih sustava zapravo nema ograničenja u pogledu veličine spriteta i složenosti boje. Ako razvijate igru posebno za stariji sustav, možda ćete naići na dodatna ograničenja
Korak 3. Skicirajte ga
Pokušajte skicirati osnovni koncept sprite na komadu papira. To će vam omogućiti da vidite kako će sprite 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 značajke koje želite uključiti tako da možete osjetiti kako će sprite izgledati kao gotov proizvod
Korak 4. Izradite obris u programu za uređivanje
Ili upotrijebite skicirani okvir 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š.
Prilikom izrade svog prvog spritea koristite 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 imati debljinu od samo jednog piksela, osim ako za ostatak spritea ne držite deblji obris. Pomoću olovke umetnite piksele kako biste ispravili pogreške.
Usredotočite se na velike detalje tijekom procesa ocrtavanja. Možete se vratiti i kasnije dodati male dodire
4. dio od 7: Bojanje vašeg Sprita
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 uz drugu.
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 sve blisko povezane.
- Sonic - Sonic ima više detalja od izvornog Maria, ali se još uvijek sastoji samo od četiri boje s različitim nijansama.
- Ryu - Jedan od klasičnih spritova 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 svoje 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 Fill zamijenit će sve piksele koji odgovaraju pikselu na koji ste kliknuli odabranom bojom, sve dok se ne dosegnu granice.
5. dio od 7: Primjena zasjenjivanja
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 učinak. Iako svjetla zapravo neće biti, vrlo je važno znati u kojem smjeru svijetli.
Možda će biti najlakše zasjeniti izvor svjetla koji dolazi iz daleka iznad spriteta, 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 izravnom svjetlošću. Samo dodajte nekoliko slojeva piksela iznad ili ispod obrisa da biste dodali zasjenjenje.
- Možete smanjiti "lum" vrijednost vaše osnovne boje i malo povećati vrijednost "hue" kako biste dobili dobru boju zasjenjenja.
- Nikada ne koristite nagibe. Izgledat će vrlo lažno i neprofesionalno. Možete koristiti dithering za oponašanje nagiba (vidi dolje).
Korak 3. Dodajte meke sjene
Odaberite nijansu između tame sjene i izvorne osnovne boje. Pomoću ove nijanse dodajte još jedan sloj sjene između sjenčanja i osnovne boje. To će dati učinak prijelaza iz tamnog u svijetlo.
Korak 4. Nanesite nekoliko istaknutih dijelova
To su mrlje na sprajtu koje svjetlost najviše pogađa. Istaknute fotografije 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 ukočiti
Ovo je učinak koji umjetniku omogućuje predstavljanje promjene u sjeni. Omogućuje vam stvaranje efekta 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 ga pokušajte izbjegavati, osim u rijetkim slučajevima
Korak 2. Vježbajte uklanjanje aliasinga
Pixel art definiran je uočljivim pikselima, ali ponekad želite pomiješati linije kako bi sve izgledalo pomalo glatko. Anti-aliasing je tehnika koja vam to omogućuje.
- Prelomima na krivulji 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 obrisa sličan bojama za popunjavanje. Tako će sprite dobiti 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. Upotrijebite izvor svjetla za promjenu nijanse dok ocrtavate, dajući sprajtu prirodniji izgled. To može biti osobito korisno za tonus kože i mišića.
- Tradicionalno ocrtavanje dobro je ako vam je potreban vaš duh kako biste ostali prepoznatljivi na vrhu zaposlene pozadine.
Dio 7 od 7: Dodavanje završnih detalja
Korak 1. Dobro pogledajte sprite
Napravite korak unatrag i pogledajte svog duha do ove točke. Odredite izgleda li nešto, a zatim ispravite te nedosljednosti ili pogreške.
Korak 2. Dodajte pojedinosti
Nakon što završite s bojanjem i zasjenjivanjem, možete dodati detalje poput pisanja, očiju, dodatnih značajki i svega ostalog što bi vaš sprajt moglo podići na višu razinu. 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 dušu života duhu.
Korak 4. Izradite portfelj
Želite li svoje umjetnosti piksela unijeti u svijet razvoja videoigara, htjet ć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.