Pixel art er alt raseri i moderne uavhengige videospill. Det lar artisten formidle mye karakter til et spill uten å måtte bruke utallige timer på å modellere 3D-objekter eller håndtegne komplekse emner. Hvis du vil bli en pixelartist, er det første trinnet å lage en sprite. Når du er komfortabel med å lage sprites, kan du begynne å animere og handle ferdighetene dine til potensielle arbeidsgivere.
Trinn
Del 1 av 7: Samle verktøyene dine
Trinn 1. Last ned noen gode bilderedigeringsprogrammer
Selv om du kan lage pikselkunst med Paint, kommer du til å synes det er vanskelig. Noen av de mest populære pixel art -programmene inkluderer:
- Photoshop
- Paint.net
- GIMP
- Pixen
- Aseprite
- pixilart
Trinn 2. Få et tegnebrett
Hvis du vil spore håndtegnet kunst eller ikke liker å bruke musen til å tegne på skjermen, kan du bruke et nettbrett og en pekepenn. Wacom er en av de mest populære nettbrettprodusentene.
Trinn 3. Slå på rutenettvisning i redigeringsprogramvaren
Du vil aktivere rutenettet i hvilken programvare du enn velger. Dette vil tillate deg å se tydelig hvor hver piksel vil gå. Du får vanligvis tilgang til rutenettvisningen fra Vis -menyen.
Du må sannsynligvis konfigurere rutenettet slik at hver firkant representerer en piksel. Metoden for å gjøre dette varierer fra program til program. I GIMP kan du endre dette fra Bilde -menyen (velg "Konfigurer rutenett …")
Trinn 4. Velg en blyant med én piksel
Velg blyantverktøyet i redigeringsprogramvaren. Velg blyanten med én piksel i blyantens alternativer. Dette lar deg tegne i enkeltpiksler.
Del 2 av 7: Øve det grunnleggende
Trinn 1. Lag et nytt bilde
Siden du skal jobbe med pikselnivået, trenger bildestørrelsen ikke å være stor. Hele skjermen i det originale Super Mario Bros. -spillet er bare 256 x 224 piksler. Mario selv er bare 12 x 16 piksler!
Trinn 2. Zoom inn
Siden du skal jobbe med individuelle piksler, vil du zoome veldig langt inn slik at du kan se rutenettet og hvor hver enkelt piksel er plassert. Du må kanskje zoome inn over 800% for å tydelig se pikslene i rutenettet.
Trinn 3. Øv på å tegne en rett linje
Dette kan virke som et enkelt konsept, men hvis linjen er enda en piksel av i midten, vil det være merkbart. Øv på å tegne rette linjer med musen eller pennen, slik at du ikke trenger å bytte til linjeverktøyet hver gang.
Trinn 4. Øv på å tegne buede linjer
Kurver bør forekomme med vanlige brudd i piksellinjen. For eksempel vil en god kurve starte med en seks-piksel paus, etterfulgt av en piksel på tre piksler, etterfulgt av en piksel på to piksler, etterfulgt av piksler på en piksel. Pausene ville deretter reversere for å gjøre den andre enden av kurven. En dårlig kurve ville begynne med en trepikslers pause, etterfulgt av en pikselbrudd, etterfulgt av en trepikslers pause eller annen merkelig progresjon.
Trinn 5. Bruk sletteverktøyet for å fikse feil
I likhet med blyantverktøyet, vil du sette viskelæret til å slette en piksel om gangen. Hvis viskelæret er for stort, vil det være vanskelig å slette piksler med presisjon.
Del 3 av 7: Oversikt over din første sprite
Trinn 1. Bestem spriteens bruk
Blir det animert eller statisk? Du kan legge inn flere detaljer i en statisk sprite, men du vil kanskje beholde en animert sprite enklere siden du må tegne deler for animasjonen på nytt. Hvis sprite skal brukes med andre sprites, vil du beholde en kunstnerisk stil som forbinder alt sammen.
Trinn 2. Finn ut om det er noen begrensninger
Hvis du oppretter sprite for et prosjekt, må du avgjøre om det er noen størrelses- eller fargebegrensninger. Dette vil være viktigere når du begynner å jobbe med større prosjekter med mange forskjellige sprites.
De fleste moderne systemer har egentlig ingen begrensninger på sprite størrelse og fargekompleksitet. Hvis du utvikler et spill spesielt for et eldre system, kan du støte på flere begrensninger
Trinn 3. Skiss det ut
Prøv å skissere det grunnleggende konseptet for sprite på et stykke papir. Dette vil tillate deg å se hvordan spriten vil se ut og gjøre justeringer av posituren eller andre egenskaper. Du kan bruke denne skissen som kilde til sporing senere hvis du har et nettbrett.
Gjør skissen detaljert. Plasser alle funksjonene du vil inkludere, slik at du kan få en følelse av hvordan sprite vil se ut som et ferdig produkt
Trinn 4. Lag oversikten i redigeringsprogrammet
Bruk enten den skisserte konturen som en referanse eller spor omrisset med puten. Du kan enten klikke og tegne for å lage konturen eller plassere hver piksel individuelt, valget er ditt.
Når du lager din første sprite, bruk solid svart som konturfarge. Dette vil gjøre det enkelt å skille. Du kan endre fargen på omrisset manuelt senere
Trinn 5. Rydd opp omrisset
Zoom inn og begynn å slette ekstra piksler og fikse linjer. Oversikten skal bare være en piksel tykk, med mindre du beholder en tykkere kontur for resten av spriten. Bruk blyantverktøyet til å sette inn piksler for å fikse feil.
Fokuser på de store detaljene under skisseprosessen. Du kan gå tilbake og legge til de små innslagene senere
Del 4 av 7: Coloring Your Sprite
Trinn 1. Pusse opp grunnleggende fargelære
Se på fargehjulet for å finne ut hvilke farger du bør bruke. Farger på tvers av hverandre på hjulet vil være veldig forskjellige, mens farger i umiddelbar nærhet vil se bra ut ved siden av hverandre.
Velg et sett med farger som gir spriten din et særegent utseende uten å være for skurrende. Unngå pastellfarger hvis mulig, med mindre hele prosjektet bruker den stilen
Trinn 2. Bare bruk noen få farger
Jo mer farge du legger til, desto mer distraherende vil spriten din se ut. Ta en titt på noen av de mest ikoniske sprittene, og du vil finne at de ofte bare bruker noen få farger.
- Mario - Den klassiske Mario sprite bruker bare tre farger som alle er nært beslektet.
- Sonic - Sonic har flere detaljer enn den opprinnelige Mario, men består fortsatt bare av fire farger med varierende nyanser.
- Ryu - En av de klassiske kampspillene, Ryu bruker store områder med enkle farger, med liten skygge for definisjon. Ryu har fem grunnfarger med forskjellige nyanser.
Trinn 3. Påfør fargene dine
Bruk fyllingsverktøyet for å bruke fargevalgene dine på sprite. Du bruker bare grunnfarge på dette tidspunktet, så ikke bekymre deg for hvor flatt det ser ut. Fyllverktøyet vil erstatte alle pikslene som samsvarer med pikselet du klikket med fargen du har valgt, til grensene er nådd.
Del 5 av 7: Påføring av skyggelegging
Trinn 1. Bestem "lyskilden"
Vinkelen som lyset treffer spriten vil hjelpe deg med å bestemme hvor du skal bruke skyggelegging for en mer realistisk og troverdig effekt. Selv om det ikke kommer til å være et lys, er det veldig viktig å vite retningen lyset skinner.
Det kan være lettest å skygge med lyskilden som kommer langt borte over sprite, enten fra svakt høyre eller svakt venstre
Trinn 2. Påfør skyggelegging med en litt mørkere nyanse av grunnfargen
Hvis lyskilden kommer ovenfra, bør skyggen skje på "undersiden" av spriten. Skygge alle områder som ikke ville bli rammet av direkte lys. Bare legg til noen lag med piksler over eller under omrissene for å legge til skygge.
- Du kan redusere "lum" -verdien til grunnfargen din og øke "fargetone" -verdien litt for å få en god skyggefarge.
- Bruk aldri gradienter. De vil se veldig falske og uprofesjonelle ut. Du kan bruke dithering for å etterligne gradienter (se nedenfor).
Trinn 3. Legg til noen myke skygger
Velg en nyanse mellom mørkheten i skyggen og den opprinnelige grunnfargen. Bruk denne nyansen til å legge til et nytt skygge mellom skyggelegging og grunnfarge. Dette vil gi effekten av overgang fra mørk til lys.
Trinn 4. Bruk noen få høydepunkter
Dette er flekker på spriten som blir mest rammet av lyset. Du kan legge til høydepunkter ved å bruke en nyanse som er litt lysere enn grunnfargen. Bruk høydepunkter sparsomt, da de kan bli distraherende.
Del 6 av 7: Bruke avanserte teknikker
Trinn 1. Prøv litt dithering
Dette er en effekt som gjør at kunstneren kan representere et skifte i skyggen. Den lar deg lage en gradienteffekt med bare noen få farger ved å bytte pikselplassering for å lage overgangene. Mengden og plasseringen av to forskjellige pikselfarger i et mønster kan lure øyet til å se forskjellige nyanser.
Dithering har en tendens til å bli for mye av nybegynnere, så prøv å unngå å bruke det bortsett fra i sjeldne tilfeller
Trinn 2. Tren anti-aliasing
Pixel art er definert av de merkbare pikslene, men noen ganger vil du blande linjene for å få alt til å se litt jevnere ut. Anti-aliasing er teknikken som lar deg gjøre dette.
- Legg mellomfarger til knekkene på en kurve. Legg til ett lag mellomfarger rundt omrisset av kurven du vil myke opp. Hvis det fortsatt ser grovt ut, legg til et nytt lag med en lysere nyanse.
- Hvis du vil at spriten din skal se skarp ut på en hvilken som helst fargebakgrunn, må du ikke antialiasere ytterkanten av omrisset.
Trinn 3. Bruk selektiv disposisjon
Dette er begrepet for å farge omrisset som ligner fargene som brukes for å fylle. Dette vil gi sprite et litt mindre "tegneserie" utseende, ettersom omrisset vil være litt mer naturlig. Prøv selektiv skissering av bar hud mens du bruker tradisjonell skisse på klær.
- Bruk en nyanse som er mørkere enn grunnfargen på seksjonen du selektivt skisserer. Bruk lyskilden til å endre skyggen mens du skisserer, noe som gir sprite et mer naturlig utseende. Dette kan være spesielt nyttig for hud og muskeltonus.
- Tradisjonell disposisjon er bra hvis du trenger sprite for å holde seg særegen på toppen av en travel bakgrunn.
Del 7 av 7: Legge til finishen
Trinn 1. Gi spriten et godt overblikk
Ta et skritt tilbake og se på spriten din til dette punktet. Bestem om noe ser ut, og korriger deretter inkonsekvensene eller feilene.
Trinn 2. Legg til detaljer
Etter at du er ferdig med å fargelegge og skygge, kan du legge til detaljer som skriving, øyne, tilleggsfunksjoner og alt annet som kan ta spriten din til neste nivå. Oppmerksomheten på detaljer på slutten er det som skiller amatører fra profesjonelle pikselkunstnere.
Trinn 3. Animer sprite
Hvis du har fulgt trinnene ovenfor, har du en enkelt statisk sprite. Dette er fint som et kunstverk, men hvis du vil lage sprites for spill, må de sannsynligvis bli animert. Dette betyr at hver animasjonsramme må ha sin egen sprite, med små endringer fra den forrige rammen. Samlingen av alle sprittene som brukes i en animasjon kalles et "sprite -ark".
- Se denne veiledningen for detaljer om hvordan du animerer et sprite -ark i GIMP.
- Å lage unike og attraktive animasjoner for sprites er en måte at master pixelartister skiller seg fra amatører. En god animasjon kan puste massevis av liv i en sprite.
Trinn 4. Lag en portefølje
Hvis du vil ta med deg pixel art -ferdighetene i videospillutviklingsverdenen, vil du ha en solid portefølje å vise frem for potensielle arbeidsgivere. Inkluder flere av dine beste sprites, samt noen animasjoner hvis du har dem. Inkluder en rekke emner, inkludert tegn, landskap, rekvisitter og mer.