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!
Leave a Reply