Articles

a Basic Sprite Tutorial

tässä on perusohje siitä, miten voit muuttaa piirustuksesi pikselitaiteeksi käyttämällä joitakin Photoshop-tai GIMP-temppuja.

Vaihe 1: piirros

huomaa, miten naamion yksityiskohtia ei ole ja miten kädet ovat mukavat ja yksinkertaiset

tabletti on mukava saada piirtämään suoraan Photoshopin kaltaiseen taideohjelmaan. Muussa tapauksessa skannaa piirros raskailla kynillä tai musteviivoilla. Jos haluat matkia tiettyä pelityyliä, käytä suurennettua spriteä viitteenä kehon mittasuhteille ja leveydelle (jota en valitettavasti tehnyt tässä sketsissä). Pidä tiedot minimissä, jotta et sotkua asioita, kun kutistat sitä.

aika: vaihtelee

Vaihe 2: koon muuttaminen

älä muuta kokoa rajoitetuilla mittasuhteilla – venytä ja squashia kohteen mittasuhteisiin

Etsi kopioitavan kokoinen (tai pose) sprite. Kutistaa piirustus alas ja samanaikaisesti tehdä se niin leveä kuin se on ottelu, jos et toimi sitä vaiheessa 1. Huomaa, että tässä sketsissä Haluan suunnilleen saman korkuisen, mutta hieman leveämmän.

aika: 30 sekuntia

Vaihe 3: teroitus

käytä Photoshopin tai Gimpin Kynnystyökalua säästääksesi itsellesi tonnin puhdistusaikaa

Yhdistä kerros uudelleen kootulla viivalla kerrokselle, jolla on vankka valkoinen tausta. Siirry kuvaan > säädöt > kynnys Photoshopissa tai vastaava GIMPISSÄ ohentamaan rivistö puhtaisiin mustavalkoisiin pikseleihin. Varmista, että olet zoomattu lähelle nähdäksesi Pikselit parhaiten. Pidä kaikki alkuperäiset yksityiskohdat mahdollisimman ymmärrettävinä, joten sinun ei tarvitse viitata edestakaisin alkuperäiseen piirustukseesi liian usein.
Tämä vaihe tekee viivojen puhdistamisesta ja värien täyttämisestä helppoa ja säästää ton aikaa käsin puhdistamiseen.

aika: 10 Sekuntia

Vaihe 4: Puhdistus

terävöittää ääriviivoja, kunnes ne ovat 1 pikselin levyisiä. Älä pelkää rikkoa joitakin ääriviivoja, äläkä huolehdi hienommista yksityiskohdista vielä

tee kerros vain viivoille (poista kaikki valkoiset). Zoomaa ja siivoa ääriviivat. Jos aiot rikkoa rajoja, tämä on oikea paikka. Se ei ole aika työskennellä hienoja yksityiskohtia vielä (jälleen, naamio ja kädet) – vain alkaa antaa itsellesi ankkurit väritys. Kun olet valmis, Lukitse kerros.

aika: 10-20 minuuttia

Vaihe 5: Fill-tool Flat

Tasavärit täytetään – tällöin varjon värit

täytä tasavärit viivojen alla olevalle kerrokselle. Treenaa asun yksityiskohtia yms, mutta älä tee varjostuksia. Valo lisätään jälkeen. Tämä vaihe todella antaa spriting ’sarjakuva tuotanto’ tuntuu. Erityistä huomiota: jotkut ihmiset haluavat käyttää valon alueen värejä niiden asuntoja, sitten lisäämällä varjot jälkeen. Tämä tuottaa erilaisen lopputuloksen, joten kokeile.

aika: 2 tai 3 minuuttia

Vaihe 6: Varjostus

säästää aikaa ja saa hyviä värejä käyttämällä valkoista päällekkäin asetetuissa kerroksissa kirkastamaan varjokerroksia

juuri nyt on kerros viivoille ja kerros tasoille. Tässä kohtaa Photoshop säästää paljon aikaa. Aseta kaksi kerrosta viivojen ja tasojen väliin. Vaihda ne päällekkäin tyyli ja tehdä ylempi yksi 50% peittävyys. Valitse 1 tai 2 pikselin kynä ja ala laskea joitakin valkoisia. Välitön Valaistus värien läpi.
Huom: neulo ensin 100% opasiteettikerros. Kun sinulla on varjostus alaspäin siitä, miten pidät siitä, Käytä magic want-työkalua valitaksesi ei-valkoiset alueet. Sitten siirtyä 50% kerros puolivälissä varjostus (piilottamisen jälkeen sauvan marssivat muurahaiset). Et halua, että kaksi kerrosta limittyvät valkoisiin tai saat ylimääräisiä kohokohtia.

aika: 30-90 minuuttia

Vaihe 7: Varjostustarkistus

Tarkista varjostustesi yksityiskohdat renderöimällä harmaasävyiseksi ja poistamalla värihäiriöt

joskus tarvitset tuoreita silmiä tarkistaaksesi, että sait varjostuksen oikein.
tältä kerrostesi pitäisi näyttää-flats filled w/ black on mitä lisäämme juuri nyt. Kopioi flats-taso, lukitse se, täytä se mustalla (Edit > Fill). Vaihda sitten kaksi valkoista kerrosta päällekkäin normaaliksi. Sinun pitäisi tajuta tämä:

en todellakaan keksi parempaa tapaa testata varjostusta kuin ottaa pois kaikki häiritsevä asuväri ja rampata se maksimaaliseen kontrastiin. Se on helpoin tapa löytää pieniä asioita, jotka eivät näytä oikealta, tai jopa suuria asioita, joita olit liian keskittynyt huomataksesi. Mikä parasta, korjaus on vain asia vahvistamisesta valkoiset – ei muuttaa jokaista väriä. Kokeile myös mustalla taustalla.
Hmm. Katson vielä vasenta kättä, ennen kuin olen valmis.

aika: 90 sekuntia tarkistukseen; vaihtelee korjausten osalta

Vaihe 8: Väriviivat

sopivat ääriviivojen tummuuden muuhun varjostukseen

nyt kun ne ovat tehneet B&w työn päällekkäisenä vaiheessa 7, on aika ääriviivojen saada värilliset sisään ja antialiased valoisilla alueilla. Niiden kerrokset ’Lukko’, sen pitäisi olla helppoa. Muista aina: työskentele tummavärisillä (mutta ei puhtaanmustilla) taustoilla, kun teet ääriviivoja. Se auttaa antialiasointia.

aika: 30-60 minuuttia

Vaihe 9: Details & Cleanups

Viimeistele tarkemmat yksityiskohdat

Tämä on ”alatyylivaihe”. * Saada värit juuri oikeaan (Overlay todella tekee melko hyvää työtä väritys) * lisää vaikea-To-pixel yksityiskohtia (kolmio maski, siniset viivat ympärillä käsine reunat, jne) *loppuun hienovaraisia yksityiskohtia tallennit nyt (kädet) *Viime kiertää virheitä. Huomaa, että ”unohdin” hänen keltaiset saappaat-mutta tämä prosessi, se on vain kysymys lisäämällä keltainen tasainen kerros. Se on valmiiksi varjostettu!