Lag en isometrisk Pixel Art Billboard i Adobe Photoshop

Hva du skal skape

Annonsering er overalt, og det er mulig at den må kutte opp i din pikselkunstverden. Så i dag skal vi finne ut hvordan du gjør et vanlig bilde til sin isometriske pixelkunst tilsvarende ved å lage en reklamebordannonse.

Vennligst referer til piksel art karakter opplæring før du gjør dette.

1. Dimensjoner

La oss først gjøre reklametavlen; Dette vil være vårt lerret-innenfor-et-lerret for det meste av det faktiske arbeidet.

Vi bruker tegnet til å definere høyden på vår reklamepost.

Trinn 1

Fire ganger kjennetegnets høyde virker høyt nok, og i alle fall vil dette være enkelt å justere senere.

Steg 2

Bredden på innlegget kan vi sette til omtrent like bredt som tegnet.

Trinn 3

Avslutt innlegget. Bunnlinjen svinger litt for å vise innlegget sylindrisk.

Trinn 4

Og så legger vi til linjer for selve billboardet.

Trinn 5

Fyll med farge.

Trinn 6

Og legg til litt skygge, spesielt for å gi volum til sylinderen.

Vårt lerret er klart.

2. Tilpasse bildet

Isometrisk pikselkunst er ikke ment å være realistisk, så for riktig å innlemme et bilde i en pikselkunstscene, bør bildet gå gjennom en form for transformasjon for å få stilen til å passe til resten av illustrasjonen.

Først trenger vi et bilde.

Trinn 1

Jeg setter denne burger sammen, men du kan gjøre en annonse for en bil eller hva du kanskje har lyst til. Du kan også bruke dette bildet hvis du vil.

Jeg la navnet på burgeren fordi det vil være en del av annonsen, og fordi jeg ønsket det i en stor, stilisert skrift. Det blir mer lettering, men det er best å gjøre resten direkte i piksler.

Steg 2

For å tilpasse bildet til isometrisk visning, må du transformere (Rediger> Gratis transformasjon ... ) bildet og sett inn Vertikal Skew til 26.5˚.

Og deretter endre størrelsen for å matche billboardet. Det er en god ide å gjøre dette i et lag over billboardet og med litt gjennomsiktighet satt til laget for å se billboardkanten bak den.

Trinn 3

Du kan fortsette å trimme og justere bildet. Her sørget jeg for at burger og ordet var godt posisjonert innenfor billboard lerretet.

Trinn 4

Når jeg bruker en solid bakgrunnsfarge, har jeg søkt det på billboard-lerretet: rødt over alt med en linje med høydepunkt i den øvre grensen.

La oss nå gå videre til ...

3. Bokstaver

For de fleste små bokstaver er det best å jobbe direkte piksel ved piksel. Vi gjør det, men vi får først navnet på burgeren som ble gjort i store bokstaver.

Trinn 1

Her spores jeg "C", "l" og "o" rett over referanse bokstaveringen (men på et annet lag), og i stedet for å spore alle bokstavene kopierte jeg "o" fordi resten av bokstaver er like store for det.

Steg 2

Resten av bokstavene bør ikke ta mye arbeid for å negle.

Trinn 3

Vi legger til flere detaljer i annonsen. La oss si at Clogger er en ny burger som folk må prøve ut. Så legger vi til ordet "NEW" rett ved siden av Clogger i små skråstilte bokstaver.

Vi kan få "N," "E" og "W" (og de fleste bokstaver i alfabetet) lett ut av disse "8" -formene.

Trinn 4

Slett noen piksler, og du vil ha ordet du vil ha.

Trinn 5

Normalt er det best å unngå anti-aliasing, men disse "reglene" er mer fleksible i et 2D-bilde i isometrisk pikselkunst. Her får Clogger en jevnere behandling og også litt skygge.

Trinn 6

Vi legger til en siste bit lettering for å lede kunder til restauranten. Vi har "KUN PÅ [restaurantlogo]"

Så vi trenger tre små linjer per brev, og de er i dette tilfellet bare tre piksler bredt. Igjen kan vi få brevene vi trenger fra en grunnleggende struktur.

Jeg bestemte meg for å lage en veldig enkel logo. Bare noe som ligner nok en gjenkjennelig hurtigmatlogo.

Trinn 7

Legg deretter den siste brikken på billboard.

Og hvis du vil, kan du gå videre og slå sammen alle bokstaver med billboardlaget.

4. Sporing og pikselering

For å begynne å spore burgeren, la billboardet i ett lag og referansen i et annet lag over, og start arbeidet ditt i et nytt lag over alle tidligere.

Trinn 1

Her har jeg sporet bunene med svarte linjer, ved hjelp av renere, mindre tunge linjer så mye som mulig.

Steg 2

Du kan deretter fylle boller med sort for å lage en solid form og fylle deretter med fargen du vil bruke til brødet, som kan eyedropped rett ut av referansebildet hvis du vil.

Trinn 3

La oss nå legge til detaljene til bunken. Vi får en liten titt på innsiden av brødet, som vanligvis er lettere.

Trinn 4

Deretter legger du til litt skygge - for bunnen av bunken er det for det meste å formidle volum, mens for toppen av bunken vil det vise litt mørkere bakt områder av bunken.

Trinn 5

Tanken er å redusere formens kompleksitet, samt antall farger, så en mørkere nyanse og et høydepunkt vil være nok til å fullføre fargene for boller.

Trinn 6

Legg til en endelige detalj på bunken: sesamfrø. De er lyse piksler med litt skygge under. Du kan gjøre skyggene på et annet lag med svart og deretter redusere lagets opasitet. Hvis du vil, kan du prøve forskjellige blandemoduser for laget.

Trinn 7

Nå som bunene er ferdige, la oss gå videre til pattiene. Vi gjør dem begge identiske, slik at vi bare trenger å gjøre en. Det er ok hvis vi begynner å flytte litt fra referansen. Det er faktisk bedre å gjøre det med mindre du gjør en pikselversjon av et portrett, i så fall vil du virkelig få likheten over.

Nå som vi divergerer litt fra referansen og for å unngå forvirring med hele rotet av piksler det har, beveger vi oss til siden og ser på det som referanse uten å måtte spore rett over det.

Trinn 8

Her er våre to store patties med en patty farge allerede og referansen er ikke lenger en distraksjon.

Trinn 9

La oss gi volum til en av pattiene: lettere på toppen og også på midten.

I motsetning til det meste av resten av vår pikselkunst, vil vi ikke bruke mørke skisser for disse elementene, da vi gjør et 2D-bilde og ikke et 3D-element i piksel kunstverdenen.

Trinn 10

Fullfør skyggen og kopier den til begge patties. Deretter på et nytt lag bør du legge til litt tekstur på biffen. Det trenger ikke å være komplisert i det hele tatt.

Trinn 11

Men det skal være subtilt, så juster opaciteten og smelter sammen.

Trinn 12

Beef patties gjort. La oss ost dem opp.

En enkelt linje med gule piksler over pattiene vil være et godt utgangspunkt.

Trinn 13

La oss nå lage osthjørner ned på pattiene. Dette begynner å bli deilig.

De burde bli kompensert litt. Du vil merke at det største osthjørnet er stort sett det samme for begge patties, men i forskjellige stillinger, og så er det litt av et annet hjørne som bare glir i (forskjellige stillinger).

Trinn 14

Legg litt skygge på osten. Kantene skal være lettere, og høyre side er litt mørkere. Også, litt skyggeformet over pattiene bidrar til å gi dem volum og kontrast.

Ost gjort.

Trinn 15

Nå kommer vi til grønnsakene. Vi har en stor stykke tomat og over det et lag med pickles / grønn-ting og over det noen løk / majones / hvite ting. Mye som i vår referanse.

Trinn 16

Og her gir vi disse elementene noe volum med skygge: lettere i midten, og i tilfelle tomatsnittet, også på toppen.

Det finnes forskjellige lysområder for grønnsaker, som skal bidra til å formidle tre forskjellige pickles. Samme ting med hvite ting.

Trinn 17

For å fullføre disse grønnsakene legger jeg til en skygge / oversikt hybrid som hjelper skille dem og få dem til å poppe litt mer. Det er rett og slett en mørkere linje langs toppkanten av hvert element.

Trinn 18

La oss fortsette å fylle vår burger med mer smakfulle fyllinger.

I midten har vi noen løkringer. På et nytt lag kan du gjøre noen grunnleggende former for det. Det burde føles ganske fritt, så gå videre og klamre på det, og gjør litt svake former.

Trinn 19

De bølgete figurene vil være ringer, slik at de blir tykkere i midten og tynnere på kantene når de forsvinner inn i burgeren. Fyll resten av plassen med en mørkere, røde farge.

Trinn 20

Legg litt mørkere skyggelegging på ringene, og et snev av lysere piksler, som en fettete glitter på ringene.

Hvis du er fornøyd med løkingene, kan du slå sammen laget.

Trinn 21

Og til slutt gjør vi noe som ligner på bunnfyllingene, som blir trukket svinekjøtt.

Formene for dette er uregelmessige, men firkanter. Bare en haug med små biter, som også kan bli doodled. De skal gjøres i et nytt lag.

Trinn 22

Og deretter farget rødt eller brunt med mørkere fargetone på sidene og enda mørkere mellom og rundt fasongene.

Trinn 23

Gjør litt skyggelegging. De mørkeste linjene bidrar til å skille ut volumene, men de trenger ikke å fungere som skisser, slik at vi kan kvitte seg med noen av dem.

Trinn 24

Som med ringene legger vi til noen få lyse piksler, som fettete, skinnende biter.

Jeg flyttet bunndelen opp en piksel fordi jeg trodde det så bedre ut.

Nå er jeg fornøyd med min burger. Jeg slått sammen alle elementene i ett lag.

Trinn 25

Og til slutt la jeg til en kastet skygge til burgeren.

Og det er det. Billboardet er ferdig!

Gratulerer!

Annonsebordannonsen er fullført. Den nye Clogger ser ganske deilig ut; tette arterier høres ut som en liten pris å betale.

Nå vet du hvordan du gjør et bilde til isometrisk pikselkunst. Jeg håper det er nyttig!