Learn Hvordan Tegn Håndlaget Pixel Art i Photoshop
I denne opplæringen lærer legendariske Aussie illustratør Russel Tate deg hvordan du kan tegne med piksler. Du vil lære hvordan du lager fantastisk kunstverk i stil med eBoy og Army of Trolls. Denne artikkelen ble velvillig delt med PSDTUTS + av iStockphoto som en del av en kunnskapsutveksling mellom de to stedene. Les videre og nyt!
For å feire dette kunnskapsutveksling iStockphoto har opprettet en spesiell 15% rabatt for PSDTUTS + lesere.
Innledning
Pixel illustrasjoner er stor for å lage data ikoner, isometriske bilder og til og med hele scener. De kan gjøres raskt og enkelt ved hjelp av Photoshop med et par raske tilpasninger til de innstillinger.
Den eneste ulempen er imidlertid at det pixel art ser best ut når hver piksel er plassert for hånd i motsetning til å bruke noen Photoshop filter. Det er riktig som er lagt for hånd - Jeg vet dette høres litt sprøtt, spesielt når noen piksel scener har tusenvis av piksler i dem. Men uten hånden din plassering pixel art kan se ut som en dårlig Lo Res bilde, så pass på!
Jeg tror en god tommelfingerregel før av er at du skal kunne se din kreasjon tydelig som en gruppe forskjellige fargede squared murstein, men hvis du myse og uskarphet øynene dine kan du gjøre det ut som et bilde. Tenk deg at du gjør en flis mosaikk, bare du ikke trenger noen fugemasse.
Nedenfor er en komplett stykke pixel kunstverk, vi skal skape noen av de mer grunnleggende delene i dette arbeidet.
Programvare
OK la oss sette opp for å tegne. Bare i tilfelle du ikke har en kopi av Photoshop, det er noen gratis dedikerte Pixel tegneprogrammer tilgjengelig for gratis nedlasting:
Pixen (Mac)
Grafikk Gale (Win)
Finn flere apps her.
jeg har hatt en leke seg med begge programmene, men kom tilbake til Photoshop fordi jeg er vant til tastaturkommandoer.
< h3> Ok, la oss sette opp en side
- Av og til kan du bruke tryllestav for å velge et område å fylle, bare sørg for at Anti Alias er slått av.
Hvis du fikk bruke pensel verktøyet på en heidundrende 9 piksler i stedet for en, vil du få anti-aliasing forekommende og som vil ødelegge den hardt kanten pixel effekt. Så hold deg til en piksel. "Hold det helle holde det bety," som min mor pleide å si.
Når pixel tegningen blir sett på 100% (faktisk størrelse) blyanten verktøyet på en piksel bred er svært liten, slik at du kan finne det vanskelig å se og manipulere. En idé er å forstørre visningen til 800%, slik at du kan se hva du gjør. Jeg har ofte et andre vindu åpent i Photoshop med samme skjermvisningen ved 200% så jeg raskt kan se hvordan tegningen min ser ut på nært hold, og også fra litt lenger bort på samme tid.
Vi kan redde vår arbeider doc som en PSD-fil og eksport for web bruk senere som en GIF-fil. Vi kan også forstørre filen etterpå og forvandles til en TIF for CMYK utskrift
Lean &.; Mean
La oss begynne å tegne
OK la oss ha en gå på å tegne noe som dette åpen bok. Med pennverktøyet tegne rundt kanten for å lage din svart ramme. Deretter fylle ut de flate farger på siden og boken mark.
Opprett ideen om teksten på siden med noen enkle piksellinjer. Se hvordan vi legger en liten knekk i kø for å gi inntrykk av en svak kurve på siden.
Til slutt legge til noen høydepunkter i midten av sidene og på siden av bokmerket. En fin liten touch er en enkelt piksel høydepunkt på bunnen utenfor hjørne på hver side, det bare gir et snev av en side kant i stedet for å være en solid blokk.
Når du har fått det grunnleggende skisserer, farger, høydepunkter og skyggelegging, kan du prøve deg på å bygge andre enkle figurer.
Vinklet Pixel Lines
Pixel ikoner som de ovennevnte kan være utformet som en serie linjer som er bare 90 º til hverandre og er veldig mye kvadrater og rektangler. Noen ganger skjønt, kanskje du trenger en linje på skrå.
Noe å huske på er vinklede linjene ser best når de er et fast mønster. Hvis de er uregelmessig (som beskrives nedenfor), kan de vises klumpete, og ubearbeidede sett liten. Det andre eksemplet nedenfor er mye jevnere Isometrisk vinkler, som ser flott ut med piksel tegninger, men det er ikke den 30-ordm; "Iso" vinkel du brukte i Teknisk tegning klasse - det er faktisk noe nærmere 26,5 º. 30 º dessverre gir en klumpete linje på 100%. Hvis du gjør en linje som regelmessig går 2 poeng over og 1 poeng opp, får du 26,5 º.
Skal vi prøve å tegne noe annet som er litt mer geometrisk og bruker flere av disse linjemønster?
uregelmessig linjen vil se klumpete på 100%.
jevn linje mønstre i forskjellige vinkler.
La oss tegne en Pixel Logg
linjene nedover lengden er enkle vi vet hvordan du gjør de nå, men hva med de runde endene?
disse to er faste mønstre, men er i endring fra brede horisontale linjer ned til firkanter og deretter til loddrette linjer. Det ser litt rufsete, men hvis du dimme øynene det ser riktig!
Kurven øverst til høyre i loggen enden er også motsatt mønster av den nederste venstre delen. Jeg teller ofte piksler eller huske visse kombinasjoner. Piksel combo på sirkelen er ...
3 ruter (på tvers)
2
111
222 (ned)
6
2
1
litt vanskelig å få taket på først som bruker Bezier kurver i Illustrator, men du snart få en " føler "for det. Lengden på loggen er enkelt: vi bare bruke to sammen en opp systemet og gjøre loggen så lenge eller kort som vi ønsker
Mindre konsentriske sirkler på slutten gir en fin ring mønster og enkelte områder av. mørkere skyggelegging på bunnen av stokken gi det noen dybde. Vi gir loggen en flat gran farge for å starte, og deretter å skape dybde, kan vi skape utjamning ved å plassere piksler i kontrastfarge på hver side av våre høy lys /lite lys linjer.
Du kan bygge opp mønstre og gjøre dem mer komplekse. Forsiktig om - jo mer realistisk og vanskelig at du prøver og få mer uklart bilde kan vises hvis det er skjebnebestemt til å reprodusere på liten størrelse
Jeg kaste inn noen flere tilfeldige piksler på kubbe nr 3 som jeg ønsket det. å ha en grov titt og kontrast litt med ekornet.
for den endelige loggen jeg jobbet i et område av strippet bark og en liten gren. Jeg fant det best å fullføre ett område eller stil først og deretter jobbe mer detaljert inn i den. Jeg tror ikke jeg kunne ha trukket strippet bark logg med utjamning mønster fra bunnen av - i stedet, jeg bare fortsatte å legge lag over toppen av lagene. Enkle trinn fungerer best!
Uregelmessig Pixel Tegning
La oss flytte til noe litt mer uregelmessig, som et ekorn å sitte på vår logg. For noe komplisert som dette, er det best å starte med blyant og papir.
Først tegnet jeg en isometrisk kvadrat på min side for å få de rette dimensjoner. Siden vi bruker dette eksempelet for redaksjonelle formål, brukte jeg et bilde for referanse. Husk at hvis du planlegger å laste opp noe til iStockphoto, må du ta med noen referansemateriale som du brukte. Så jeg begynner å tegne. Jeg være spesielt oppmerksom på vinkelen på begge ører og føtter som jeg vil at de skal følge de isometriske linjene
Som du kan se detaljer er svært minimal. - Jeg ønsker bare å få den grunnleggende form og riktige vinkler arbeidet ut først. Vi vil gjøre resten av arbeidet i Photoshop.
Ta i skissen, ta på et nytt lag og spøkelse opacity slik at du kan se pikslene du er i ferd med å skape tydelig. Det er ikke en fast regel, men jeg finner piksel tegninger ser best når de har svart skisserer.
Her skal jeg rundt min ekorn med blyant verktøyet skape svart omriss. En ting som må unngås er klumper opp der outline piksler berører hverandre på mer enn én side. Hvis du tegner en ekstra plassen bare slette den med viskelær verktøy (også holdt på en pixel bredde, se den røde sirkelen) det vil se penere og publikum vil takke deg for det.
Det ser fortsatt litt rotete, men det vil forme opp! Keylines inne illustrasjonen også bidra til å gi det en dristig utseende, bare sørg for at de er en mørk farge som ikke er svart for å gjøre noen kontrast. Ring meg en radikal, men jeg gikk med brun på denne.
Når formen er ferdig fylle det indre området med en fin mid tone farger (myk brun) og kanskje bruke en lys farge for å få frem noen høydepunkter.
den sorte omrisset regelen er ikke en hard og rask en, jeg ikke gitt noen svarte keylines under front kjeve og pote som det var vanskelig å se hva som foregikk.
Konklusjon
hånden plassering, fjerne, endre piksler er der ferdigheter kommer i. Noen ganger. Men når du begynner å få taket på det, vil du være i stand til å trekke omtrent alt - alt du trenger er litt tålmodighet. Håper dette hjelper, og inspirerer deg til å skape store verk av din egen
Andre ressurser
Her er noen ressurser til videre pixel lesning!
- Markus Pixel art opplæringen (viser mer detaljert pixel shading og skape pixel tegn kalles "Sprites")
Opprette pixel Maleri piksel for piksel - Tips og veiledninger. En god liste over pixel steder å besøke
20 + Inspirerende Pixel Artister, opplæring og ressurser -.. En samling av pikselkunst ressurser her på PSDTUTS +
Noen piksel filene som jeg har tegnet og animerte gIF-filer. Se ekorn i aksjon
Abonner på PSDTUTS + RSS-feed for beste Photoshop tuts og artikler på nettet
Note fra redaktøren:.! PSDTUTS + Takket iStockphoto
Denne kunnskapsutveksling ble gjort mulig av iStockphoto. PSDTUTS + vanlig forfatteren Alvaro Guzman har delt noen av sine beste Photoshop tips for iStockphoto nyhetsbrev abonnenter, og iStockphoto har velvillig delt denne artikkelen i retur. Vi vet at mange mennesker som leser PSDTUTS + ville være interessert i iStockphoto, og mange iStockphoto brukere ville være interessert i PSDTUTS +, så vi håper dette vil være en fin måte å hjelpe våre publikum til å møte hverandre og cross-over.
< p> for å feire utveksling, iStockphoto har opprettet en spesiell 15% rabatt for PSDTUTS + lesere
Hvis du ikke har hørt om iStockphoto før, her er en veldig rask intro. iStockphoto er verdens største royalty-free lager multimedia destinasjon med en fil lastet ned hvert sekund. iStockphoto pioner i mikro fenomen i denne bransjen i 2000, slik at kjøperne å lisensiere bilder for så lite som $ 1. Nå området er hjem for mer enn 5,6 millioner bilder, illustrasjoner, video, lyd og Flash-filer.
Første åpne preferanser i Photoshop og sette bildeinterpolering til "nærmeste nabo".
Opprett en ny side 300 px med 300 px ved 72 dpi
. Velg blyantverktøyet på en piksel. Blyant og viskelær verktøy er de eneste verktøyene du virkelig trenger.