Pikselitaide on raivoa nykyaikaisissa itsenäisissä videopeleissä. Sen avulla taiteilija voi antaa paljon luonnetta peliin ilman, että hänen tarvitsee viettää lukemattomia tunteja 3D-esineiden mallintamiseen tai käsin piirtämiseen monimutkaisista aiheista. Jos haluat tulla pikselitaiteilijaksi, ensimmäinen askel on luoda sprite. Kun olet valmis luomaan spritejä, voit alkaa animoida ja ostaa taitojasi mahdollisille työnantajille.
Askeleet
Osa 1/7: Työkalujen kokoaminen
Vaihe 1. Lataa hyvä kuvankäsittelyohjelmisto
Vaikka voit luoda pikselitaidetta Paintin avulla, se on vaikeaa. Jotkut suosituimmista pikselitaideohjelmista ovat:
- Photoshop
- Paint.net
- LINKUTTAA
- Pixen
- Aseprite
- pikseli
Vaihe 2. Hanki piirtotabletti
Jos haluat jäljittää käsin piirrettyä taidetta tai et todellakaan halua käyttää hiirtä piirtämiseen ruudulle, voit käyttää tablettia ja kynää. Wacom on yksi suosituimmista tablettivalmistajista.
Vaihe 3. Ota ruudukkonäkymä käyttöön muokkausohjelmistossasi
Haluat ottaa ristikkotilan käyttöön valitsemassasi ohjelmistossa. Näin voit nähdä selvästi, mihin kukin pikseli menee. Voit yleensä käyttää ruudukkonäkymää Näytä -valikosta.
Sinun on todennäköisesti määritettävä ruudukko siten, että jokainen neliö edustaa yhtä pikseliä. Tapa tehdä tämä vaihtelee ohjelmasta toiseen. GIMP: ssä voit muuttaa tätä Kuva -valikosta (valitse "Määritä ruudukko …")
Vaihe 4. Valitse yhden pikselin kynä
Valitse kynä -työkalu muokkausohjelmistostasi. Valitse lyijykynän asetuksista yhden pikselin harja. Tämän avulla voit piirtää yksittäisiä pikseleitä.
Osa 2/7: Perusteiden harjoittelu
Vaihe 1. Luo uusi kuva
Koska aiot työskennellä pikselitasolla, kuvan koon ei tarvitse olla suuri. Alkuperäisen Super Mario Bros. -pelin koko näyttö on vain 256 x 224 pikseliä. Mario itse on vain 12 x 16 pikseliä!
Vaihe 2. Lähennä
Koska aiot työskennellä yksittäisten pikselien kanssa, haluat zoomata hyvin pitkälle, jotta näet ruudukon ja kunkin yksittäisen pikselin sijainnin. Sinun on ehkä lähennettävä yli 800% nähdäksesi ruudukon pikselit selvästi.
Vaihe 3. Harjoittele suoran viivan piirtämistä
Tämä voi tuntua yksinkertaiselta käsitteeltä, mutta jos viiva on jopa yhden pikselin päässä keskeltä, se on havaittavissa. Harjoittele suorien viivojen piirtämistä hiirellä tai kynällä, jotta sinun ei tarvitse vaihtaa viivatyökaluun joka kerta.
Vaihe 4. Harjoittele kaarevien viivojen piirtämistä
Käyrien tulisi esiintyä pikseliviivan säännöllisin väliajoin. Esimerkiksi hyvä käyrä alkaisi kuuden pikselin tauolla, jota seuraa kolmen pikselin tauko, jota seuraa kahden pikselin tauko, jota seuraa yhden pikselin tauko. Tauot kääntyisivät toisin päin muodostaen käyrän toisen pään. Huono käyrä alkaisi kolmen pikselin tauolla, jota seurasi yhden pikselin tauko, jota seuraa kolmen pikselin tauko tai mikä tahansa muu outo eteneminen.
Vaihe 5. Korjaa virheet poistotyökalulla
Kynätyökalun tavoin haluat asettaa pyyhekumin pyyhkimään yhden pikselin kerrallaan. Jos pyyhekumi on liian suuri, pikselien poistaminen tarkasti on vaikeaa.
Osa 3/7: Ensimmäisen Sprite -hahmotelmasi
Vaihe 1. Määritä spriten käyttö
Onko se animoitu vai staattinen? Voit lisätä yksityiskohtia staattiseen sprite -tilaan, mutta haluat ehkä pitää animoidun sprite -järjestelmän yksinkertaisena, koska joudut piirtämään animaation osat uudelleen. Jos spriteä käytetään muiden spritien kanssa, haluat säilyttää taiteellisen tyylin, joka yhdistää kaiken yhteen.
Vaihe 2. Selvitä, onko rajoituksia
Jos olet luomassa spriteä projektille, selvitä, onko koko- tai värirajoituksia. Tämä on tärkeämpää, kun aloitat työskentelyn suurempien projektien parissa, joissa on paljon eri alueita.
Useimmilla nykyaikaisilla järjestelmillä ei oikeastaan ole rajoituksia sprite -koolle ja värien monimutkaisuudelle. Jos kehität peliä erityisesti vanhempaa järjestelmää varten, saatat kohdata lisää rajoituksia
Vaihe 3. Piirrä se
Yritä luonnostaa spriten peruskäsite paperille. Näin voit nähdä, miltä sprite näyttää ja tehdä muutoksia asentoon tai muihin ominaisuuksiin. Voit käyttää tätä luonnosta seurannan lähteenä myöhemmin, jos sinulla on tabletti.
Tee luonnoksesta yksityiskohtainen. Sijoita kaikki ominaisuudet, jotka haluat sisällyttää, jotta saat käsityksen siitä, miltä sprite näyttää valmiina tuotteena
Vaihe 4. Luo ääriviivat muokkausohjelmaan
Käytä joko luonnosteltua ääriviivaa viitteenä tai jäljitä ääriviivat käyttämällä tyynyäsi. Voit luoda ääriviivat napsauttamalla ja piirtämällä tai sijoittaa jokaisen pikselin erikseen, valinta on sinun.
Kun luot ensimmäistä spriteäsi, käytä ääriviivavärinä yksiväristä mustaa. Tämä helpottaa erottamista. Voit muuttaa ääriviivojen väriä manuaalisesti myöhemmin
Vaihe 5. Puhdista ääriviivat
Lähennä ja aloita ylimääräisten pikselien ja kiinnitysviivojen poistaminen. Ääriviivojen tulisi olla vain yhden pikselin paksuisia, ellet pidä paksumpaa ääriviivaa muille spriteille. Käytä Pencil -työkalua pikselien lisäämiseen virheiden korjaamiseksi.
Keskity suuriin yksityiskohtiin luonnosteluprosessin aikana. Voit palata takaisin ja lisätä pieniä yksityiskohtia myöhemmin
Osa 4/7: Spriten väritys
Vaihe 1. Harjoittele perusväriteoriaa
Katso väripyörää auttaaksesi määrittämään, mitä värejä sinun pitäisi käyttää. Pyörän värit vastakkain ovat hyvin selkeitä, kun taas lähellä olevat värit näyttävät hyviltä vierekkäin.
Valitse joukko värejä, jotka antavat spriteillesi erottuvan ilmeen olematta liian häikäiseviä. Vältä pastellivärejä, jos mahdollista, ellei koko projekti käytä tätä tyyliä
Vaihe 2. Käytä vain muutamaa väriä
Mitä enemmän väriä lisäät, sitä häiritsevämpi sprite näyttää. Katso joitain ikonisimmista spriteistä ja huomaat, että ne käyttävät usein vain muutamaa väriä.
- Mario - Klassinen Mario sprite käyttää vain kolmea väriä, jotka kaikki liittyvät läheisesti toisiinsa.
- Sonic - Sonicissa on enemmän yksityiskohtia kuin alkuperäisessä Mariossa, mutta se koostuu silti vain neljästä väristä, joiden sävyt vaihtelevat.
- Ryu - Yksi klassisista taistelupelien spriiteistä, Ryu käyttää suuria yksinkertaisten värien alueita, joiden varjostus on pieni. Ryussa on viisi perusväriä eri sävyillä.
Vaihe 3. Käytä värejäsi
Käytä täyttötyökalua soveltaaksesi värivaihtoehtojasi spriteisi. Käytät vain perusväriä tässä vaiheessa, joten älä välitä siitä, kuinka tasainen se näyttää. Täyttö -työkalu korvaa kaikki valitsemasi värin napsauttamaa pikseliä vastaavat pikselit, kunnes rajat saavutetaan.
Osa 5/7: Varjostus
Vaihe 1. Määritä "valonlähde"
Valon osuma kulmaan spriteen avulla auttaa sinua määrittämään, mihin varjostus asetetaan realistisemman ja uskottavamman vaikutuksen saamiseksi. Vaikka valoa ei todellakaan tule, valon palamissuunnan tunteminen on erittäin tärkeää.
Voi olla helpointa varjostaa valonlähteellä, joka tulee kaukaa spriten yläpuolelta, joko hieman oikealta tai lievästi vasemmalta
Vaihe 2. Levitä varjostus käyttämällä hieman tummempaa perusväriä
Jos valonlähde tulee ylhäältä, varjostuksen tulisi tapahtua spriten "alapuolella". Varjoa alueet, joihin suora valo ei osu. Lisää varjostus lisäämällä vain muutama kerros pikseliä ääriviivojen ylä- tai alapuolelle.
- Voit pienentää perusvärisi "lum" -arvoa ja lisätä hieman "hue" -arvoa saadaksesi hyvän varjostusvärin.
- Älä koskaan käytä kaltevuuksia. Ne näyttävät erittäin väärennöksiltä ja epäammattimaisilta. Voit käyttää ditheringiä kaltevuuksien jäljittelemiseen (katso alla).
Vaihe 3. Lisää pehmeitä varjoja
Valitse sävy varjon pimeyden ja alkuperäisen perusvärin väliltä. Käytä tätä sävyä lisätäksesi toisen varjokerroksen varjostuksen ja perusvärin väliin. Tämä antaa vaikutuksen siirtymisestä pimeästä valoon.
Vaihe 4. Käytä muutamia kohokohtia
Nämä ovat sprite -pisteitä, joihin valo kohdistuu eniten. Voit lisätä korosteita käyttämällä sävyä, joka on hieman vaaleampi kuin perusväri. Käytä kohokohtia säästeliäästi, koska ne voivat häiritä.
Osa 6/7: Kehittyneiden tekniikoiden käyttö
Vaihe 1. Kokeile dittering
Tämä on vaikutus, jonka avulla taiteilija voi edustaa varjon muutosta. Sen avulla voit luoda kaltevuusvaikutelman vain muutamalla värillä vaihtamalla pikselien sijoittelua siirtymien luomiseksi. Kahden eri pikselivärin määrä ja sijoittelu kuvioon voivat huijata silmiä näkemään eri sävyjä.
Aloittelijat käyttävät liikautumista liikaa, joten yritä välttää sen käyttöä paitsi harvoissa tapauksissa
Vaihe 2. Käytä anti-aliasingia
Pikselitaide määritellään havaittavilla pikseleillä, mutta joskus haluat sekoittaa linjat, jotta kaikki näyttää hieman tasaisemmalta. Anti-aliasing on tekniikka, jonka avulla voit tehdä tämän.
- Lisää värejä käyrän mutkille. Lisää yksi kerros värejä käyrän ääriviivojen ympärille, joita haluat pehmentää. Jos se näyttää edelleen karkealta, lisää toinen kerros vaaleampaa sävyä.
- Jos haluat, että sprite näyttää raikkaalta millä tahansa taustalla, älä peitä ääriviivojen ulkoreunaa.
Vaihe 3. Käytä valikoivaa ääriviivaa
Tämä on termi ääriviivojen värjäämiseksi samalla tavalla kuin täytteen värit. Tämä antaa spriteille hieman vähemmän "sarjakuvamaisen" ilmeen, koska ääriviivat ovat hieman luonnollisempia. Kokeile valikoivaa ääriviivoja paljaalle iholle samalla kun käytät perinteisiä ääriviivoja vaatteissa.
- Käytä sävyä, joka on tummempi kuin valitsemasi osan perusväri. Käytä valonlähdettä muuttaaksesi sävyä ääriviivoja tehdessäsi, jolloin sprite saa luonnollisemman ilmeen. Tämä voi olla erityisen hyödyllistä ihon ja lihasten sävyille.
- Perinteiset ääriviivat ovat hyviä, jos tarvitset sprintisi pysyäksesi erottuva kiireisen taustan päällä.
Osa 7/7: Viimeistelyn lisääminen
Vaihe 1. Katso spriteä kunnolla
Ota askel taaksepäin ja katso spriteäsi tähän asti. Selvitä, näyttääkö jokin siltä, ja korjaa sitten epäjohdonmukaisuudet tai virheet.
Vaihe 2. Lisää tietoja
Kun olet lopettanut värityksen ja varjostamisen, voit lisätä yksityiskohtia, kuten kirjoittamisen, silmät, lisäominaisuudet ja kaiken muun, joka voi nostaa sprintisi seuraavalle tasolle. Loppuun kiinnitetty huomiota yksityiskohtiin erottaa amatöörit ammattimaisista pikselitaiteilijoista.
Vaihe 3. Animoi sprite
Jos olet noudattanut yllä olevia ohjeita, sinulla on yksi staattinen sprite. Tämä on hieno taideteos, mutta jos haluat tehdä spritejä peleille, ne on todennäköisesti animoitava. Tämä tarkoittaa, että jokaisella animaatiokehyksellä on oltava oma sprite, pieniä muutoksia edelliseen kehykseen verrattuna. Animaatiossa käytettyjen spritejen kokoelmaa kutsutaan "sprite sheetiksi".
- Katso tästä oppaasta lisätietoja sprite -arkin animoimisesta GIMP: ssä.
- Ainutlaatuisten ja houkuttelevien animaatioiden luominen spriteille on yksi tapa, jolla pikselitaiteilijat erottuvat amatööreistä. Hyvä animaatio voi hengittää spriteen tonniin elämää.
Vaihe 4. Luo portfolio
Jos haluat viedä pikselitaiteen osaamisesi videopelien kehittämisen maailmaan, sinulla on oltava vankka portfolio, jota voit esitellä mahdollisille työnantajille. Sisällytä useita parhaita spritejäsi ja joitakin animaatioita, jos niitä on. Sisällytä erilaisia aiheita, mukaan lukien hahmot, maisemat, rekvisiitta ja paljon muuta.