Create en isometrisk Pixel Art helikopter i Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.Create en isometrisk Pixel Art Park i Adobe PhotoshopWhat Du skal lage
Hvis du følger denne serien av pixel art opplæring, kan du allerede har i din besittelse en veldig fin bil for din pixel art karakter i sin pixel kunstverdenen. La oss legge til et annet kjøretøy i samlingen din ved å lage et helikopter-eller hvis du leter etter en raskere måte å legge til elementer i din isometrisk byen, kan du kjøpe mange isometriske elementer fra Envato Market.
1. Definer høyde og bredde
La oss basen høyden av helikopteret på pixel art karakter, som vanlig.
Trinn 1
Helikopteret bør være omtrent dobbelt så høye som karakteren. Proporsjonene trenger ikke å være strengt realistisk; til slutt er det vanligvis bedre å ha mindre enn nøyaktige biler og bygninger, slik at tegnene forblir synlig og viktig på større, mer komplekse illustrasjoner.
Trinn 2
Hvis du allerede har en pixel art bil så gratulerer! Vi kan bruke den til å definere helikopterets lengde. La oss lage en firkant med den tidligere definerte høyden og lengden på bilen.
Hvis du ikke har bil, så gå gjøre det! Eller bare forestille seg en lengde som er ca 1,5 ganger lengden av karakteren ligger nede.
Trinn 3
Nå tar vi denne firkanten og kopier den ved siden av hverandre for å ha tre ruter i en linje . Det vil være lengden på våre helikopter.
Trinn 4
Rydd opp pausene i midten, og vi vil liksom skjære helikopteret ut av dette rektangelet.
2. Design helikopter
Slik vil vi sette sammen våre helikopter vil være med å lage en slags blåkopi av det; en flat tegning av én sidene.
Hvis du tenker på et helikopter, er formen ikke veldig komplisert fra toppen eller fra fronten. Vi skal gjøre tegningen av side-visning, fordi det er der mesteparten av kompleksiteten er. Det er ganske lett å finne helikopter design med utsikt topp, front og side på bilde søk, så gjerne gjøre det, eller bare følg denne design sammen.
Trinn 1
går fra toppen og ned, la oss legge til en parallell linje, så nær som mulig til toppen (1 px mellom begge linjer). Dette vil definere helikopterets bladene.
Trinn 2
Under knivene du trenger for å legge til et par vertikale linjer for rotorene. Legg dem på ca 1/3 av lengden og like høy som for eksempel leder av karakter, eller hvordan du kanskje liker det beste.
Under at jeg lagt til et par mer parallelle linjer. De er å sette størrelsen på motoren. En linje for toppen av det, og den andre for bunnen, som er på samme tid taket av helikopterkabinen
Trinn 3
Vi gir helikopteret en hale festet til den siste linjen vi har lagt og nå den øverste linjen. Linjene går opp er 2: 1 (som betyr 2 piksler går opp for stadig en piksel å gå over) og 3: 1. På den måten får vi en kile slags form og bli med dem på toppen med en 1: 1 linje for å gi den en kul fin form
Og gi motoren et punkt på baksiden der det ender Noen av disse linjene vi ikke trenger lenger, så la oss rydde opp. jeg har lagt et punkt på bladet hvor det vil etterhvert utvide og har en annen materiale. Og da jeg kopierte bladet, venda det og plassert den på motsatt side, utvide forbi byksende rektangelet. La oss nå "carve" et skritt inn i motoren, for å gi det mer kompleksitet og fordi det kommer nærmere referansen helikopteret jeg brukte. Vi må definere flere linjer fra bunnen opp. Den aller første som vil være for landing skids, så litt høyere over de vi vil ha i bunnen av helikopterets hytta, og høyere likevel over at en linje som skal mer eller mindre definere hvor vinduer og frontruten vil begynne å gå fra bunn til topp. Fra like over den siste øverste linjen vi har lagt, vil en ny diagonal gå opp til den når toppen motor linje. Dette diagonal er 2: 1, og det vil være helikopterets frontrute Rydd opp, s'il vous plait.. Vi vil ikke være behov for den siste streken og noe utover frontruten. Motoren skal starte litt lenger bak, så flytt den diagonale tilbake til nesten midtpunktet mellom frontruten og øverste trinn av motoren. og gi toppen av frontruten et mykere hjørne. La oss nå fortsette arbeidet med helikopter hale. det er en boom mellom halen og hytta, og det bør ikke være for tynn. og det bør være en bunnfinnen. og ferdig finnen.. Det trenger ikke å nøyaktig gjenspeile toppen fin, men det skal ha en svak kileform også. Her er det litt større og mindre høye. Nå kan du rydde opp i linjene nedenfor bommen en liten detalj:.. la oss legge til en linje rett over bommen, koble motoren til halen Og for å stenge av hytta, la oss legge til en diagonal fra bommen til bunnen. Dette er veldig bratt og litt rufsete, som vanligvis er best unngås, men i hvert fall hvis vi holde linjen vanlig på 4: 1 så vil det ikke være for rufsete Avslutt hytta ved å runde ut i hjørnene og rydde opp linjene rundt den. på for å landingsunderstellet. Rammene er kortere enn hytta og kurve opp på fronten. Koble skid til hytta med to par vertikale linjer ... ... og profilvisningen av våre helikopter er ganske mye gjort. Selvfølgelig helikopteret vil ikke være tynne som papir, så la oss begynne å gjøre det bredere. Fyll hele helikopteret tegning med noen tilfeldige farger. en enkel måte å gjøre dette på er å foreta et valg som omfatter tegning helt, og deretter med Paint Bucket Tool og med sin sammenhengende innstilling ukontrollert, klikker du på et tomt område. Og så for å fjerne all uønsket farge, bruker Magic Wand Tool med sin sammenhengende innstillingen sjekket Det er mulig å legge til et valg med det er også mulig å trekke fra et utvalg ved å trykke Gjør en kopi av den tidligere tilstand av helikopterets tegning, og vi vil bruke det neste. Ta av landingsunderstellet på den opprinnelige versjonen. Dette vil være den midterste laget i helikopteret sandwich som vi er i ferd med å gjøre. Ta kopi av den opprinnelige tegningen og eventuelt gi den en annen farge. Og fjerne motoren og hele toppen. Vi vil også kvitte seg med bom-Jeg skal gjøre kutt der jeg tegnet dette vertikal linje, rett innenfor landingsunderstellet. Fjern ryggdelen og avrunder hjørnene. Dette vil gjøre de riktige og venstre lag av "sandwich". Gjør sandwich! Space lagene jevnt ... ... hele greia bør være omtrent like stort som en bil ... jeg liker helikopter å se litt lubben, så jeg gjorde det bare litt bredere enn bilen. Men egentlig en bil bredde er nøyaktig nok for mange helikoptermodeller. La oss spre skids litt. Bare Velg den fremre og flytte det to px over, og en px vertikalt. Gjenta prosessen med den bakre skrens, i motsatt retning. ... og hvorfor ikke få landingshjulene ute riktig allerede. Hvis du vil kan du flette hele "sandwich" i ett lag. De var bare retningslinjer, og nå kan vi begynne å jobbe på helikopterets reelle /endelige linjer La oss starte med motoren.; det kan være den mest komplekse formen vi må dekke. I et nytt lag, tegne en linje som markerer aksen av motoren og to linjer som vil være i kantene. Tegn denne rett på taket for å få bredden riktig; Det bør være nesten like bred som kabinen, men ikke så bredt. Nå flytter linjene til toppen av motoren og gi dem den riktige lengden. Vi vil gi denne overflaten en slags dråpeform. Vi kan starte den ved å beskjære hjørnene med rette horisontale og vertikale linjer. Rund av hjørnene litt, med unntak av en på baksiden, og fjern den midterste linjen. nå Velg denne nye formen, og Alt-dytte den ned noen 4 piksler, eller hva som er nok til å møte den lille skritt i motoren del av retningslinjen. Ta fremre halvdel av teardrop overflaten og bruke den på de gjenværende fremre hjørner at retningslinjene for motoren merket. Du har nå stort sett har to litt forskjellige former. Du kan rydde opp i unødvendige linjer (disse to formene danner en overflate, i den delen på baksiden der de møtes) og rette linjen som går opp fra bunnen kurven til den øverste, på nyere form. Denne linjen skal opprettholde samme 2: en skråning som vi trakk på retningslinjene nå skal vi legge til noen tak linjer.. Mye av dette er retracing de samme linjene som i retningslinjene, men selvfølgelig, det er ikke noe problem hvis du husker Shift trikset med blyantverktøyet. En annen rad med linjer blir lagt her. For å gi helikopteret litt mer bredde enn retningslinjen smørbrød foreslått, vi ønsker å være i stand til å runde ut hjørnene på hytta også, og retningslinjene ikke står for det. Don 't vet Fortsetter arbeidet på taket, gå videre og fullføre taket, og koble linjene som det passer deg. Noen flere kobler rett over her. Legg merke til den kileform hvor de to nederste hytta hjørne linjer koble svært nær baksiden av motoren. dekker mer av hytta, er noen linjer trukket rett over retningslinje sandwich. Men å gå på tvers av linjene hoppe mellom sandwich-lag, danner en rett linje. Og til slutt gir vi hytta en bakside. Vi er ikke å holde den taggete diagonal fra retningslinjene, slik at vi kan være litt kreativ med dette området, som du har fått buede former forbinder med andre buede former. Så i utgangspunktet, kan du være litt mindre nøyaktig så lenge du gjør noe du synes ser bra ut Tegne hele halebommen.; ingen endringer i det. Ikke ønsker å tegne? Du kan også gå til retningslinjer lag, velger du skisserer med som sannsynligvis høres mer komplisert enn redrawing, men når alle disse tipsene blir andre natur, og du gir alle dine hyppige handlinger hurtigtaster, tar deres bruk svært liten tid. nå kan du starte redrawing rotoren. Vi kan legge til litt ekstra volum på bunnen. La oss gjøre bladene på et nytt lag. Vi kan legge til en bit av en cap ting der de to bladene møtes. kniver bør bli litt bredere etter det punktet vi trakk på retningslinjen. Når du har tegnet en blad den slik du liker det, kan du kopiere det og roter den 180˚ (Edit > Transform > Roter 180˚). og plassere den på den andre siden for å bryte våre helikopter litt mer ut av det samme flyet, kan vi ha bladene i en snudd posisjon (Edit > Transform > Vend vannrett) Vi inkluderte ikke stabilisatorene på retningslinjene, men de er veldig lett å legge. Bare legg et rektangel ganske nær halebommen ... ... og en annen på motsatt side av halebommen. Og en annen ting vi ikke trekke på retningslinjene; helikoptre må hale rotorer å kontrollere sin retning. Start med en tynn stang som peker loddrett ut av halen. Og gi det en fin, liten par bladene. Og til slutt har vi de formene ned! Nå på detaljer og farger. La oss begynne med å legge noen vinduer. Den nederste av de taket linjer kan gjøre toppen av våre vinduer. Vi trenger bare å legge til en bunnlinje. Vi har allerede en linje rett i midten av hytta, takket være retningslinje sandwich. Så bare sette et par linjer på begge sider av den linjen og du har fått delt på midten av frontruten. Og deretter legge de resterende pauser for resten av vinduene. Og retningslinje smørbrød jobb her er gjort. Slett det ... eller gjøre laget usynlig hvis du er av en sentimental disposisjon. Faktisk kan det være lurt å holde in-progress elementer eller mislykkede forsøk på et sted, fordi til slutt en haug med ting kan bli nyttig igjen. Nå kan du fylle helikopteret med fargen du ønsker. Og nå vi begynner å legge riktig belysning-først med noen områder som vi kan forvente å skinne litt mer lyst. Og så dekker flere områder, som peak hjørner. Vi vil også legge til en annen, lysere skygge for områder vi ønsker å komme ut litt mer. Vi vil komme til vinduet fargene i et minutt. og deretter legge til enda en , mørkere skygge for noen utvalgte områder. nå som den grunnleggende skyggelegging er gjort, kommer til oppmykning dalen hjørnene for å hjelpe formidle hvordan elementene koble /flette. nå velger noen vindusfarge du kanskje har lyst. Jeg gjorde meg ganske mørkt; Jeg likte utseendet. Bruk glasset effekten av ditt valg. Vanligvis liker jeg å vise disse lysere linjer parallelt med glass grenser som, etter min mening, de kan leses enten som en refleksjon av utsiden av vindusrammer eller som en titt på innsiden av vindusrammer, noe som er bra . uansett nå er en ekstra bit av glass effekt: vi vil gjøre glasset bare litt gjennomsiktig ved å vise noe lys gjennom vinduene på den usynlige side av helikopteret . start med å få formen på vinduene riktige. og deretter plassere dem hvor de skal gå-på motsatt vegg av helikopterets hytte-og gi dem til en av de lysere farger i vinduene . Her har jeg også gjort linjen parallell til forsiden av frontruten tykkere. Jeg tror det gjør det ser ut som om vi får et glimt av cockpiten kontroller. Helicopters har vanligvis mer enn én farge, brukes som striper eller mange andre former, men jeg vil bare gjøre min har veldig lys grå nederst. Dette er det området som vil ha ny farge. Det er gjort i et nytt lag. Så jeg bare senke Layer Opacity og flett laget ned til der den røde fargestoffer er. Og så fargelegge alle seksjoner med en nyanse som jeg liker. Hvis du vil kan du også bruke den nye farge til landingsunderstellet. Uansett bør landingsunderstellet få litt skyggelegging også. Gi en mørk grå til rotorene. ... og til området i mellom bladene. Og gi bladene sine siste nyanser. Jeg valgte en lysere grå og ga tips av bladene med litt gult. La oss avslutte med å gi våre helikopter to stater; Det kan enten være på bakken (i hvilket tilfelle det skal projisere en skygge rett under den), eller det kan være i luften, i hvilket tilfelle vi skal vise knivene i bevegelse. fra og med jordet tilstand. i et nytt lag vil vi trekke sorte flate figurer for hvert store deler av helikopteret. Her er hyttas. her er halen sin. Og her er skyggen av de beste bladene. Og for å bruke skygge, flytte dette laget ned under helikopteret og senke opacity. Dette er 15% dekkevne. Og det er jordet helikopter, klar til å bli plassert på et flatt underlag. For den flygende tilstand av helikopteret, lage sirkler å erstatte bladene i et nytt lag for hver rotor. de bør samsvare med kniver i bredden. Den øverste bladenes sirkel må være dobbelt så bred som den er høy til å være i tråd med isometrisk perspektiv, mens halerotoren skal være en sirkel skjevt på 26.5˚ ... eller litt som dette: Dette er påført med svart farge, men å gi laget en lavere tetthet. La oss holde bare en px omrisset av disse sirklene. Det er fort gjort ved å velge hver sirkel med Magic Wand Tool, så kontrahering utvalget ved en px (Velg > Endre > kontrakt). Og slette utvalet Da legge til et par gule sirkler, står for de gule tips av bladene. Og fylle innsiden med mer svart, med lavere tetthet enn de svarte skisserer. for den siste bit av bevegelse effekt, kan du senke opacity av de roterende bladene i et par kile former. du kan gjøre dette ved å tegne disse speilet, 1/4, kile figurer på et nytt lag, alle i 50% opasitet fordi vi ikke vil fjerne hele kiler, men bare senke opacity. Når kilene er trukket, velg dem ved Command -clicking laget. Å gjøre dette gjør et valg med samme form og tetthet som laget klikket Så, på den roterende kniver laget, trykk Delete og du vil fjerne 50% opacity på det laget, for å få dette. du kan nesten høre dette helikopteret flyr! Glad du gjorde det! Nå figuren din kan fly og bevege seg raskere enn med bil, og din isometrisk pixel art bibliotek av gjenbrukbare elementer fortsetter å vokse! Himmelen er grensen!
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Trinn 9
trinn 10
Trinn 11
< p> Legg til en 1: 1 linje fra samme punkt som den øverste finnen begynner å komme ut av bunnen av bommen og peker ned og tilbake
Trinn 12
Trinn 13
Trinn 14
Trinn 15
.
Trinn 16
Trinn 17
3. Gi helikopter Dybde /Volume
Trinn 1
. Så bare velge og slette de to områdene som har uønsket farge (hele området rundt helikopteret og rektangelet i midten av landingsunderstellet).
Magic Wand Tool
og eventuelle andre utvalg verktøy ved å holde nede Shift mens du bruker verktøyet. Så i dette tilfellet kunne ha holdt nede
Shift
, klikket på de to områdene, og da bare trenger å trykke på Slett en gang ... ikke at det ville spare deg mer enn ett sekund, men det kan bli nyttig på andre tidspunkter.
Alt
, samt kryss med en valget ved å trykke både
Alt
og Selge Shift
.
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Trinn 9
Trinn 10
Step 11
< p> Rydd opp (fjerne de bakre rekker), og du bør ha samme form, men nå med litt tykkelse med.
Trinn 12
Step 13
Trinn 14
Shift
trikset med
Pencil Tool
? Klikk bare på ett punkt med
Pencil Tool
, hold nede
Shift
Klikk på et annet punkt og en rett linje vil koble prikker .
Trinn 15
< h3> Step 16
Trinn 17
Trinn 18
Trinn 19
Magic Wand Tool
, og deretter med
Polygonal Lasso Tool
(
Anti-alias
krysset av og Selge Feather
på 0 px)
skjærer
bare bom (med
Alt-Shift
trikset nevnt før) ...
kopier som
, og Selge lim på plass
(
Rediger > lim > lim inn Sett
). og Selge fusjonere
med skisserer lag
Trinn 20
Trinn 21
Trinn 22
Trinn 23
Step 24
. trinn 25
Trinn 26
Step 27
4. Legg Details & Color
Trinn 1
Trinn 2
Trinn 3
Trinn 4
Trinn 5
Trinn 6
Trinn 7
Trinn 8
< p> nå kan du legge mørkere nyanser på en av sidene, på de områdene som kurve og peker ned og vekk fra den vanlige, topp, lyskilde.
Trinn 9
Trinn 10
Trinn 11
Trinn 12
Trinn 13
Trinn 14
Trinn 15
Trinn 16
Trinn 17
Trinn 18
5. Land eller fly helikopteret
Trinn 1
Trinn 2
Trinn 3
Trinn 4
< p> Så du setter dem sammen. De bør være sentrert på aksen av helikopteret.
Trinn 5
Trinn 6
Trinn 7
Trinn 8
Trinn 9
Step 10
helikopter Ferdig!