How til Lag en isometrisk Pixel Art Vehicle i Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.Dress Up for Halloween Med Isometrisk Pixel Art i Adobe PhotoshopHow å opprette en Isometrisk Pixel Art Neighborhood Block i Adobe PhotoshopWhat du skal lage

I denne opplæringen vil du lære å lage en isometrisk pixel art bil. Har din karakter klar; det kommer for en tur.

Vi skal lage en relativt generisk sedan. Det vil ikke være for prangende, som er ideelt for resirkulering mange ganger på samme illustrasjon (nyttig hvis du gjør en by scene!). Men selv om det vil være generisk, ville det ikke vondt å se noen referansebilder; kanskje det finnes enkle designelementer fra faktiske bilmodeller som du kan innlemme i din bil grafisk

Sørg for at du allerede har gått gjennom isometrisk pixel art karakter opplæringen.; det dekker nødvendige grunnleggende for illustrasjon stil, og vi vil bruke den karakter skapt i denne leksjonen som en slags målestokk for bilen.

1. Volumene

Vi begynner med de viktigste formene på bilen, for det meste rektangler først og deretter noen mer interessante figurer.

Trinn 1

Vi skal gjøre en ganske gjennomsnittlig størrelse bil. Så det bør være bredere enn to av de tegn, selvfølgelig, som i det minste to bør være i stand til å sitte ved siden av hverandre i den, og lengden bør være rundt to ganger bredden. Så la oss gjøre et rektangel for å representere fotavtrykk.

Trinn 2

Hjørnene vil ikke være rett og spisse, så la oss runde dem opp litt.

Trinn 3

Velg og kopier avrundet rektangel og deretter fylle den med svart

Senk opacity på dette laget til 20%

Tips:.. endre opacity prosenten ved å trykke på tallene på tastaturet mens flytteverktøyet er aktivt. Ved å trykke to tilsvarer 20% dekkevne.

Trinn 4

Når du har senket fylt rektangel tetthet, lime den opprinnelige rektangel rett over den, la den i et nytt lag, og flytte det opp fire px. Vi fikk skygge bilens gjort allerede; Husk å oppdatere den hvis på noe punkt du endre dimensjonene på bilen.

Trinn 5

Nå duplisere karosseriet bunnlinje og plassere kopien 10 px høyere (husk at du kan gjøre dette ved å velge den, og deretter trykke på Alt-Skift-pil opp) eller justere denne høyden som det passer; holde figuren din rundt på et annet lag, slik at du kan sjekke størrelsen mot den når du vil.

Trinn 6

La oss bli med disse to rektangler og fjerne bakgrunns linjene til vi får denne typen flygende murstein !

Trinn 7

Vi vil gi bilen en bakre støtfanger som projiserer ut litt ved å velge de to øverste hjørnene og flytte dem ned en piksel (og over to) Anmeldelser
Trinn 8

Nå kan du legge et rektangel der du ønsker vinduer og frontruter å starte prosjektering opp.

Trinn 9

Tegn en diagonal linje (1 : 1) fra den ytterste venstre hjørne av denne nye rektangel, og kopiere det slik at to parallelle diagonalene rager ut av murstein form. Disse linjene vil møte på toppen med en ny. 2: 1 linje, som vil være bilens tak

Taket bør ikke være mye høyere enn den forrige topplinjen (og bør fortrinnsvis være et partall piksler høyere, hvis du liker å være obsessive med detaljer).

Trinn 10

Nå på den forreste hjørne av den nye rektangelet vil vi trenger en annen par linjer for å definere frontrute. De vil ikke være diagonaler som de første linjene, men fordi frontruter nesten alltid få smalere som de går opp, slik at de vil være 1:. 2 linjer

Trinn 11

La oss bli med disse frontruten linjer for å få den komplette skisserer for frontruten. Slett left piksler inni disse skisserer

Trinn 12

Nå må vi en annen. 2: en linje for de beste konturene av vinduene

La oss bli kvitt dem rot. piksler:

Og gjør en fin linje å bli med i toppen og bunnen vindu skisserer på baksiden av bilen; Jeg valgte å gjøre dem med avrundede hjørner:

Trinn 13

Fullfør toppen av bilen ved å legge en bakre omriss (med et avrundet hjørne) og en vertikal linje på vinduet for å skille foran og bak.

2. Dekk

Nå kommer vi til et ganske nytt element:.. En sirkel

Det er relativt enkelt å slå et sett forfra flat element inn i isometrisk perspektiv ved å sette en vertikal skew å 26.5˚

Gjør som ville resultere i dette:

Først har du den forfra sirkel; da har du den med 26.5˚ skew; og til slutt du polere av de spisse biter.

Men vi vil gjøre våre dekk på en annen måte å ha mer kontroll over estetikk og mindre jaggedness, og ende opp med veldig rund jakt dekk.
< h3> Trinn 1

La oss bruke tegnet for å angi noen høyder. Poenget her er gulvet nivå, den midterste linjen er karosseriet bunnlinje, og den øverste linjen vil være toppen av dekket. Ved siden av personer, dekk pleier å gå opp til ca midten av låret nivå, så disse vil være litt stor, men de skal jobbe alright.

Trinn 2

Nå la oss legge to vertikale linjer til har en firkant. Slett resten av piksler (det er greit å holde biter av den midterste linjen for å gjøre plassering lettere senere).

Denne plassen vil være grensene for vår krets. Det er OK hvis det ser litt høyere enn den er bred. De to vertikale linjer her er 7 px hverandre

Trinn 3

Her i rødt er sirkelen jeg skal bruke.; det opprettholder det meste rette linjer slik at det vil se ganske ren, men fortsatt runde nok.

I svart er ferdig sirkel, med pikslene fra guiden torget allerede slettet.

Trinn 4 Anmeldelser

På tide å legge dekkene til bilen. Her er min plassering forslag.

Men du gjerne prøve litt forskjellige steder.

Det er nyttig å flytte disse elementene rundt med piltastene, mens på et annet lag, for å finne hvor du tror de vil se best. Når de er på sweet spot, kan du slå ned.

3. Detaljer & Color

Vi har fått de fleste av hovedlinjene ferdig allerede, så det er på tide å begynne å fylle alle de tomme områder med detaljer og farger!

Trinn 1

La oss slutt opp dekkene. Dekket gummi bør være tykkere, så legge til en ekstra rad med piksler rundt innsiden av sirkelen som dette:

Du trenger ikke å gjøre det på begge dekk; vi skal jobbe på en helt ferdig og deretter kopiere den.

Trinn 2

Fyll den indre blank sirkel med grå eller den fargen som du kanskje har lyst til felger.

Her det er allerede litt av detaljarbeid i mørkere grå lagt til felgen. Vi jobber med slike små detaljer som det er viktig å fortsette å se hvordan det ser ut når du zoomer ut; hvis den ikke "lese" renslig så bør du forenkle.

Trinn 3

Vanligvis antialiasing skal unngås i isometrisk pixel kunst, men jeg tror på en så liten skala unntak kan være gjort. I dette tilfelle bidrar den antialiasing vesentlig for å gjøre bildepunktene i midten av felgen ser ut som en konsentrisk sirkel. Det er omtrent like mange detaljer som vi kan legge til et så lite element.

Trinn 4

Til slutt dekket jeg lagt til en ekstra pixel av antialiasing å gjøre felgen ser mindre hakkete, og jeg også lagt til et par piksler som høydepunkt for dekkets gummi:

Dekket er gjort, så nå er det kan brukes på den andre sirkelen:

Trinn 5

Å gjøre vinduene, kan du prøve å legge høydepunkter og refleksjoner eller prøve å vise flere detaljer i interiøret. Det kan være mange måter å nærme seg dem. Stilen jeg bruker tror jeg klarer å oppnå vinduet effekt uten mye arbeid.

Fyll vindusflater med en mørk aquamarine eller blå farge.

Skal være lettere enn omrisset farge, men ikke av så mye.

Trinn 6

Nå kan du legge litt lettere detalj med en lysere nyanse av aquamarine /blå, som om lyset bare klarer å treffe det som er opp nær glasset (dashbordet , hjulet og døren kanter) la resten i glemselen. Du trenger ikke å bekymre deg så mye detaljer her.

Det er ment å se ut som sotede vinduer.

Trinn 7

La oss legge bilen farge!

Her er en ganske dristig valg:

Legg en mørkere skygge i det nedre området. 15% mindre lysstyrke bør fungere greit.

Trinn 8

Vi vil bare bruke den fremre delen av linjen som går gjennom midten av bilen. Velg den og kopiere den mange ganger under det; vi vil gjøre frontlykter, grill og andre detaljer med disse piksler.

Men linjen på siden vi egentlig ikke trenger, så fjerner du det.

Trinn 9
< p> Fyll pikslene mellom disse nye linjer med hvit eller lys farge som vil stå for hovedlysene.

Trinn 10

Nå legger vi grillen, skjære gjennom midten av den store hvite området vi nettopp laget. Grillen vil være en mørk grå, bare litt lysere enn kantfarge.

Den venstre frontlys er bare en piksel bredt fordi det er underforstått at det går rundt hjørnet på bilen, noe som er ganske riktig, geometrisk .

Trinn 11

Nå bunnlinjen vil gjøre tåkelys og nummerskiltet. Gå videre og fjerne unødvendige svarte og hvite piksler.

Trinn 12

For å avslutte disse detaljene vi vil senke kontrasten på linjene rundt den hvite piksler, noe som gjør dem en mørk skygge av bilen farge, men ganske mye lysere enn den vanlige kantfarge.

Trinn 13

Nå som de fleste av "ansikt" av bilen er ferdig, er det en god sjanse for å glatte ut noen av hjørnene, som vi kommer nærmere det endelige utseendet.

Her har jeg glattet ut hjørnet over lengst til venstre frontlys og lengst til høyre hjørne over bagasjerommet, så vel som den nederste bakre støtfanger hjørne. Jeg tror disse endringene gjør bilen ser et snev tier.

Trinn 14

Legg høydepunkter der du tror er nødvendig (referansebilder kan hjelpe).

Jeg tror høydepunkter rett ved siden til kantene hjelp til å formidle et metallisk utseende, så jeg brukt dem til de fleste kanter.

Trinn 15

Og her jeg legger en ny lysere nyanse på noen utvalgte områder som jeg ønsker å komme ut litt mer.

Husk at du kan gjøre en nyanse lysere ved å redusere sin metning. Nyttig i tilfelle du allerede ved 100% lysstyrke, men skyggen er ikke fortsatt lys nok.

Et stort høydepunkt området over panseret jeg tror bidrar til å bringe ut volumet av bilen og at det ser metallic.

De siste høydepunktene trengs ville gå på kanten av taket og rundt vinduene

Step 16

Nå la oss legge til et par små bil dørhåndtak. De vil rett og slett være to lettere piksler rett over to mørkere piksler

På samme måte kan du legge dør støtfangere.

Trinn 17

Valgfritt liten detalj: senke kontrasten for bakre taklinjen:

Trinn 18

La oss legge til noen speil

De vil bli som dette:

Med en av dem ute bred og den andre tynn som det er å bli sett kant på.

Finn dem et fint sted og plassere dem.

Fjern eventuelle unødvendige piksler og rydde opp unødvendig høy kontrast.

Trinn 19

Og det er ganske mye det for bilen din!

Hvordan ser det rett ved siden av din karakter? Ville du foretrekker å gjøre det bredere, lengre eller mindre? Disse endringene er ikke vanskelig å gjøre. Men jeg tror denne størrelsen er fine.

4. Variasjoner

Det er veldig enkelt å lage forskjellige fargeversjoner av bilen din! Du kan gå til Image > Justeringer > Hue /Saturation ... å lett finne andre farger du kanskje liker. Gjelder endringene bare til riktig bil områder, og redigere fargene individuelt ved behov.

Snart vil du ha en flåte, klar til å fylle gatene i en pixel art by.

Din bil er

Ferdig! Jeg håper du er fornøyd med bilen (e)!

Det ville ikke være for vanskelig å slå som sedan inn i en SUV eller en kompakt bil. Legg noen racing striper eller annet tilbehør, og inventar kan fortsette å vokse!

Sjekk ut huset tutorial hvis du fortsatt ønsker mer pixel art.

Jeg håper dette var nyttig og ikke for tung på
bagateller!