hvordan skabes der et køretøj i adobe photoshop isometriske pixel kunst

, hvordan man skaber et køretøj i adobe photoshop isometriske pixel kunst, denne post er en del af en serie kaldet isometriske pixel art. kjole op til halloween med isometriske pixel kunst i adobe photoshophow at skabe en isometriske pixel i adobe photoshop kunst kvarter blok,,, - du vil være at skabe, i denne lektion du vil lære at lave en isometriske pixel kunst bil.har din rolle klar; det går en tur.,, vil vi skabe en relativt generiske sedan.det vil ikke være for iøjnefaldende, som er ideel til genanvendelse, mange gange for samme illustration (nyttigt, hvis du laver en by scene!)men selvom det er generiske, ville det ikke skade at se nogle reference billeder; måske er der en enkel konstruktion elementer fra de faktiske bilmodeller, som du kan indarbejde i deres bil grafisk.,,, du allerede har været igennem isometriske pixel kunst karakter forelæsning; den omfatter nødvendige basale for eksempel stil, og vi vil bruge den karakter, der blev oprettet i denne lektie, som en slags målestok for bilen.,,, 1.bind, begynder vi med de vigtigste former for bilen, for det meste af kvadratisk eller rektangulær form først og så lidt mere interessant former.,, trin 1, kommer vi til at lave en ret gennemsnitlige størrelse bil.så det burde være bredere end to af vores karakterer, naturligvis, som mindst to skal være i stand til at sidde side om side, og den bør være ca. dobbelt bredde, længde.så lad os lave en rektangel til at repræsentere de fodaftryk.,,,,, trin 2, hjørnerne, ikke vil være direkte og spids, så lad os hente dem en smule.,,,,, trin 3, udvælge og kopiere afrundet rektangel og fyld den med sort.,,,,, lavere uklarhed på dette lag til 20%.,, tip: man kan ændre opacitet procentdel af presserende numre på dit tastatur og flytte værktøj er aktive.knap 2 = 20% opacitet.,,, trin 4, når du har sænket fyldt rektangel er uklarhed, pasta, den oprindelige rektangel lige over det, læg det i et nyt lag, og flytte den 4 forsyning.vi fik bilen i skyggen allerede færdig, husk at opdatere det hvis du ændre dimensioner af bilen.,,,,, trin 5, nu to bilen krop er bundlinjen, og hvor kopi 10 px højere (du kan gøre dette ved at udvælge det så presserende, alat fri pil) eller at tilpasse denne højde, som du vil, og holde din karakter rundt om endnu et lag, så du kan tjekke størrelse på den, når du vil.,,,,, trin 6, lad os slutte sig til disse to områder og fjerne den baggrund linjer, indtil vi får en flyvende mursten.,,,,, trin 7, vil vi se bilen kofangeren, at projekterne lidt ved udvælgelsen af de to øverste hjørner og flytte dem en pixel (og på tværs af to),,,,, trin 8, tilføj et rektangel, hvor du ville have vinduer og forruder til begynder at tjene.,,,,, trin 9,,, trække en diagonal (1: 1) fra det yderste venstre hjørne af denne nye rektangel, og gentage det, så to parallelle diagonaler projekt ud af mursten form.disse retningslinjer vil mødes på toppen af en ny 2: 1, som vil være bilens tag.,,,,, taget burde ikke være meget højere, end den foregående top line (og skal helst være et lige antal pixels højere, hvis du kan lide at være besat med detaljeret).,,, trin 10 nu. på frontmost hjørne af nye rektangel, vi har brug for endnu et par linjer at definere forruden.de vil ikke være diagonaler som de første linjer, men fordi forruder næsten altid blive snævrere, som de går op, så de er 1: 2 linier.,,,,, trin 11, lad os forene disse forrude linjer for at få fuldstændig skitserer for foran forruden.slette resten af pixels i disse retningslinjer.,,,,, trin 12, og nu har vi brug for en anden 2: 1 for den øverste linjer i vinduerne.,,,,, lad os slippe af med dem, at sortere pixels:,,,,, og lave en god overensstemmelse med den øverste og nederste vindue skitseres i bilen, jeg valgte at gøre dem med afrundede hjørner:,,,,, trin 13, med toppen af bilen ved at tilføje en bageste oversigt (med en rund hjørne) og en lodret linje på vinduet for at adskille foran og bagved.,,,,, 2.dæk, nu kommer vi til et temmelig nyt element: en cirkel. det er forholdsvis let at vende forfra fast element i isometrisk afbildning af fastsættelse af en lodret hældning til 26,5 ˚.,,, der ville resultere i:,,,,, første, har du set forfra, så har du en cirkel. det med 26,5 ˚ skævhed, og endelig de polske fra takkede bits.,, men vi vil gøre vores dæk på en anden måde at få større kontrol over æstetik og mindre jaggedness og ender med meget rundt efter dækkene.,, trin 1, lad os bruge den karakter, at sætte et par højder.det her er gulvet midt linje er den bil er bundlinjen, og den øverste linje vil være toppen af dæk.ved folk, dæk plejer at gå op til midt på låret niveau, så det er lidt stor, men de virker okay.,,,,, trin 2, lad os tilføje to lodrette linjer, til at have en plads.slette resten af pixels (det er fint at holde ting fra midt i kø for at få placering lettere senere).,,,,,, denne plads skal være grænser for vores kreds.det er okay, hvis det ser lidt højere, end den er bred.de to lodrette linjer er 7 px sammen.,, trin 3, her i rød er cirklen, jeg vil bruge. det har for det meste lige linjer, så det vil se helt ren, men stadig rundt.,,,,, i black er de færdige cirkel med pixel af guiden. slettet, skridt. 4, tid til at tilføje de dæk til vores bil.her er min placering forslag.,,,,, men prøv bare lidt forskellige steder.,,, det er nyttigt at flytte disse elementer med pilen nøgler, mens en anden lag, til at finde ud af, hvor du tror, de vil se, bedste.når de er på søde plet, du kan slå ned.,,, 3.detaljer & farve, vi har de fleste af de overordnede linjer allerede færdig, så det er på tide at begynde at udfylde alle de tomme områder med detaljer og farve.,, trin 1, lad os afslutte dækkene.dæk af gummi, bør være tykkere, således at tilføje en ekstra række det hele inde i cirklen, sådan her:,,,,, ingen grund til at gøre det på begge hjul, skal vi arbejde på, indtil gjort, og derefter kopi.,, trin 2, fyld den indre cirkel med grå, eller hvis blanke farver du kan som fælge.,,,,, her er der allerede en smule detaljeret arbejde i mørke grå føjet til kanten.vi arbejder på sådanne små detaljer, at det er vigtigt at se, hvordan det ser ud, når de er væk, hvis det ikke "læse" flot, så du bør forenkle.,, trin 3, normalt antialiasing skal undgås i isometriske pixel kunst, men jeg tror i så lille et omfang kan gøre en undtagelse.i dette tilfælde, antialiasing bidrager betydeligt til at gøre det i midten af fælgen, ligner en cirkel.det er lige så meget i detaljer, som vi kan tilføje, at sådan et lille element.,,,,, trin 4, at afslutte de dæk, jeg har tilføjet et ekstra pixel af antialiasing til kanten, se mindre ujævn, og jeg har også tilføjet et par pixels som fremhæve for dæk gummi:,,,,, dækket er færdig, så det nu kan anvendes til anden cirkel:,,,,, trin 5, for at gøre de vinduer, kunne de forsøge at tilføje fremhæver og overvejelser eller prøve at udvise mere af det indvendige.der er mange måder at gribe dem.stil, jeg tror jeg formår at opnå det vindue virkning uden for meget arbejde, udfylde det vindue områder med en mørk aquamarine eller blå farve.,,,,, bør være lettere end en farve, men ikke af meget.,, trin 6, nu tilføje nogle mindre detaljer med en lysere farve af aquamarine /blå som hvis lyset kun lykkedes at slå det op tæt på glasset (instrumentbræt, hjulet og døren kanter), mens resten i ubemærkethed.ingen grund til at bekymre sig om så mange detaljer her.,,,,, det skulle ligne tonede ruder,.,, trin 7, lad os tilføje bilen farve!, her er et modigt valg:,,,,, tilføje en mørk i det nedre område.15% mindre lysstyrke skal fungere godt, trin 8, vil vi kun anvende den forreste del af den linje, der går gennem midten af bilen.vælg det og skriv det mange gange under det, vi vil gøre forlygterne, trådnet og andre oplysninger med disse pixels.,,,,,, men linjen på den side, vi ikke har brug for, så tag det.,,,,, trin 9, fyld pixels mellem disse nye strækninger med hvide eller en lys farve, der vil stå for forlygter.,,,,, trin 10, vi nu tilføje grillen, skære gennem midten af den store hvide område, vi lige har gjort.grillen skal være en mørkegrå, bare lidt lettere end en farve.,,,,, den yderste venstre forlygte er kun en pixel - - fordi det er underforstået, at den går rundt om hjørnet af bilen, hvilket er ret korrekt, geometrisk.,, trin 11, nu det bliver tåge - og nummerplade.gå videre og fjerne unødvendige sorte og hvide pixels.,,,,, trin 12, til at afslutte de detaljer, som vi vil sænke modsætning i den retning rundt i det hvide pixels, hvilket gør dem til et mørke skygge af bilen, farve, men det er meget lysere end de sædvanlige skitsere farve.,,,,, trin 13, nu hvor de fleste af de "ansigt" af bilen er færdig, det er en god chance for at udglatte nogle af de dele, som vi kommer tættere på den endelige udseende.,,,,, her jeg har glattet ud af hjørnet i den yderste venstre forlygte og den yderste højre hjørne i bagagerummet, samt den nederste kofangeren hjørne.jeg tror, disse ændringer får bilen ser en smule sportier.,, punkt 14, tilsættes fremhæver, hvor du tror, nødvendige (reference billeder kan hjælpe).,, jeg tror, fremhæver lige ved kanten hjælper med til at formidle en metallisk jeg anvendt dem på de fleste af de kanter.,,,,, trin 15, og her er jeg ved at tilføje en ny lighter skygge på nogle særlige områder, som jeg ønsker at få et lidt mere.,,,,, huske, at du kan få lidt lettere ved at reducere sine mætning.nyttige i tilfælde af, at du allerede er på 100% af lysstyrken, men skyggen er ikke lys nok.,, en stor fremhæve område i ghettoen, tror jeg, bidrager til at bringe den mængde af bilen, og få det til at se ud, metallisk.,,,,, sidste fremhæver skulle gå på kanten af taget og omkring de vinduer,,,,, skridt.,, lad os tilføje et par små bil dørhåndtag.de vil kun være to lighter pixels i to mørkere pixels.,,,,, på samme måde, kan du tilføje dør kofangere:,,,,, skridt 17, frivilligt detalje: lavere kontrasten for de bageste taget:,,,,, skridt 18, lad os tilføje nogle førerspejle.,, vil de være sådan her:,,,,, med en af dem ser bred og andre ting, som det er set kant.,, find dem et godt sted og placere dem.,,,,, fjerne unødvendige pixels og rydde op i unødvendig stor kontrast.,,,,, skridt. 19, og det er ret meget for din bil.!,,,,,, hvordan ser det ud, lige ved siden af din karakter?vil du hellere være bredere, mere eller mindre?disse ændringer er ikke svært.men jeg mener, at denne størrelse er fint.,, 4.ændringer, er det meget let at komme med forskellige farver versioner af din bil!du kan gå, image > tilpasninger > farve /mætning..., nemt finde andre farver, du vil kunne lide.anvendelse af ændringer til den rigtige bil områder og redigere farver individuelt, hvis det er nødvendigt.,,,,, snart, vil du have en flåde, klar til at befolke gaderne i en pixel kunst by.,, din bil er færdig!jeg håber, du er glad for din bil (er).,, ville det ikke være så svært at vende den bil i en suv eller en bil.tilføje nogle striber eller andet tilbehør, og din opgørelse kunne vokser hele tiden!,, se huset resten, hvis du stadig vil have mere pixel art.,, jeg håber, at dette var nyttigt og ikke for tung for detaljer!,

Final product image
rough footprint for our car
making softer corners
making the shadow
the shadow and the bottom line of the cars body
car bodys bottom line duplicated
flying brick
making the rear bumper
add lines for windows and windshield placement
starting windshield and roof
defining the edges of the windshield
front windshield outlines finished
top outlines of windows
clean up
finish window outlines
finishing lines
using the transform  skew 265 vertically method
defining the tires height
square tires
finishing the circle
the tires on the car
make the tire thicker
fill the rim
add detail to the rim
add some highlights and a bit of antialiasing
copy tire
fill with dark blue
interior details
add the car color
add some lines on the front
remove the line on the side
add the headlight color
add the grill
the license plate and the fog lights
lower contrast to some lines
smooth out the corners
initial highlights
brighter highlights
hood highlights
roof highlights
door handles
door bumper
lower contrast on some lines
the rear view mirrors
rear view mirrors placement
rear view mirrors finish
Isometric pixel art car with character next to it
Finished isometric pixel art car in 6 different colors



Previous:
Next Page: