Hvordan lage pikselkarakterer

Hva du skal skape

Hvis du noen gang har tenkt på å skape pixel kunst, er det en veldig rask og enkel introduksjon til et av de mest grunnleggende aspektene av det: tegn.

Vi vil skape en ekstremt enkel karakter, men selv om det blir enkelt, vil det fortsatt tillate en anstendig detalj, slik at det fungerer som en avatar for deg selv eller for å representere din favorittfilm eller TV-tegn eller kjendiser.

Kan ikke tenke på noen inspirasjon? Kanskje jobbe fra et lagerbilde fra Envato Market.

1. Lag karakterens kropp

Vanligvis vil jeg anbefale å begynne med hodet, og det er fortsatt et levedyktig utgangspunkt, men siden denne karakteren vil være så enkel og dens proporsjoner vil være litt realistiske, vil kroppen bli et like godt sted å starte.

Du må opprette en ny fil i Adobe Photoshop. Det kan være 100 px av 100 px; tegnet jeg laget er bare 28 px høy.

Trinn 1

La oss definere en hudfarge. Dette er 25˚ i Hue, 40% metning og 98% lysstyrke, men velg hva som fungerer for deg.

Steg 2

Vi skal jobbe med Blyantverktøy med en 1 px punktstørrelse og under en fin mengde zoom, som 800%.

Med vår nyopprettede farge tegner du beina, som vil være 2 px over med en tom piksel mellom hvert ben ... dette vil fungere bra med mindre du gjør en chubbier karakter.

Dimensjonene på beina vil hjelpe oss med å definere resten av karakteren.

Du vil kanskje prøve dine egne dimensjoner / proporsjoner, i stedet for å bare følge min, for å finne det du liker best. Men hvis du vil at karakteren din skal se ut som min, så er beina over 9 px høy, og så er torso.

Trinn 3

For å avslutte ekstremiteter legger vi armer på siden; de er bare en ekstra piksel på siden av torso. Vi legger også til en ekstra rad piksler nederst på bena med en ekstra piksel på hver side for føttene.

Jeg har også lagt til en rad piksler for skuldrene. Det er litt rart å kalle skuldrene til hjørnene "avrundet", men de manglende pikslene gir et mer avrundet og dermed mer naturlig utseende til slutt.

Trinn 4

Til slutt legger vi til hodet, også med noen "avrundede" hjørner. Jeg gjorde det så bredt som torso og 7 px høy.

2. Legg til ansiktsfunksjoner

Vår karakter vil være veldig minimal, begrenset av sin lille størrelse, men vi vil fortsatt kunne legge til noen detaljer.

Trinn 1

Det er nok plass på ansiktet for å legge til et par øyne.

Jeg valgte å gjøre dem litt mørkere (ca. 15% mørkere) nyanse enn hudtonen. Jeg ville ikke ha for mye kontrast der, da jeg ikke trodde at vi skulle kunne se øyenfarge på en så liten oppløsning.

Steg 2

La oss legge til litt hår. Jeg brukte en mørk brun nyanse og la en ekstra rad piksler, så hodet vokste litt i størrelse på grunn av håret.

Trinn 3

Legg litt hår på sidene av hodet. Jeg brukte en lysere farge som om den er kort eller antialiased. For å legge til denne fargen senket jeg opacity av Blyantverktøy til 50%, som kan gjøres enkelt ved å trykke på nummeret 5 mens Blyantverktøy er på. Bare husk å returnere den til 100% etterpå (du kan trykke nummeret 0.) Og til slutt ga jeg karakteren min en pompadour-frisyre.

3. Legg på klærne

Klærne vil være der vi kan gjøre mesteparten av vår tilpasning. Denne stilen drar nytte av å ikke bruke noen piksler på konturer, så selv om tegnet er lite, gir det mange detaljer.

Trinn 1

La oss få noen bukser på tegnet. Skyggen her er en lavmetnings-akvamarin, som jeg bruker til å representere blå jeans. For å prøve variasjoner på farger, pleier jeg vanligvis Kopiere området jeg farger til a Nytt lag og åpne Hue / Saturation / Letthet panelet (Bilde> Justeringer> Fargetone / Metning...) og flytt glidebryterne på dette panelet til jeg liker resultatet.

Steg 2

Legg til noen sko. Jeg skal lage dem joggesko og de blir nesten hvite; Det er egentlig ikke mye plass til å gi disse detaljene.

Jeg vil ikke gjøre dem hvite fordi jeg lar bakgrunnen være hvit. En ulempe ved ikke å bruke konturer er at hvis bakgrunnen og forgrunnsfarger er de samme, kan noe detaljene gå seg vill.

Trinn 3

Gi karakteren en skjorte. Jeg likte hvordan denne fargen gikk med buksefarge. Jeg laget skjorten med korte ermer og en V-hals.

Trinn 4

Som jeg sa før, kan du legge til en anstendig mengde detaljer - kanskje et slips eller noe grafisk i midten av skjorten. Jeg la til noen (lav kontrast) striper.

Trinn 5

Og til slutt et annet lag med klær: en jakke. Hvis du vil, kan du også gi karaktertilbehør som en vest eller et armbåndsur eller hodetelefoner.

4. Skygge karakteren

Nå som alle tegn og klær detaljer er gjort, legger vi til et snev av skygge som tilsvarer de forskjellige volumene av tegnet.

Trinn 1

Lage en Nytt lag og i det tegner skyggene dine i svart.

Noen av skyggene her svarer til hodet som støtter en skygge over nakken og til jakken som støtter en skygge over skjorten. Resten svarer bare til tegnets volum; Bena er ikke flate, så skygge en side gir ekstra volum, og det samme gjelder for høyre side av torso.

Armene, trodde jeg, var for små til å skygge.

Steg 2

Og for å bruke skyggingen, bare senk opacity av laget til 15% eller et sted der borte. Du kan gjøre det i lag panel eller også ved å trykke 15 på tastaturet, mens Flytteverktøy er valgt.

Du kan da Slå sammen (Lag> Slå sammen) og eksporter grafikken din.

Sett på 100%, Karakteren kan være for liten til å sette pris på. Så du kan Å velge den, Kopiere det og skalere det også 200% eller 300% (Rediger> Gratis omforming) med interpole satt til Nærmeste nabo.

Deretter Lagre, helst som en PNG eller GIF, og du er ferdig!

Awesome, Character Complete!

Gratulerer! Du har fullført pikselkarakteren.

Selvfølgelig, nå kan du gjøre flere av disse, eller takle noe som ditt favoritt rock band eller en gruppe tegn du liker fra TV eller film, eller piksel deg selv eller vennene dine, osv..