How til Lag en isometrisk Pixel Art Tree in Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.Create en isometrisk Pixel Art Office Building i Adobe PhotoshopCreate en isometrisk Pixel Art Coffee Shop i Adobe PhotoshopWhat du skal lage

Hvis du har vært å skape din egen isometrisk pixel by eller mindre utvendige scener, eller hvis du er interessert i å gjøre det, vil du til slutt må trær. De er en utmerket dekorasjon element å ha i pixel art inventar fordi de kan lyse opp nesten enhver scene, og de er rett og slett nødvendig for større byer eller bylandskap, for ikke å nevne parker og naturscener.

For tretopp, kanskje ditt første instinkt være å frihånd noe rufsete og uregelmessig, slik som å oppnå en "naturlig" utseende, men vi vil være å unngå at fordi en tilfeldig form ikke vil se bra duplisert om og om igjen. Anmeldelser

Vi skal prøve å få mest mulig igjen for pengene med treet vårt design, med en forholdsvis enkel, symmetrisk, muligens geometrisk form som ser organisk men fortsatt harmonisk når duplisert flere ganger.

Sjekk ut pixel art karakter tutorial hvis du har ikke ennå, for grunnleggende tips og estetiske guider samt alltid nyttig karakter.

1. Dimensjoner

Vi vil gjøre vårt tre store nok til å være mer enn en busk, men ikke virkelig stor.

Trinn 1

Mindre enn to ganger høyden av vår karakter bør være nok. Her har jeg satt høydene for stammen og i tretoppene.

Dette er løse retningslinjer, og vi kan justere størrelser senere.

Trinn 2

Bredden trestammen burde være mer enn vår karakter ben. Denne har fire px mellom skisserer.

Trinn 3

Og dette er omtrent hva bredden på tretopp vil bli.

2. Shapes

Vi vil gjøre vårt tretopp form av en klynge av ovaler. Det er mulig å gå for en enklere form, som en perfekt sirkel eller kvadrat, som forutsatt at treet har blitt beskåret er helt realistisk. Men klyngen løsningen vil være mer naturlig å se og gi oss en fin mengde kompleksitet.

Trinn 1

Her er basen oval vi vil bruke. Dette er 24 x 18px, men prøv forskjellige størrelser hvis du vil.

Du kan gjøre det ovale med Elliptical Marquee Tool (anti-alias av). Deretter kan du fylle den med kantfarge og kontrakt utvalget (Velg > Endre > Contract ...) etter én piksel til å fylle på med grønt. Men jeg foretrekker å tegne min egen oval med blyantverktøyet til å ha en litt mer firkantet og mindre rufsete form.

Trinn 2

Vi vil bruke den samme oval igjen for å legge til vår klyngen. Vi skal gjøre tre ovaler øverst og fem på bunnen.

Trinn 3

Prøv så mange alternativer som du ønsker å posisjonere ovaler. Denne raden vil ha tre.

Trinn 4

Den tredje oval i denne raden vil være litt lavere for å gi hele klyngen litt mer dimensjon.

Trinn 5

Til slutt legge til et par for bunnen, men har de under de som allerede er ferdig; du kan lime dem på et nytt lag, flytte laget under den originale og deretter flette nedover.

Trinn 6

Fjern retningslinjene.

Trinn 7 Anmeldelser

Siden bunnen gjør ganske bredt avrundet rektangel jeg myknet kurven for det litt, like over stammen her:

3. Shading

Vi fikk grunnformene av våre tre ned, så nå kan vi arbeide på skyggelegging for å få volumene av vår treet over.

Trinn 1

Vi kan få kvitt det meste av innsiden ovale linjer; det er lett nok til å huske hvordan vi vil skygge dem. For nå vil vi bare holde linjene for raden med tre ovaler.

Trinn 2

Som vanlig vil toppen av våre figurer være de mest opplyste områder. Denne skyggen er 10% lysere og har også en litt varmere nyanse.

Trinn 3

Bruk det samme forrige skyggen, men til mindre områder på sidene av de to nederste ovaler.
< h3> Trinn 4

Legg til litt mer av den skyggen kun på midten oval av raden med tre ovaler.

Trinn 5

Nå legger vi en mørkere nyanse til å dekke mer enn halvparten av de tre ovaler. Skyggen er 10% mørkere enn hovedtreet farge og har en litt kjøligere fargetone. Prøv variasjoner som det passer deg.

Trinn 6

Og den siste skygge for tretopp vil gå på bunnen området. Igjen er skyggen 10% mørkere enn den forrige, og har en litt kjøligere fargetone.

Trinn 7

La oss legge litt brun for trestammen. Prøv alternative farger som du liker, og husk at du kan enkelt prøve fargevariasjoner med bilde > Justeringer > Hue /Saturation ... glidere.

Trinn 8

Til slutt legger noen shading til stammen. Det bør være mørkere like under tretopp grunn av skyggen til tretopp bør kaste. Mot kantene kan det være mørkere eller lysere som du foretrekker. Her er det mørkere:

4. Utjamning /Patterns

Dithering er bruk av mønstre for å lette overgangen fra én farge til en annen. Det er ganske vanlig i pixel art, selv for isometrisk stil jeg bruker, pleier jeg å holde det til et minimum. I dette tilfellet vil vi skal bruke det og gjør det dimensjonert slik at så vel som nedtoningen vår skyggelegging, vil det også gi treet vårt en grønn tekstur. Det er en vinn-vinn-situasjon for oss!

Trinn 1

Vanligvis spredningsmønstre ansette individuelle piksler, men som jeg sa, vi skal gjøre vårt mønstre dimensjonert. Så som du bør legge merke til her, bruker utjamning biter av 4 piksler på en gang, samt blokker på 2 piksler henger sammen. Prøv å forestille deg å måtte respektere en brikke rutenett.

Arbeid mens zoomet inn og se på utviklingen ved å zoome ut. Er resultatene til din smak?

Trinn 2

Her har jeg brukt mer utjamning til en av de nedre lyse områdene. Pikslene i dette mønsteret har fått mindre, men jeg er fortsatt respektere en brikke rutenett som jeg gjorde med det øverste området.

Trinn 3

Når du er fornøyd med hvordan det området ser , kopiere den til den andre siden og bruke den samme prosessen til den siste bit av høydepunkt, den i midten oval.

Trinn 4

Gjør mer av det samme utjamning for den midtre delen , hvor vi går fra hoved grønt til den andre mørkeste fargen.

Trinn 5

Her rystelsen blir påført en av sidene av trær, litt høyere enn på midten for å skille volumene og gir treet en rundere, fyldigere utseende.

Trinn 6

Deretter legger noen mørkere piksler for å fremheve en pause mellom denne siden området og midten oval. Det vil bidra til å gi treet klyngen ser vi ment.

Trinn 7

Når dette området er ferdig, kan du bare kopiere den, snu den, og sett den på motsatt side.

Trinn 8

Til slutt trekker det samme trikset på den mørkeste skyggen av grønt.

Trinn 9

Og for å legge tekstur til trestammen deg kan, på et nytt lag, gjøre en enkel, mindre rutenett mønster i svart og senk opacity til under 20% før sammenslåing ned.

Det burde bidra til å gi våre trestamme en bark tekstur.

Step 10

Som et siste skritt, gjør bunnen omrisset på stammen litt lettere og legge en runde skyggen til tretopp som skal være svart, satt til ca 10% dekkevne.
< h2> Tre Ferdig!

Vårt tre er nå klar til å limes inn på hvilket som helst miljø, hvor det vil blande i pent og lyse opp stedet!

Plasser en foran hvert hus du gjør eller lime en haug for å lage en skog eller fylle opp en park. Endre fargetone /metning av tretopp og gi treet høstfarger, eller rett og slett få en haug med nyanser av hensyn til variasjon. Forhåpentligvis vil du finne dette elementet svært gjenvinnbar, og dermed et svært verdifullt element i pixel art inventar.

Lykke til og holde vokser! Anmeldelser