Create en serie med frokost Pixel Art Ikoner i Adobe Photoshop
Hva du skal lage
Start dagen bra med litt frokost tema pixel kunst! Trukket i Adobe Photoshop, disse søte kreasjoner tjene som skrivebordsikoner, avatarer, eller spill ikoner. Lær det grunnleggende form skapelse, anti-aliasing, og velge farger.
1. Toast It!
Trinn 1
Vi vil starte med enkel og treg, med den grunnleggende omrisset av toast form. Opprett en Nytt dokument Det er fire farger som brukes i brød grunnleggende design.: Plasser Medium Brown vaffel form er ganske enkel: En avrundet firkant. I utgangspunktet valgte jeg å holde hjørnene på to diagonale piksler For vaffelfyllfarge, valgte jeg R: 241 G: 180 B: 99 Jeg synes det er enklest, i en design som dette, til Kopier (Ctrl-C) Hotell og Lim (Kontroll -V) smør pat tegning metode og anti-aliasing ytterkanten av vaffel er de samme som de som gjøres til toast i § 1, Trinn 3 brødrister bakverk design er ganske enkel også: en avrundet rektangel (legg merke til to ned to over Mye som toast design, vil dette brødrister bakverk starte med ytterkantene i Brown Glasuren er hvit, så skyggene på frosting er en veldig lys blå. Legg merke til hvordan noen av linjene er "rastrert". Utjamning, i pixel art, er en teknikk for å skape et mønster (støy-lignende) for å skygge eller markere et område uten å øke fargetall. De sprinkles er bare fire ved fire "gelé" fylling er lys rosa, med mørk rosa og varm rosa accents.Don ' t glem å skissere kringle i mørk brun på 30-50% Egget ikonet formen er et kompromiss mellom en ordentlig stekt egg (som ville være over alt) og en perfekt sirkel (som virker for kunstig, selv for disse små piksel design). Pikselantallet er som følger: La oss starte enkelt med eggeplomme, så det er mye som går inn gjengi egg i forhold til de andre ikonene trukket så langt. Tre farger utgjør plomme utformingen Bildene nedenfor kan virke mer komplisert enn de egentlig er. Jeg brukte den samme lyseblå fra brødrister bakverk i § 3 Den anti-aliasing rundt ytterkantene av egget er gjort i tre trinn:. Hjørner er 50% Opacity Jeg har valgt en tykk, kort klipp av bacon, snarere enn noe mer realistisk. Mens dette ikonet er tynnere og høyere enn de andre ikonene som det er, jeg ønsker ikke å gjøre det misforhold mer ekstrem når de er samlet. Bruk Pencil Tool Den venstre hjørne er brå på seks piksler På høyre side er tre Kopier Hotell og Lim Bruk Paint Bucket Tool Legg høydepunkter til stripene med Hvit For en enklere måte å legge en disposisjon, < b> Utvid på din frokost ikoner med frukt, kaffe, juice og mer. Dette settet er skjevt mot amerikansk mat til frokost, så hvis du er utenfor USA, eller ditt liv har blitt påvirket av andre kulturer (enten din egen eller andres), utfordrer jeg deg til å gjøre små ikoner av disse deilige retter. Ta det hele et skritt videre og lage ikoner av hver matvare i kjøkkenet. Glad pixeling, lesere!
i Adobe Photoshop
. Jeg har en tendens til å jobbe opp pixel art design i en 200 x 200
plass, med den bakgrunn satt til Transparent
. Bruk Pencil Tool (B)
satt til 1 pixel Hotell og begynne å tegne følgende:.
Syv
piksler over
En
opp på hver side, diagonalt.
11
piksler, på hver side, danner resten av den øverste kanten. Avrunder hjørnene med to
diagonale piksler på hver side. Ten
ned på hver side før vi kommer inn i bunnen av brødet form.
To
ned, en diagonalt, og 20
ned på hver side.
To
ned og to
over for å avrunder bunnen.
Fyll i resten av plassen med 23
over
Trinn 2
Dark Brown
for konturene: R: 108 G: 013 B:. 003
Medium Brown
for utsiden av skorpen: R: 182 G: 090 B:. 020
Brown
for resten av skorpen: R: 214 G : 123 B: 027
Tan
for innsiden av brødet. R: 250 G: 211 B: 127
rundt kantene på toast. Brown
vil ytterligere fylle ut skorpe grenser. På dette punktet, bruker du Paint Bucket Tool (G)
å fylle brødet stykke med Tan
.
Trinn 3
Dette brødet bare ikke vil være komplett uten et smelte smør pat. Lag en Nytt lag
, i Layers
panel, før du tegner din smør.
å trekke smeltet smør s forme med Pencil Tool
.
I motsetning til toast, kantene er å bli definert med brunt som brukes i det siste trinnet.
Legg merke til hvordan de mørkeste fargene legges rundt hjørnene og vertikale kantene.
Plasser smør i midten av toast.
Hvit og lys krem brukes til høydepunkter på smør og brød.
Velg Dark Brown
for din blyant farge, og redusere opacity til 30-50%
. Skissere toast, med mørkere farger plassert i hjørnene av pixel form, for å myke opp stark kanten.
2. Jeg er Makin 'Vafler
Trinn 1
så vaffel holdt et svært firkantet form. Senere byttet jeg den til to horisontale
, én diagonal
, og to vertikale piksler
for hjørnene.
Trinn 2
. Skyggen farger er Brown Hotell og Medium Brown
fra § 1, Trinn 2
.
I Layers
panel, lage en Nytt lag Hotell og tegne små seks med seks
torg, med hjørnet pixel slettet, for å danner vaffelmønster.
Trinn 3
de firkantede former i et rutenett rundt vaffel basen. Bruk Tan
å markere rundt mønsteret, og Medium Brown
å indikere dybde.
Trinn 4
.
3. Toast Dette Pastry
hjørner) med øverste høyre hjørne består av seks diagonale
piksler som vil danne en "bite" ut av deigen.
Trinn 2
og Tan
. Jeg begynte skisserte til "bite" i Brown
samt for å sørge for at området er definert, samt skape en skygge område for snart å bli dryppende "gelé" fylling.
Trinn 3
esker med farge eller enkeltpiksler spredt rundt. Ikke glem å fylle på hele frosting med hvit i tilfelle du lagre grafikken som en transparent fil senere.
Opacity
for å la hjørnene gli lettere.
4. Egg, Sunnyside Up!
Trinn 1
Ti piksler over
Krok en piksel, og plassere tre på hver side på neste linje ned
To piksler.. diagonalt fra den siste tre, og en mer diagonalt.
På dette punktet, vil du være å gjenta det som allerede er gjort. Men først plassere fire piksler på 50% Opacity
i de manglende hjørner (se nedenfor). Fullføre sirkelen.
Trinn 2
Medium Brown
på nedre halvdel. R: 182 G: 090 B:. 020
< li> Yellow Ochre
på sidene: R: 255 G: 150 B:. 57
Yellow
for resten: R: 251 G: 208 B:. 59
Trinn 3
, men varierte sin opasitet mens skyggelegging og utjamning. Det samme gjelder for Dark Brown
, som spenner i Opacity
fra 20% -50% Hotell og blir lagt over hvit eller blå (på bunnen av egget) . Jeg fortsatte å lysne opp egget med Yellow
, fløte og hvit
, et par piksler ved siden av hvert hjørne er 30% opasitet
, og resten er 10-20%
opacity
.
5. Steke opp litt bacon
Trinn 1
å tegne fire piksler
, deretter tre ned
og til høyre
på diagonal
, og fire piksler
igjen.
ned, fire diagonal
til forlot
, sju piksler ned
, tre
ned, etter og til slutt, fire ned
.
til høyre
, en
på diagonal
,
seks ned, to
på diagonal
til forlot
, fire ned
, og åtte ned
til høyre
.
denne øverste delen,
gå til Rediger > Transform > Flip Vertical
å snu det rundt, og koble den til den øverste halvdelen. Merge Down (Ctrl-E)
den kopierte laget til den opprinnelige lag og la oss komme til å gjengi bacon ikonet.
Trinn 2
å fylle i bacon med Brick Red product: ( R: 204 G: 0 B: 0
). Tegn wiggley striper med hvitt på 50% Opacity
. Shade kantene av bacon med Dark Brown
på 50% Opacity
.
Trinn 3
på 30%, 20% og 100%
Opacity
. For små blanke biter til bacon, tilsett noen piksler rundt kantene på 80% Opacity
.
Trinn 4
bruke Magic Wand Tool (W)
å velge utsiden av bacon ikonet. Gå til
Velg > Endre > Kontrakten Hotell og skriv 1 pixel
. Invert
Utvalg (Shift-Control-I)
. Opprett en Nytt lag
under bacon laget, i Layers
panel og fylle ditt valg med Dark Brown
på 30%
Opacity
. Stable gjennomskinnelig brune piksler i hjørnene for å myke opp kantene av bacon ikonet.
Når du er fornøyd, Merge (Ctrl-E)
utvalgte bacon lag, i Layers
panel.
Good Morning, du er ferdig!