How til Lag en isometrisk Pixel Art Neighborhood Block i Adobe Photoshop
Dette innlegget er en del av en serie som heter Isometrisk Pixel Art.How til Lag en isometrisk Pixel Art Vehicle i Adobe PhotoshopCreate en Isometrisk pixel Art Apartment Building i Adobe PhotoshopWhat Du skal lage

En av de beste egenskapene til isometrisk pixel kunst er dens utvidelsesmuligheter; hvis du allerede har gjort grunnleggende, resirkulerbare elementer, kan du gjengi dem og sette dem sammen i stadig voksende scener.

Det er det vi skal gjøre i denne opplæringen. Vi vil samle våre eiendeler og sette dem sammen til en nabolaget blokk. Du vil ha et lite miljø, men med nok tid og krefter bør du være i stand til å til slutt lage et helt nabolag eller by!

Jeg har skrevet tre tutorials som foran denne. Du trenger tips og lærdom fra dem, samt eiendeler som er opprettet i dem, så jeg anbefaler å gå gjennom dem, fortrinnsvis i denne rekkefølgen:

Isometrisk Pixel Art Character

Isometrisk Pixel Art Hus
isometrisk Pixel Art Vehicle

Hvis du er fanget opp, deretter congrats! du er klar til å starte!

1. Samle dine eiendeler

Vi har allerede en anstendig antall eiendeler fra tidligere tutorials. Husk å arkivere dem; prøve å holde alle originaler og eventuelle endrede versjoner for eventuell fremtidig gjenbruk.

De elementene vi har gjort er ganske generisk, slik at de vil fungere fint for duplisering. Vår scenen kunne se mye mer levende og tenkte ut hvis vi ikke betale for bare de generiske elementer og legge en håndfull av unike elementer, det være seg morsomme figurer, uvanlige biler, skilt, graffiti eller landskapsforming og arkitektoniske elementer.

men for nå vil vi stort sett bruke det vi allerede har

Her er hva våre elementer ser ut sammen.

Vi setter tre hus på vår blokk, men vi vil endre deres farger slik at ingen to husene er nøyaktig det samme, i hvert fall i den forbindelse.

2. Endre farger

Heldigvis for bilen vi allerede har en fin rekke farger, per det siste trinnet av at opplæringen:

For å endre opp husene vi vil være å arbeide for det meste på tre farger områder: vegger, tak og døren. Vi vil forlate den hvite hjørner og kanter og vinduene fargene de allerede er.

Trinn 1

Duplicate huset til du har fire, alle i samme lag. Nå skal vi velge områder for å endre på tvers av dem alle. La oss starte med taket.

Vi hadde en grunnleggende farge, men i omtrent fire nyanser, så la oss zoome inn og velge alle nyanser. Dette gjøres med Magic Wand Tool, forlater sammenhengende verktøyet alternativet ukontrollert. Jeg liker å sette staven på 0% toleranse fordi etter jeg velge en farge jeg sørge for å bruke det i alle relaterte områder.

Hvis du vil velge alle nyanser bør du zoomet inn. Start med en av de nyanser ved å klikke noen del av taket med tryllestav. Deretter holder nede Shift, vil du velge flere av nyanser før valget er et solid blokk som omfatter alle tak nyanser (men ikke svart, eller i nærheten av svart, skisserer).

Hvis sammenhengende verktøy alternativet var ukontrollert, vil utvalget ha blitt brukt på alle husets eksemplarer. Nå la oss kopiere, lime på et nytt lag, og gå tilbake til husene laget for å gjenta prosessen, men denne gangen for veggen. Og så enda en gang med døren.

Du bør ende opp med husene på ett lag pluss et lag med bare tak, ett mer med vegger, og en annen med dører.

Trinn 2

nå med Rectangular Marquee Tool velge ett av takene og endre sin fargetone, metning og /eller lysstyrke (Bilde > Justeringer > Hue /saturation ...) innstillingene til din smak. Dette er mye enklere enn å fylle det hele med en ny farge som kanskje ikke engang ser så godt som opprinnelig tenkt. Hvis fargene du ender opp med er hyggelig, men teksturer og kontrast få litt tapt, og deretter prøve å justere lysstyrken og kontrasten (Bilde > Justeringer > lysstyrke /kontrast ...), eller bruk farge Mixer og Paint Bucket å få hver manuelt farge riktig.

Dette er mine tak. De er ikke så forskjellig, men da takene vil sjelden ha farger som ikke er mørk og lite metning.

Trinn 3

Gjenta den samme prosessen for veggene, men nå tar hensyn til hvor disse nye veggfarger utfylle nye tak farger.

Trinn 4

Og da dørene.

Vi kan nå slå sammen disse lagene i en til slutt opp forskjellige fargede hus.

3. Kartlegge Layout

Jeg bestemte meg for å bruke de tre nye hus for min blokk som jeg likte de nye fargene bedre enn den opprinnelige blå.

La oss gå tilbake til å fokusere bare på én for nå å gjøre overflaten layout.

Trinn 1

Vi trenger en innkjørsel, og vi vil ha det på linje med den lille utstikkende delen av huset. Tegn et par parallelle overflate linjer i et nytt lag som dette:

De bør være lang nok for bilen å passe

Trinn 2

Gå videre og nær det. området av på lengden du vil med en lang loddrett linje. Dette vil definere oppkjørselen og foran plenen.

Trinn 3

Nå skal vi legge til noen flere linjer for kantene av eiendommen.

Og en linje for kanten av bakgården.

nå har vi definert eiendommen helt.

Trinn 4

La oss legge litt farge til vår flate. Det kan være lettere å gjøre forgrunnslagene usynlig for en stund å legge til noen linjer eller piksler mangler for å skille våre områder. Føl deg fri til å prøve alle nyanser av grønt for plen og noe lys grå for innkjørselen.

Trinn 5

Nå hva som mangler er en liten gang overflate som fører til inngangsdøren av huset . Du kan gjøre dette i mange former, men husk bare å legge den; inngangsdør bør ikke føre direkte til plenen.

4. Splitt og Multipliser

Det er på tide å sette opp noen divisjoner mellom naboer: vi skal legge et gjerde rundt bakgården

Trinn 1

Vi har å gjøre. det i to nye forskjellige lag; en av dem vil være over huset laget og den andre under den.

Her er det en som er over huset laget. Vi kan starte vårt gjerde med en enkel L-formet disposisjon, som kommer ut av den siden av huset og deretter stille opp med kantene av eiendommen.

Trinn 2

Her har jeg lagt til en tre-lignende farge og mørkere linjer inne for å betegne noen grenser, som gjerdet stilen jeg har valgt å tegne har grenser.

Trinn 3

Her jeg lagt en subtil tekstur mørkere vertikale striper. Gjerdet er en rekke av treplater satt sammen

Trinn 4

Vi bør legge høydepunkter til de vanlige områdene.. De beste kantene og forreste hjørne

Trinn 5

Og på grunn av stilen av gjerdet jeg valgte å gjøre, er det også fornuftig å legge til noen mørkere linjer. Gjerder er vanligvis modulære, og det er en fin detalj for å vise sømmene; det gjør gjerdet mindre kjedelig. Husk å holde sømmene jevne mellomrom.

Trinn 6

De to sider av gjerdet står overfor i forskjellige retninger, så de bør ha ulik belysning, lest våre gjerde mangler dimensjon. Hold belysning i tråd med husets: hvis høyre side av huset er mørkere, bør høyre side av gjerdet være så godt

Trinn 7

Nå vi må. gjerde resten av bakgården, vil vi gjøre dette i et nytt lag under huset er laget.

Siden du allerede har trukket gjerdet, trenger du bare å kopiere, lime inn og endre den og du bør ende opp med noe sånt som dette:.

de fremre deler av gjerdet, de delene som når huset skal være på samme nivå

Trinn 8

nå vi vil multiplisere hele eiendommen. Det er lurt å gruppere alle lag i en mappe, og deretter kan du flytte hele gruppen mens du holder nede Alt for å lage en kopi på sparket.

Gjør det to ganger for å få til tre eiendommer. Dette bør gjøre for en ganske fin blokkstørrelse.

Trinn 9

Nå skal vi erstatte de kopierte husene med de ulike farge husene vi allerede har gjort. Bare lime dem inn i riktig lag.

Gjør det samme med biler. Vi har allerede en haug med forskjellige farger, så la oss slå dem opp. Ett av husene kan være uten en bil for å bryte opp gjentagelse enda mer. Vi kunne ha vår karakter står ved inngangsdøren.

Det kan likevel se litt ensformig, men det er ikke sjelden at en forstad. Vi har gitt alle husene noen fine forskjeller.

5. Bland inn og Fullfør Surface

Nå skal vi gjøre alle elementene ser ut som en del av en helhetlig miljø.

Trinn 1

Start med å fjerne alle unødvendige skillelinjer (den linjer hvor overflater møtes).

jeg anbefaler å lime alle overflater på ett lag, og deretter dekker de svarte linjene som skilte dem med mer grønt.

jeg liker å bruke en lignende forestilling for mange flere linjer. Det kan være subtil, men jeg tror det er for det beste: linjene der gjerdene fra forskjellige hus oppfyller trenger ikke å være svart, linjene i mellom gress og betong kan være en mørk grønn, de svarte linjene foran oppkjørselen vil ikke være nødvendig, og for alle linjer der vertikale og horisontale flater møtes, selv om de er forskjellige farger og materialer, liker jeg å myke dem hvis de er i direkte kontakt.

Trinn 2

for å få ryddet vår betong vs gress linjer vi bør gjøre disse hjørnene runde:

Trinn 3

Vi kan gi et lite høydepunkt i gresset, så det ser ut som om den stiger bare litt fra nivået av betongen. Dette kan gjøres raskt ved å velge mørk gress omrisset med Magic Wand Tool, og deretter flytte det valget opp av en piksel og til slutt fylle markeringen med høydepunktet grønn (med maling bøtte sammenhengende alternativ sjekket av).
< h3> Trinn 4

Vi har gjort teksturer før, men har brukt dem manuelt for mer presisjon. Dette presisjons vil ikke saken, fordi vi bare ønsker å gjøre gresset ser mindre solid, så vi vil lage et mønster.

Tegn noen alternerende mørkere (eller lysere) piksler. Du ønsker kanskje å prøve og se hvordan de ser ut når flislagt før mønsteret. Mønsteret jeg bruker er så enkelt som-:

For å lage det, ville du gjøre et valg som vist ovenfor (en kant bør starte der motsatte ender), og deretter gå til Rediger > Definer Mønster ...

Så å bruke den, vil du ta din Paint Bucket og velg mønster i stedet for forgrunnsfarge i verktøyinnstillingene. Søk etter din nyopprettede mønster blant mønsteret galleriet og fylle gresslette med det (sammenhengende bør kontrolleres av).

Her er det allerede brukt. Kanskje mitt mønster er for subtile, men jeg vet egentlig ikke ønsker høy kontrast der. Jeg ønsker ikke at det skal være en solid farge.

Trinn 5

Vi trenger et fortau å gå rundt blokken. Start med en disposisjon; det trenger ikke å være langt fra plener 'kantene, men det bør helst være på samme avstand på alle sider fra plener' kantene.

Trinn 6

Fyll med den samme grå farge på innkjørsler og rundt disse kanter.

Trinn 7

og legge dimensjon til fortauskanter. Du kan dytte hele overflaten ned noen piksler og deretter Alt-dytte den opp og fikse alle pikslene i mellom. Jeg håper nå du vet øvelsen. Høydepunkter på det forreste hjørnene, mørkere skygge på sidene

Trinn 8

Bilene vil trenge hjelp til å komme til innkjørsler. Vi må lage ramper for dem.

Dette er det området som hver rampe vil bruke. Vi kan starte med noen enkle linjer bare for å betegne hvor rampen går.

Trinn 9

Her jeg gjorde hele rampen en litt lysere grå, som om det er fanger lyset litt mer på grunn av forskjellig vinkel. Jeg har også rundet hjørnene og lagt til en linje for å forene begge overflater. Det er taggete, som ikke er ideelt, men vi skal gjøre det lav kontrast og rystet slik at det skal se fint.

Trinn 10

Her er det ferdige rampen. De fleste linjene ble myknet i tone fordi det hele er ganske flat og bør knapt skiller seg ut. Jeg har lagt utjamning for å redusere jaggedness og kontraster, men ideelt sett utjamning bør ikke legge for mange farger; Ikke bruk Gradient Tool.

Trinn 11

Kopier og lim rampen for alle husene.

Trinn 12

Tid for å treffe gatene : vi skal ha noen asfalt farge som bakgrunn. Best anvende den på en ny bakgrunnslaget.

Trinn 13

Legg noen gate linjer rundt blokken, enten på et nytt lag eller på det samme som plenene.
< p> Den skal være akkurat bred nok for biler til å passe. De stiplede linjene bør ideelt sett være jevnt fordelt. De kryssende linjer kan ha forskjellige stiler, men to parallelle linjer holde ting rent. Også jeg ikke bruker hvit fordi disse linjene er ikke detaljene jeg ønsker å ha mye styrke grafisk.

Ferdig!

Blokken er ferdig. Hvis du ønsker å flis blokken du kan velge alt, fjerner du merket synlighet til asfaltlaget og kopiere alle (Kommando-Skift-C), og deretter lime og justere og bestille lagene på riktig måte for å få uendelig blokker.

det ville være flott om vi allerede hadde flere modeller og bakfra biler, flere hus design og andre bygninger, flere tegn og unike detaljer og trær og busker for å gjøre vår scene mye rikere. Men det tar tid og krefter! Jeg håper fortsatt denne opplæringen gir deg en ganske god idé om hvordan du kan fortsette å vokse dine omgivelser uendelig.

Håper du liker, og lykke til!