Create en isometrisk Pixel Art Billboard i Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.Create en isometrisk Pixel Art Coffee Shop i Adobe PhotoshopCreate en isometrisk Pixel Art City Hall i Adobe PhotoshopWhat du skal lage

Reklame er overalt, og det er mulig at det må dukke opp i pixel art verden. Så i dag skal vi finne ut hvordan du slår en vanlig bilde til sin isometrisk pixel art tilsvarende ved å lage en plakat annonse.

Vennligst referer til pixel art karakter tutorial før du gjør dette.
< h2> 1. Dimensjoner

La oss først gjøre tavla; Dette vil være vår lerret-i-lerret for det meste av selve arbeidet.

Vi vil bruke tegnet for å definere høyden på vår plakat post.

Trinn 1 Anmeldelser

Fire ganger tegnet høyde synes høy nok, og likevel dette ville være lett å justere senere.

Trinn 2

Bredden på innlegget vi kan stille til omtrent like bred som tegnet.

Trinn 3

Fullfør skisserte innlegget. Poenget kurvene litt for å vise innlegget er sylindrisk.

Trinn 4

Og da har vi legge til linjer for tavla selv.

Trinn 5

Fyll med farge.

Trinn 6

Og legge litt skyggelegging, spesielt for å gi volum til sylinderen.

Vår lerretet er klar.

2. Tilpasning av Picture

Isometrisk pixel art er ikke ment å være realistisk, så du skal innlemme et fotografi i en piksel kunstscenen, bildet bør gå gjennom en slags transformasjon for å gjøre stilen matche resten av den illustrasjon.

Først må vi trenger et bilde.

Trinn 1

Jeg satt dette burger sammen, men du kan gjøre en annonse for en bil eller hva du kan Føler som. Dessuten kan du bruke dette bildet om du vil.

Jeg har lagt inn navnet på burger fordi det vil være en del av annonsen, og fordi jeg ville ha det i en stor, stilisert font. Det vil være mer lette, men det vil være best å gjøre resten direkte i piksler.

Trinn 2

For å tilpasse bildet til isometrisk visning, må du forvandle (Edit >. Free Transform ...) bildet og sette Vertical Skew å 26.5˚

Og så endre størrelse å matche tavla. Det er en god idé å gjøre dette i et lag over tavla og med litt åpenhet satt til laget for å se tavla kantene bak det.

Trinn 3

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

Trinn 4

Som jeg bruker en solid bakgrunnsfarge jeg har brukt den til Billboard lerretet. Red over med en linje av høydepunkt i den øverste grensen.

Nå la oss gå videre til ...

3. Lette

det vil være best å jobbe direkte piksel for piksel For det meste av små bokstaver. Vi skal gjøre det, men vi vil først få burger navn som ble gjort i store bokstaver.

Trinn 1

Her jeg sporet "C", "L" og "o" rett over referansen lette (men på et annet lag), og i stedet for å spore alle bokstavene, kopierte jeg "o" fordi resten av bokstavene er like nok til det.

Trinn 2

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

Trinn 3

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

Vi kan få "N", "E" og "W" (og de fleste bokstavene i alfabetet) lett ut av disse "8" ser figurer.

Trinn 4

Slett noen piksler og du har ordet du vil.

Trinn 5

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

Trinn 6

Vi skal legge en siste bit av lette å henvise kunder til restauranten. Vi vil ha "BARE AT [restaurant logo]"

Så vi trenger tre små linjer per brev, og de vil være i dette tilfellet bare tre piksler bred. Igjen kan vi få bokstavene vi trenger fra en grunnleggende struktur.

Jeg bestemte meg for å lage en veldig enkel logo. Bare noe som ligner nok en gjenkjennelig fast food-logoen.

Trinn 7

Deretter plasserer den siste bit av bokstaver på tavla.

Og hvis du vil, kan du gå fremover og slå sammen alle bokstavene med billboard lag.

4. Sporing og Pixelating

Hvis du vil begynne å spore burger, la tavla i ett lag og referanse i et annet lag over, og starte arbeidet i et nytt lag over alle tidligere funn.

Trinn 1

Her har jeg spores boller med svarte linjer, ved hjelp av renere, mindre taggete linjer så mye som mulig.

Trinn 2

Du kan deretter fylle bollene med svart for å gjøre en solid form og deretter fylles med fargen du vil bruke for brød, som kan eyedropped rett ut av referansen bilde hvis du vil.

Trinn 3

Nå la oss legge detalj til bun. Vi får en liten titt på de indre sider av brød, som vanligvis er lettere.

Trinn 4

Deretter legger litt av skyggelegging-for bunnen av bun det for det meste å formidle volum , mens for toppen av bun det vil vise litt mørkere bakt områder av bun.

Trinn 5

Ideen er å redusere kompleksiteten i formene samt antall farger, så en mørkere nyanse og et høydepunkt vil være nok til å fullføre fargelegging for boller

Trinn 6

Legg til en siste detalj til bun. sesamfrø. De er lyse piksler med litt skygge under. Du kan gjøre skyggene på et annet lag med svart og deretter redusere lag opacity. Hvis du ønsker, kan du prøve forskjellige blandingsmodi for laget.

Trinn 7

Nå som boller er gjort, la oss gå videre til karbonader. Vi vil gjøre dem begge identiske, slik at vi bare trenger å gjøre en. Det er OK hvis vi begynner å bevege seg bort litt fra referanse faktisk, er det bedre å gjøre det med mindre du gjør en kornete versjon av et portrett, og da vil du virkelig liker å få det som lignet på tvers. Anmeldelser

Nå som vi er divergerende litt fra referanse og for å unngå forveksling med hele dritten piksler den har, vil vi flytte til siden og blikk på det som referanse uten å måtte spore rett over den.

Trinn 8

Her er våre to store karbonader med Patty farge allerede, og referansen ikke lenger være en distraksjon.

Trinn 9

La oss gi volum til en av karbonader. lysere på toppen og også på midten

I motsetning til de fleste av resten av vår pixel art, vil vi ikke bruke mørke skisserer for disse elementene som vi gjør et 2D-bilde og ikke en 3D-element i pixel art verden.

Trinn 10

Avslutt skyggelegging og kopiere det for både karbonader. Så på et nytt lag bør du legge litt tekstur til biff. Det trenger ikke å være komplisert i det hele tatt.

Trinn 11

Men det bør være subtile, så justerer opasitet og deretter flette nedover.

Trinn 12

Beef karbonader gjort. La oss ost dem opp.

En enkelt linje med gule piksler tvers karbonader vil være et godt utgangspunkt.

Trinn 13

Nå la oss gjøre osten hjørner slippe ned på karbonader. Dette begynner å bli deilig.

De må forskyves litt. Du vil merke den største ost hjørnet er i utgangspunktet den samme for begge karbonader, men i forskjellige posisjoner, og så er det litt av et annet hjørne bare titte på (forskjellige posisjoner).

Trinn 14

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

Cheese gjort.

Trinn 15

Nå får vi til grønnsakene. Vi vil ha en stor bit av tomat og over det et lag med pickles /grønn-stuff og over at noen løk /majones /hvit-stuff. Mye som i vår referanse

Trinn 16

Og her vi gir disse elementene litt volum med skyggelegging. Lysere i sentrum, og i tilfelle av tomat skive, også på toppen.

Det er forskjellige lyse områdene for green-stuff, som skal bidra til å formidle tre forskjellige pickles. Samme med den hvite ting.

Trinn 17

For å avslutte disse grønnsakene jeg legger en skygge /disposisjon hybrid som hjelper skille dem og gjøre dem pop litt mer. Det er rett og slett en mørkere linje langs den øvre kanten av hvert element.

Trinn 18

La oss fortsette å stappe vår burger med mer velsmakende fyllinger.

I midten vil vi ha noen løkringer. På et nytt lag kan du gjøre noen grunnleggende former for det. Det skal føles ganske fri form så gå videre og doodle den på, gjør noen litt bølgete former.

Trinn 19

De bølgete former ville være ringene slik at de blir tykkere på midten og tynnere på kantene som de forsvinner inn i burger. Fyll resten av plassen med en mørkere, rødere farge.

Trinn 20

Legg en litt mørkere skygge på ringene, og et snev av lettere piksler, som en fettete gnisten på ringene .

Hvis du er fornøyd med løkringer du kan flette laget ned.

Trinn 21

Og til slutt gjør vi noe veldig lik den nederste fyllinger, som vil bli trukket svinekjøtt.

Den former til dette er uregelmessig men vinklet. Bare en haug med små biter, som kan doodled også. De bør gjøres på et nytt lag.

Step 22

Og så farget rød eller brun med et mørkere nyanse på sidene og enda mørkere i mellom og rundt figurene.
< h3> Step 23

Har noen skyggelegging. De mørkeste linjene bidra til å skille de volumene, men de trenger ikke å jobbe på samme måte som skisserer, så vi kan bli kvitt noen av dem.

Trinn 24

Som med ringene legger vi noen lyse piksler, som fet, blanke biter.

Jeg flyttet bunnen bun opp en piksel fordi jeg syntes det så bedre.

Nå er jeg fornøyd med min burger. Jeg fusjonert alle elementer i ett lag.

Trinn 25

Og til slutt jeg lagt en støpt skygge til burger.

Og det er det. Plakaten er ferdig!

Congrats!

er den plakat annonse fullført. Den nye Clogger ser ganske deilig; tilstoppede arterier høres ut som en liten pris å betale.

Nå vet du hvordan du slår et bilde i isometrisk pixel art. Jeg håper det er nyttig! Anmeldelser