How å lage en Flat gråtoner Cityscape i Adobe Illustrator
Hva du skal lage
Noen gang ønsket å føle seg som en architectand lage en modell av en by med fancy bygninger? Denne opplæringen er akkurat foryou! Lær å lage trendy flate stil hus med enkle former, Pathfinder drift og Shape Builder Tool, endre colorsaturation og lysstyrke i et par klikk med Recolor Artwork funksjon, og gjøre opp dine egne farger. La oss komme i gang!
1. Bygg opp et sett av Flat hus med BasicShapes
Trinn 1
La oss begynne å bygge vårt første hus. Makesure du har Smart Guides (View > Smart Guides)
slått på. De hjelper deg med å arrangere og flytte objectsmore lett, med hjelp av justeringsskinnene og knipser funksjonen.
Ta rektangelverktøyet (M) Hotell og enkeltklikk med venstre museknapp syne Artboard. Definer størrelsen på rektangelet ved å sette sin Bredde
til 45 px Hotell og Høyde
til 60 px.
Fyll den med lys grå farge ( ca 20% svart).
Trinn 2
En av de viktigste elementene i enhver bygning isa taket. Form en smal rektangel av en lysere grå farge og roter det til 45 grader
ved å holde den Skift
tasten. Dobbeltklikk på Nødvendigvis Tool (R)
å avsløre optionswindow og reflektere formen over VerticalAxis
klikke Kopier
buttonand dermed skape en andre halvdel av taket. Flytt begge deler nærmere hverandre, og skaper en 90-graders vinkel mellom dem.
Trinn 3
Velg alle de opprettede figurer med Selection Tool (V)
, hold Alt
tasten og klikk på huset basen. utvalget blir tykkere, noe som indikerer du nå samkjøre til Key Object
. Hodet til Align
panel og klikk på HorizontalAlign Senter
knappen.
Trinn 4
La oss bli kvitt gapet mellom houseand taket. Velg huset base og gå til Object > Sti > Legg ankerpunkter.
Velg den øvre middleanchor punktet med Direkte SelectionTool (A) Hotell og dra den rett opp, holder nede Skift
nøkkelen, til den blir skjult bak taket.
Trinn 5
Legg til en liten firkant til venstre del av thehouse for skorsteinen og Send
det til Back (Shift-Control-[).
Legg til grensen av skorsteinen og skaper asimilar grensen for grunnlaget for vår bygning.
Trinn 6
La oss danne inngangsdøren vår house.Start ved å plassere et avrundet rektangel form av en lys grå farge i bottommiddle delen av bygningen. Ta tak i Eraser Tool (Shift-E)
, hold nede theAlt tasten, klikk og begynne å dra musen over nedre del av doorshape. Den delen dekket av den hvite rammen av Eraser Tool
vil bli slettet etter at du slipper museknappen.
Trinn 7
Legg til trappen ved forminga smal rektangel på bunnen av døren. Kopier rektangel og sted itunder den første, noe som gjør det litt lengre. Til slutt legger så mange trapper asneeded å nå bunnen av huset fundament.
Trinn 8
Juster trapp og fundamentet til Vertikal Strek Bottom
i Align
panel.
Trinn 9
La oss gjøre trappen mer tredimensjonale byadding skygger. Duplicate trappen og flytte kopiene opp litt. Deretter Merk av i nedre trapp og dens kopiere og bruke MinusFront
funksjon av Pathfinder
tocut av unødvendige delen. Fyll de resterende form med mørkere grå farge, og dermed skape en skygge, og legge til skygger på de andre trapper, ved hjelp av samme metode.
Legg en mørkere ramme over midten ofthe bygger for dekorasjon.
Trinn 10
La oss gå videre og legge vinduer. Velg thedoor form, holde både Shift Hotell og Alt
nøkler og dra formen opp, thuscreating en kopi rett over døren. Lag to kopier av vinduene andalign dem med grunnleggende huset form hvis nødvendig.
Trinn 11
Legg flere klosser til forsiden av ourbuilding, noe som gjør den utvendige mer detaljert.
Legg en liten runde vinduet i den øverste delen ofthe huset med Ellipse Tool (L).
Trinn 12
La oss gjøre inngangen mer detailed.Select det, gå til Object > Sti > Offset Sti Hotell og sette Offset
verdien til -1 px
, og dermed legge asmaller form inne i døråpningen. Extrude formen ned slik at den berører trapp og fyll den med mørkere grå farge. Legg en enkel runde dør-håndtak.
Lag et rektangel og roter det til på 45 grader
, halv dekker door.Duplicate døren, velger du både døren kopien og rektangel, og bruke Snitt
funksjon av Pathfinder
å kutte formen. Fyll thenewly skapt form med mørkere grå, og skaper en diagonal skygge på vår dør.
Trinn 13
La oss vende tilbake til vinduene og bruke thesame Offset Sti
teknikk for å Create rammer . Legg en smal rektangel, dele vår vindu i to halvdeler. Usethe Roter Tool (R)
å sette therectangle vinkelrett til sin opprinnelige posisjon, og klikk på Kopier
knappen Roter
vindu alternativer , og dermed skape en kopi, slik at vi har twocrossing striper.
Legg til en diagonal tone over vinduet, slik vi gjorde med døren, og redigere to andre vinduer, noe som gjør dem detaljert.
Trinn 14
Legg dimensjon til loftet vinduet ved addinga mindre, mørkere sirkel inni den første. Duplisere smallercircle to ganger (Ctrl-C > Kontroll-F > Kontroll-F) Hotell og flytte den øvre kopiere opp og til høyre. Klipp av theunwanted deler ved hjelp av Pathfinder Hotell og fylle den indre sirkel med mørk grå for å vise dybden på windowopening.
Step 15
Plasser en svak skygge under decorativeedging, noe som gjør fasaden mer tredimensjonalt. Fyll skygge form med lineargradient fra hvit til lys grå, og slå den til Multipliser Blending Mode.
Bruk samme teknikk for å sette en shadowunder taket. Kopier tak form og flytte det ned litt. Slett unneededparts ved hjelp av Shape BuilderTool (Shift-M)
ved å velge både huset base og taket skygge og clickingthe stykker mens du holder nede Alt
tasten.
Trinn 16
La oss gå til vår neste bygning: en liten dagligvarebutikk. Start med å lage et rektangel av 55 x 40 px
størrelse og legge et grunnlag og en trapp som vi didwith vår forrige huset. Lag en bred, lys grå rektangel for vinduet andrender vinduskarmen ved å legge tre mindre, mørkere rektangler, definere theglass deler. Legg skygger for å gjøre vinduet mer detaljert.
Trinn 17
Start danner et stripete parasoll ved placinga smal avrundet rektangel i øvre venstre hjørne av butikken vår, og kopiere den byholding både Shift Hotell og Alt
nøkler og dra det til right.Press Kontroll-D
flere ganger, og legger flere kopier og helt dekker den øvre delen av thebuilding. Lag noen kopier mørkere for å veksle fargene en etter en.
Slett den øvre delen av parasoll, noe som gjør det flatt. Sett en skygge i Multiple Blending Mode
under parasoll, skiller den fra thefacade, og legge til et par lysere klosser for å opprettholde stilen vår firstbuilding.
Trinn 18
la oss gjøre et annet levende hus med en stor garagein sin fremre del. Lag huset utgangspunkt en 50 x 80 px
rektangel, og begynne å danne garasjeporten med helpof rektangelverktøyet (M) Hotell og Offset Sti
funksjon .
Legg til en smal planke på toppen av garagedoor og gjøre det mer tredimensjonalt ved å fylle den med lineær gradient fra mørk grayto lysere grå. Legg til flere planker, som dekker overflaten av garasjeporten.
Trinn 19
Lag en enkel flatt tak på toppen av ourhouse. Først av alt, skape en lysere grå rektangelet og velg deretter sin lowerright forankringspunkt med DirectSelection Tool (A)
. Trykk på Enter
keyto ringe ut Flytt
alternativer windowand sette Horisontal posisjon
verdien til 3 px, etter mens Vertikal
verdien er satt til 0 px
. La alle andre alternativer asdefault og klikk OK
knappen, thusmoving poenget lenger til høyre. Gjenta det samme med venstre anchorpoint, denne gangen å sette Horisontal
verdien til -3 px
flytte punktet tothe venstre, noe som gjør den nederste kanten av taket mye bredere.
Step 20
Legg til et par vinduer på samme måte aswe gjorde med vår første huset, men denne gangen gjør vindusrammer torget sothat husene ser annerledes ut.
Til slutt gjøre en ekstra vinge i theright del av huset vårt for inngangen. Legg milde skygger i Multiple Blending Mode
i bottompart av huset, under taket og hvor du finner det nødvendig. Danner en skråstilt tak over inngangen og legge til en liten firkant dør med en staircase.Decorate huset med flere grupper av klosser.
Step 21
La oss nå gå til en høyere bygning med en uvanlig tak. Lag et rektangel, denne gangen gjør det litt høyere thanthe forrige (50 x 85 px)
, andstart danner taket ved å plassere en smal rektangel på toppen, noe som gjør itshorter på kantene. Sett sammen to rektangler, den ene over den andre, slik at hvert neste form kortere enn den forrige (den samme som vi mens danner trapper). Legg til de fundament på bunnen av bygningen, og skille den fra huset ved hjelp av agentle skygge.
Trinn 22
Ta dekorative kanten og roundedwindows fra vårt første hus, lage flere kopier og arrangere dem på fasaden i noen symmetrisk posisjon som du finner interessant. Unite
takelementer i Pathfinder
andadd en skisse på kantene med hjelp av Offset Sti
.
Rediger øverste delen av taket ved fillingthe opprettet tynn skisse med lys grå farge, og ender opp med buildingby plassere lysere grå murstein her og der.
Step 23
La oss gjøre et annet levende hus med atiled tak. Lag en 45 x 85 px
rektangel for huset base og legge til to smale planker på begge sider av thehouse, skaper en side-visning av vår fremtid taket. Legg en firkant i theupper del av huset, og begynner å danne flis på samme måte som vi didthe parasoll for vår butikk bygning: sette en liten avrundet rektangel i upperleft hjørnet av taket og flytte den til høyre, lage en kopi . Trykk på Ctrl-D
så mange ganger som nødvendig tocover taket fra side til side. Du kan skifte farger, noe som gjør thebuilding mørkere enn taket, eller la det som du vil.
Dupliser laget streng med fliser anddrag det ned, plassere den delvis under den første (Control-[ ,,,0],).
Skjul unødvendige deler av flisene ved å slette themwith Eraser Tool (Shift-E)
orhiding dem under side planker ved å plassere dem på toppen (Shift-Control-])
. Lag noen fliser mørkere og de andre lettere toalternate fargene, slik at takstein mer fancy.
Trinn 24
Legg til inngangen, dekorative fronten borderand en gruppe av vinduer ved å ta dem fra et annet hus og sette en gentleshadow i Multiply Blending Mode
under taket.
Her er vår levende hus med flislagt roof.We've lagt noen separate klosser til fasaden og dannet en dekorativ brickborder langs nederste delen av bygningen
Trinn 25
La oss gå videre til den siste bygningen på ourset. klokke~~POS=TRUNC tårnet~~POS=HEADCOMP. Dette vil være den høyeste og den smaleste bygning, med en 25 x 100 px
størrelse. Legg en stiftelse, understreket av en semi-transparent skygge, og begynne å danne urskiven byputting en jevn sirkel på den øvre delen av tårnet med Ellipse Tool (L)
ved å holde Shift
-tasten. Legg en mindre sirkel insidethe urskive og definere kanter ved å gjøre det mørkere.
Trinn 26
Sett to tynne striper for hourgraduation av vår klokke ansikt og justere dem til den vertikale midten av indre sirkel. Holde både striper utvalgte, ta Roter Tool (R) Hotell og rotere dem med 90 grader
. Klikk på Kopier
knappen Roter
vindu alternativer tocreate to graderinger. Bruk Polygon Tool og stille som favoritt verdien til 3to danner en trekant. Squash og forlenge opprettet trekanten for å lage en klokke hånd.
Velg klokken hånden og flytte den ved draggingit med Roter Tool (R).
Adda lenger trekant for minuttviseren, flytte den med Roter Tool (R)
også. Sett en lightreflection på klokken ansiktet for å gjøre det mer naturtro.
Trinn 27
La oss legge en fancy takstein til tårnet. Combinea trekant og en streng av fliser ved Uniting
dem i én form i Pathfinder
panel. Ta flis gruppe fra forrige huset og plassere den under thecreated trekant. Velg både fliser gruppen og taket form, klikk på høyre museknapp og Gjør Klipping Mask, etter å gjøre de unwantedparts usynlig.
Her er det siste bildet av vår klokke tower.We've lagt et lite loft vindu på toppen, dekorert tårnet med en grense andseveral grupper av murstein, og plassert en dør med en trapp nederst ofthe bygningen.
2. Gjengi et sett med Flat Trees
Trinn 1
Vi må lage noen miljømessige detaljer, for eksempel trær, for å live opp vår bybildet. Start med å danne en jevn sirkel andhighlight sin venstre del med en lettere halvmåneformet stripe. Gruppe bothobjects, kopiere dem og plassere et par mindre kopier på siden av thebasic form, noe som gjør treet buskete. Kopier den grunnleggende form og slette sin lefthalf. Slå den resterende halvparten til MultiplyBlending Mode
, noe som gjør en skygge. Legg en smal trestamme og plassere noen moretrees foran og bak, noe som skaper en gruppe buskete trær.
Trinn 2
La oss lage en enkel busk ved å tegne anellipse og dra sin side anker peker ned ved hjelp av Direct Selection Tool (A).
Klikk theupper forankringspunkt med ConvertAnchor Point Tool (Shift-C)
å gjøre en skarp vinkel. Plasser et rektangel som dekker halvparten av busken form. Velg begge stedene og slett therectangle stykke utenfor busken ved å klikke på den med Shape Builder Tool (Shift-M)
mens du holder Alt
tasten. Slette rundet nederste delen av elementet med Eraser Tool (Shift-E) Hotell og danner en buskete legge mindre elementer på begge sider.
Trinn 3
Flytt på til neste treet-en kjegle shapedfir. Lag en trekant base og sette en svak skygge over, dekker den høyre halvdelen ofthe treet. Legg en smal stammen og danner en gruppe med grantrær.
Her er en komplett sett med elementer som we'vecreated for vår fremtidige sammensetning.
3. Lag en Cityscape Sammensetning og Editthe Colors
Trinn 1
La oss stille opp husene våre og legge thecreated trær og busker blant dem. Bruk Align
panel for å justere objekter ved bunnlinjen.
Trinn 2
Elementene ser litt blek på dette trinnet, så vi må legge til noen kontrast, noe som gjør dem mer levende. Velg ett av thehouses og klikk Recolor Artwork
iconin kontrollpanelet ovenfor. Klikk på Rediger
knappen i vinduet pop-up alternativer for å avsløre et fargehjul. Finn en kjede linkicon lavt i høyre hjørne og klikk på den for å Link harmoni farger
slik at du kan endre alle fargene samtidig whilechanging hvilken som helst farge fra gruppen. Sett Lysstyrke
(B)
slider verdien til 65%
eller mindre, noe som gjør ourhouse mørkere. Kontroller at du har RecolorArt
boksen haket for å se resultatet i sanntid.
Rediger andre bygninger i tillegg, noe som gjør someof dem mørkere og andre lettere, vekslende farger.
< h3> Trinn 3
Render en flat sky ved å kombinere en gruppe ofeven sirkler og en avrundet rektangel, plassert på bunnen av gruppen. Velger deler og Unite
dem i Pathfinder
, og skaper en enkelt form.
Trinn 4
Vi må legge en vei for å danne main av byen vår. Sett tre mørke avrundede rektangler over hverandre inthe bunnen av bygninger linjen og Unite
dem. Legg til to mer avrundede rektangler, delvis dekker begge sider av themiddle rektangel. Bruk Minus Front
funksjon av Pathfinder
eller Shape Builder Tool (Shift-M)
å kutte outthe middel figurer, lage avrundede hull.
Trinn 5
Legg til en horisontal linje langs øvre partof veien for å lage en skillelist. Hodet til Stroke
panel og angi Vekt
verdien til 2 px
. Velg Round Cap Hotell og Round Joint Hotell og sjekk DashedLine
boksen, sette strek til 6 px Hotell og gapet til 8 px.
Trinn 6
La oss gjøre en enkel bil og sette den på theroad for å gjort byen vår mer levende. Danner basis for bilen med thehelp av avrundede rektangler, og trekker to selv sirkler for hjulene. Addminor detaljer som frontlysene, dekk, dørhåndtak, og eventuelle andre deler som du finner nødvendig for å gjøre bilen mer realistisk.
Trinn 7
Flytt på og begynne å danne en lang shadoweffect å legge mer dybde til vår kunstverk. Lag en stor rektangel (jeg har filledit med rød farge bare for å gjøre det mer merkbar) og roter det til 45 grader
. Kombiner kantene therectangle med side poeng av veien, og Send
til Back (Shift-Control-[).
Legg til flere diagonale rektangler under everypart av veien og hver sky.
nå velger både objektet og therectangle og slette unødvendige stykke med Shape Builder Tool (Shift-M)
ved å trykke på Alt
tasten.
Etter at du har slettet alle unwantedparts, velg rektangler og fylle dem med lineære gradienter fra grå towhite, bytte til Multipliser Blending Mode og dermed snu rektanglene intosemi transparente lange skygger.
< h3> Trinn 8
Du kan live opp bybildet ved creatinga levende fargepalett. Velg din farge gruppe og klikk New Color Group
ikonet i Fargeprøver
panelet for å opprette en bruker definedpalette fra utvalgte kunstverk.
Velg din by og gå til
opsjons vinduet Recolor Artwork. Hereyou finner paletten i ColorGroups
delen til høyre. Klikk på den for å ta i bruk nye farger til din artworkand bruke Tilfeldig endre farge for
funksjon for å finne den beste kombinasjonen av de valgte fargene.
Du kan begrense antall farger som brukes inyour kunstverk ved å sette ønsket verdi i farger boksen for å oppnå en nicecontrasting fargeeffekt.
Ellers, hvis du er fornøyd med initialresult, bare la din bybildet i gråtoner, opprettholde en trendy retrostyle.
< h2> Voila! Vår Cityscape Flat Illustrasjon er ferdig!
god jobb, gutter og jenter, vi har klart tocreate en trendy flat stil bybildet med noen flere detaljer, som legges dimensjon og gjorde vårt kunstverk mer levende. Jeg håper du har lært noen nye simpletips og triks for din fremtidige kunstverk. Stay tuned for mer, og la theinspiration veilede deg!