How å lage en søt Illustrasjon av Janus huset ved hjelp av Adobe Illustrator
Hva du skal lage
Hei therefellow lesere! I dagens opplæringen vil du lære hvordan du oppretter en San Franinspired huset ved hjelp av noen av Adobe Illustrator grunnleggende verktøy som rektangelverktøyet
, Avrundet rektangel Tool
, og Pen Tool
. Vi vil se hvorfor bruker layerscan forbedre hastigheten og presisjonen i vår arbeidsflyt, men viktigst howsimple geometriske figurer kan lage detaljerte kunstverk i løpet av noen øyeblikk.
Når det er sagt, la oss oppstart Illustrator andstart bygningen.
1. Innstilling UpOur Dokument
Det første jeg alltid gjør når jeg starter workingon et nytt prosjekt er å sørge for at dokumentet er satt opp riktig. Det beingsaid, la oss lage en Nytt dokument (Fil > New
eller Ctrl-N
) andadjust noen av innstillingene som vist nedenfor:
Antall tegnebord
: 1
Bredde
: 800 px
Høyde
: 800 px
< b> Enheter
: Pixels
Og fra fanen Avansert
:
Fargemodus
: RGB
Raster Effects
: Høy (300 ppi)
Align nye objekter toPixel Grid
: merket
< b> Quick tips
:
rastereffekter kontrollere hvordan skygger, teksturer og andre effekter vises på ulike medier. Hvis du begynner creatingfor digital, men på slutten av prosjektet du bestemmer deg for å faktisk printthe design på papir, må du sørge for at Raster Effects er Setto minimum 300 ppi verdi. Den raskeste måten å gjøre dette på er å gå til Effect > Dokument Raster Effects Settings
,
ogfra Oppløsning
delen changeit til 300.
2. Sette opp acustom Grid
Siden vi ønsker vår illustrasjon for å være så skarp aspossible vi må sette opp en egendefinert rutenett, som vi vil knipse ourobjects. Først går du til Rediger > Innstillinger > Guides & Grid Hotell og juster følgende innstillinger:
Uten kraftlinjer hver
: 1 px
Underinndeling
: 1
nå for å sørge for at snapping isactually aktiv, må vi gå til Vis
andthen klikk på Fest til rutenett (Shift-Control-")
.
Quick tips:
bør du vite at Fest til rutenett
optionwill forvandle seg til Snap være Pixel
hver gang du går inn Pixel Preview-modus < . br>, men det er helt greit, så mesteparten av tiden vil du være goingback og frem med denne visningsmodusen
du kan lære mer om Grid og hvordan itworks ved å lese disse to artiklene:
UnderstandingAdobe Illustrator er Grid System
Hvordan lage Pixel Perfect Artwork Bruke AdobeIllustrator
3. inndeling OurDocument
Lag areprobably den mest nyttige funksjonen som Adobe har innlemmet i Illustrator, og jeg finner meg selv bruker dem nesten hele tiden. de gir deg full kontroll overyour kunstverk, slik at du kan vise og posisjons ulike seksjoner på oneanother, men viktigst av alt de gjør deg i stand til å fokusere og justere bestemte partsand elementer veldig raskt uten som ønsker å dele opp eller isolere thoseobjects
Siden vår nåværende prosjektet har mange detaljer, jeg fant ut at vi kunne dele den i et par seksjoner og lag theirelements bruker fire lag som vi vil nevne som følger:.
promenaden
nederste delen
midtre delen
øverste delen
Quick tips
: som vi går gjennom de forskjellige lagene Irecommend du låse de du for øyeblikket ikke jobber med, slik at elementsfrom ett lag vil ikke ende opp på en annen
4.. Opprette theBoardwalk
La oss startsimple, ved å skape strandpromenaden på som vi vil posisjonere differentsections av vår lille huset. Først, sørg for at du er på riktig lag, låse alle de andre, og deretter ta tak i RoundedRectangle Tool Hotell og skape en 280 x 4px
form med en Hjørneradius
av 2 px
Color objektet i en mørk nyanse av blå (# 192C3B) og ved hjelp av Transform
panelposition det ved hjelp av følgende koordinater:.
X
: 400 px
Y
: 686 px
5. Opprette thebottom Seksjonen i Hus
Siden vi createdour promenaden ganske raskt, kan vi gå videre til den nederste delen lag og startbuilding den nedre delen av vår illustrasjon ett skritt av gangen.
Trinn 1
Bruke RectangleTool (M)
skape en 210 x 120 px
form, som vi vil farge ved hjelp av # 192C3B. Deretter, med objektet fortsatt er valgt, Horisontal Midtstill
det å theboardwalk, noe som gjør at bunnkantene kontakt
Quick tips
. Hvis Align
panelet ikke viser alle alternativene som i mitt referansebilde, klikker du bare syne ned pilen som peker fra sin øverste høyre hjørne, og trykk på Vis alternativer
.
Trinn 2
Opprett en mindre 198 x 108 px
rektangel, farge den med # 2C4251 og deretter bothhorizontally og vertikalt justere den til den tidligere opprettede form.
Trinn 3
Start gir illustrasjonen litt dybde bycreating ni 198 x 2 px
rektangler, som vi vil farge med # 192C3B og avstand fra hverandre forlate en gapof 6 px
mellom dem. Deretter gruppe theshapes ( Ctrl-G
) og posisjon themtowards den øverste delen av byggets indre rektangel, forlater enda en 6 px
gap.
Trinn 4
Lag en kopi ofthe gruppert linjer som vi nettopp har laget ( Ctrl-C > Kontroll-F
), endre sin farge til hvit (#FFFFFF) og deretter flytte dem mot bunnen av < b> 2 piksler
slik at de stikker rett under de opprinnelige.
Siden disse vil fungere som høydepunkter, endre Blending Mode
til Overlay
samtidig som man reduserer deres Opacity
nivå til 40%
.
Trinn 5
Neste vi vil legge to 6 x 108 px
vertikale skillevegger, på hver side av strukturen wecurrently har bygget, og pass på å forlate om 36 px
mellom dem og husets nederste delen disposisjon.
Trinn 6
Når vi har ourdividers posisjonert, må vi legge til to 4x 78 px
svart (# 000000) rektangler på hver ytterside av dem, noe som gjør sureto topp justere dem.
Siden disse vil fungere som skygger, trenger vi tochange sin Blending Mode
til Multipliser Hotell og redusere sine Opacity
til 14%
.
Trinn 7
Legg til et par høydepunkter mellom hver ofthe horisontale linjer, ved å lage en haug med 2 x 4 px Hotell og 2 x 1 px
smallersegments, gi dem den samme BlendingMode Hotell og Opacity
nivå som vi didfor de forrige
Quick tips
. som du kanskje har lagt merke til, de beste høydepunkt segmenter er litt mindre interms av høyde (bare 2 px
tall) siden vi vil legge til en overliggende form i de neste trinnene.
trinn 8
< p> Neste, la oss begynne å jobbe på horizontaldividers, ved å opprette en 216 x 16 pxRounded Rektangulære | med en 8 pxCorner Radius
. Color formen ved hjelp # 192C3B og deretter plassere den justunder siste par høydepunkter, og pass på å Horisontal Midtstill
det til større formen på denne delen ofour huset.
Trinn 9
Når vi har "disposisjonen" for vår divider, it'stime å legge den indre fylle segmentet. For å gjøre dette, opprette en 204 x 4 px Avrundet Rektangulære | med en Hjørneradius
av 2 px
. Color formen ved hjelp # 405866 og deretter plassere den på toppen ofthe opprettet tidligere form.
Trinn 10
Begynn å legge detaljer til dele av creatinga øverste halvdelen høydepunkt ved å duplisere ( Control- C > Kontroll-F
) den indre lettere segmentet, og deretter velge og slette ( Slett
) nederst sentrert anchorpoints ved hjelp av Direct Selection Tool (A)
.
Når du har fjernet ankere, trykker du på Ctrl-J
å forene dem som er igjen, og deretter endre shape'scolor til hvit (#FFFFFF) å sette BlendingMode
Overlay Hotell og Opacity
nivå til 40%
.
Trinn 11
Legg til to mindre 6 x 16 px
vertikale skillevegger på den horisontale en, positioningthem mot utsiden av om 6 px
.Deretter legge en skygge og et høydepunkt på hver side, med de samme verdiene vi usedfor de andre.
Step 12
Ta RectangleTool (M) Hotell og skape en 198 x 4px
form, farge det svart (# 000000), endre Blending Mode
til Multipliser Hotell og dens Opacity
til 24%
, og plasser den rett under omrisset av horizontaldivider.
Når du har gjort det, velge alle komponere elementer av thedivider og gruppere dem sammen ved hjelp av Ctrl-G
.
Trinn 13
Legg høyere høylys og skygger segmentsunderneath den horisontale skillelinjen skygge, en for hver side og sentrum.
Trinn 14
Siden venstre og høyre smalere sectionsshould være mørkere, trenger vi å dekke dem opp med to 36 x 108 px
rektangler (# 192C3B) som vi vil ha Blending Mode
satt til Multipliser Hotell og Opacity
nivå til 14%
.
Nå husker jeg fortalte deg å gruppere den horisontale deler? Vel det er becausewe trenger det å være plassert på toppen av disse to skygger som vi har justcreated. For å gjøre det, velger du bare skillelinjen og høyreklikk > Arranger > Legg foran
.
Trinn 15
Slå over til rektangelverktøyet (M) Hotell og skape et større 216 x 18 px
formen (# 192C3B) som vil fungere som omrisset og aslightly mindre 204 x 6 px
en (# 2C4251) som vil fungere som fyll. Velg og plasser to mot oversiden ofour husets nederste delen så thatthe skisserer overlapper hverandre.
Trinn 16
Deretter oppretter du en mindre 204 x 2 px
rektangel som vil fungere som et høydepunkt og en annen 198 x 4 px
en som vil fungere som ashadow. Bruk de samme verdier som før når det gjelder farge, Blending Mode Hotell og Opacity
nivåer, og plassere dem som følger.
Trinn 17
Legg resten av høydepunktene på stykket, og pass på å presse dem litt mot utsiden for å gi illustrationsome dimensjon.
Trinn 18
Lag en kopi av den nederste horisontale dividerby velge og deretter dra den mot toppen mens du holder nede Alt plakater (for å lage duplikat) og Skift plakater (for å dra helt rett).
Plasser kopi slik at bunnen omrisset delen lapper at av thetop siden av andre skillelinjen, og deretter isolere den (dobbeltklikk på Dersom Gruppe). Deretter justere bredden slik at disposisjonen og fylle rager towardsthe utenfor ved et par piksler.
Trinn 19
Legg to 6x 28 px
vertikale skillevegger (# 192C3B ) og noen skygger på hver side av them.Once du har alle elementene i den andre topside skillelinjen, gruppere dem ( Ctrl-G
) slik at ting won'taccidentally få feilplassert.
Trinn 20
Start jobber på vinduet ved å opprette en 50 x 72 px
rektangel (# 192C3B) whichwill fungere som omrisset eller ramme, og en annen mindre 38 x 60 px
en (#DDDDBF) som vil tjene som glasset. Senter thetwo, gruppere dem ( Ctrl-G
) og thenposition dem mellom den første og andre skillelinjen.
Trinn 21
Begynn å legge detaljer til vinduet som thevertical og møte rails (2), høylys og skygger (3), vannrette streker (4), Tverrbjelke skygger (5), terskel (6 og 7), terskel høydepunkter andshadows (8 og 9).
Når du har alle elementene i windowgrouped sammen ( Ctrl-G
), shouldbe du gjort med den nederste delen av huset, noe som betyr at vi kan starte workingon den mellomste.
6. Opprette themiddle delen av huset
Trinn 1
Antar du allerede har flyttet opp til themiddle delen lag, og låste den ene under, ta tak i rektangelverktøyet (M)
og skape filland omriss ved å tegne en større 210 x156 piksler
form (# 192C3B) og en mindre 198 x 144 px
en (# 536D7C).
Gruppe de to ( Ctrl-G
) og deretter HorizontalCenter Strek
dem til den nederste delen av huset, noe som gjør at theoutline overlegg at av de øverste vannrette skillelinjen .
Trinn 2
Legg to 36x 26
svart (# 000000) rektangler på hver side av lysere blå delen ofthe huset for å legge mer dimensjon til det. Når du har dem plassert på plass, endre Blending Mode
til Multipliser
, senke sine Gjennomsiktighet
nivåer til 14%
.
Trinn 3
Start jobber med de horisontale dekorative linjer, ved å opprette seks 198 x 2 px
rektangler (# 192C3B), som vi vil distansere seg fra hverandre ved om 2 px
ved hjelp av Align Panel
's VerticalDistribute Space
alternativet.
Når du har dem distribuert, gruppere dem ( Ctrl-G
) og deretter plassere dem towardsthe bunnen av større form under dem, og etterlater et gap på ca 2 px
Quick tips
. Hvis du er ny til Fordel Spacing
youshould vet at for at det skal fungere må du først velge elementsthat du ønsker å plass ut, og deretter velger du en av dem som Key Object
som alle de andre oneswill bli distribuert.
Trinn 4
som vi gjorde med den nederste delen av hus, vi vil nå begynne å legge høydepunkter, som vil være litt kortere. Så usingthe rektangelverktøyet (M)
opprette seks 198 x 1 px
former, farge dem usingwhite (#FFFFFF) og deretter posisjonere hvert av dem under previouslycreated linjer, og pass på å endre sin BlendingMode
til Overlay
mens loweringthe Gjennomsiktighet
nivåer til 40%
.
Trinn 5
Neste , begynne å legge de vertikale høydepunkter, og pass på å justere dem til de fra den nederste delen av huset.
Trinn 6
Legg til et sett av to 6 x 26 px
vertikale skillevegger (# 192C3B) for å avgrense overflate av bygningen, og legge til to 4 x 26 px
skygger, en på hver side. Også siden vi kommer til å legge en annen horisontal skillevegg forthe vindu, må vi legge til en 198 x2 px
skygge også.
Trinn 7
Start jobber med det første horisontal dividerfor vinduet, ved å opprette en 216 x 16px
rektangel (# 192C3B) som vil fungere som omrisset og en annen 204 x 4 px
en (# 2C4251) som vil Actas fyll . Legg den øverste halvdelen høydepunkt og deretter de tre vertikale parene.
Trinn 8
Lag den andre horisontale divider av drawingone større 222 x 14 px
rektangel (# 192C3B) og en mindre 210 x 2 px
en (# 2C4251), bruk av samme type høydepunkter som vi gjorde for den forrige.
Trinn 9
Avslutt to skillevegger ved å legge to 6 x 24 px
rektangler (# 192C3B), en oneach side, og skyggene som dannes av dem på figurene under.
Trinn 10
Komme i gang fylle opp den tomme delen av housewith dekorative linjer, som vi gjorde et par skritt siden, og husk å legge theside høydepunkter.
trinn 11
Start jobber på vinduet stykke av creatingthe basen omriss og fyll som vil holde hele resten av sitt elements.Using rektangelverktøyet (M)
createone større 126 x 106 px
form (# 192C3B) og en mindre 114 x 94 px
en (# 2C4251). Sentrer to, og deretter plassere dem på siste horizontaldivider slik at deres skisserer lapper.
Trinn 12
Tegn selve glasset av vinduene ved creatingtwo smalere 18 x 78 px
rektangler (# 678391) og en litt bredere 26 x 78px
en (# 7A99A7). Horisontalt og vertikalt justere midtstykket til thewindow sin disposisjon, og deretter bruke VerticalAlign Senter
muligheten til å justere de to andre, plassere dem på om 22 px
fra Key Object
(midten glass stykke).
Trinn 13
Neste vi må begynne å legge toppen og bottomcasings ved å tegne to 114 x 4 px
rektangler (# 192C3B ) som vi vil posisjonere ved siden av den øvre og nedre deler av theglass stykker. Da må vi legge til side seg ved å lage to 2 x 78 px
rektangler (# 192C3B) for eachof glassbitene, og sørg for å plassere dem på sidene.
Trinn 14
Bruke RectangleTool (M)
legge en bar over hvert glass panel, ved å opprette to smalere 18 x 6 px
figurer (# 192C3B) for leftand rette, og et bredere 26 x 6 px
en (# 192C3B) for midtstykket.
Deretter oppretter de indre fyll deler av drawingtwo 18 x 2 px
gjenstander (# 2C4251) andone 26 x 2 px
en (# 2C4251) whichwill gå på toppen av de tidligere opprettede seg. Gruppe elementene sammen ( Ctrl-G
) og deretter stilling themtowards oversiden av glasspaneler, og etterlater et gap på ca 30 px
.
Trinn 15
Start creatingthe dekorative hjørner som går under stolpene, ved å tegne en 7 x7 px
square (# 192C3B) for theoutline (1) og en mindre 3 x 3 px
on (# 2C4251) for påfyllingsdelen (2). Siden formen trenger noen justeringer, vil vi bytte over til Legg AnchorPoint Tool
(under PenTool
) og legge til to ankerpunkter på bunnen og høyre side av hver rute.
Først la oss legge ankere for omrisset, atabout 3 px
fra nedre rightcorner (2 - de grønne prikker). Deretter bruker Direct Selection Tool (A)
fjerne høyre ankerpunkt (2 -the red dot) ved å velge og slette det ( Slett
). Nå gjelder det samme fremgangsmåte til påfyllingsdelen (3).
Onceyou har justert begge former (4), må vi legge til en liten 3 x 1 px
rektangel mot den øverste delen av fyllingen som willact som en subtil skygge (5). Endelig endre Blending Mode
av skyggen til Multiply
samtidig som man reduserer sin Opacity
levelto 24%
.
Quick tips
: for et nivå av maksimal presisjon du kan bytte over til Pixel Forhåndsvisning
modus ( View > Pixel Preview
eller Alt-Ctrl-Y
) og zoome inn på theshapes. På denne måten vil du se ankerpunktene tydeligere og mostimportantly har mer kontroll over dem.
I vårt liggende sak, siden vi må legge abunch av nye forankringspunkter på en viss avstand, Pixel Forhåndsvisning
modus er veien å gå.
Trinn 16
Når du har opprettet hjørnet stykker, simplyposition dem på illustrasjonen rett under vannrette streker, og pass på å adda par til hver glass panel, reflekterer eksemplarer til høyre side (velg > høyreklikk > Transform > Nødvendigvis > Vertikal
).
Trinn 17
Neste vi trenger å legge de indre stiler betweenthe hoved glass stykke og side seg. For å gjøre det, rett og slett ta tak i rektangelverktøyet (M) Hotell og lage en 14 x 106 px form (# 192C3B) som willact som disposisjon, og deretter en annen mindre 6 x 94 px
on (# 2C4251) som vil tjene som vår fylle. Gruppe to ( Ctrl-G
) og deretter plassere dem nextto side foringsrør, forlate et gap på 2 piksler
mellom dem.
Trinn 18
Det er på tide å gi deg en liten bit av freedomand la deg få kreative ved å legge informasjon til vinduene. Start med å creatinghighlights, skygger og refleksjoner på og under de ulike composingelements. Ta deg god tid og være så detaljert som mulig for at theillustration å være mer interessant.
Trinn 19
Legg opp to side skygger ett på hver side av theWindows, ved å opprette to 4 x 94 px
rektangler, som vi vil farge med # 192C3B, sette deres Blending Mode
til Multipliser
whilelowering Opacity
nivåer til 34%
Trinn 20
Finish av denne delen av huset ved creatinga duplisere ( Ctrl-C > Kontroll-F
). av de horisontale skiller de under vinduet, som vi vil posisjonere towardsthe toppen. Siden denne delen vil gå noe under den ovenfor, trenger vi tomake sikker på å justere fyllfargen til den første skillelinjen til # 2C4251 og fjerne allthe vertikale høydepunkter.
7. Opprette theTop delen av huset
Trinn 1
Plasser deg på det siste laget, den topsection en, og ved hjelp av RectangleTool (M)
skape en 222 x 32 px
form (# 192C3B) som vi vil bruke som en disposisjon og en annen 210 x 20 px
en (# 536D7C) som vil fungere som vår fyll. Senter alignone til en annen, og deretter plassere dem på toppen av den siste horisontal skillevegg sothat konturene lapper.
Trinn 2
Legg til et par detaljer til denne delen av theillustration ved å opprette en 210 x 4 px
rektangel (# 192C3B) som vi vil posisjonere mot toppen siden det vil fungere som en skygge ( Blending Mode
satt til Multipliser
, Opacity
nivået senkes til 24%
).
Neste tegne en 2 x 16 px Hotell og en 1 x 16 px
rektangel, og etterlater et gap på 2 px
mellom dem. Gruppe dem ( Ctrl-G
) og plassere et par på theleft og på høyre side av basen vi nettopp opprettet, og etterlot en tom spaceof 21 px
mellom dem og theoutline.
Trinn 3
Legg til en dekorativ del på hver undersiden ofthe fylle form, ved å opprette ni 2 x 2 piksler
torg, distansert på 2 px
fromone en annen , og deretter legge til en 36 x 1 px
rectangleon toppen. Gruppe figurene ( Ctrl-G
) og deretter opprette en duplikat ( Ctrl-C > Kontroll-F
), gjenspeiler det ( høyreklikk > Transform > Nødvendigvis > vertikal
) og plasser den på plass.
Trinn 4
begynne å jobbe på den dekorative brikke som vil gå over vinduene, bycreating en 136 x 8 px
rectangleand annen litt høyere 136 x 12 px
én (1). Color figurene ved hjelp av # 536D7C og deretter forene dem med hjelp av Pathfinder
's Unite
alternativ.
Nå siden formen trenger en liten touch up, bytte over Pixel Forhåndsvisning
modus, zoome inn på det, andthen velge nederste festepunktene (en om gangen) ved hjelp av Direct Selection Tool (A) Hotell og flytte themtowards innsiden av 4 px plakater (2).
Siden vi trenger å legge til en disposisjon, bare lage en kopi ( Ctrl-C > Kontroll-F
)
ofthe form som vi har, endre fargen til # 192C3B og deretter gå til Object > Sti > Offset Sti
andenter 6 px
inn i Offset
feltet, slik at alle otheroptions som de er. Når forskyvningen er opprettet, sende formen til baksiden ved å høyreklikke > Ordne > Send til Back plakater (3).
Neste start legge små detaljer til piecesuch som høydepunkter (4), den vertikale (5) og horisontale skiller (6), thesubtle skygge (7) og de runde dekorative elementer (8-11).
Trinn 5
Bruke RectangleTool (M)
, start ved å tegne en 222 x 6PX
form (# 536D7C) som vi vil posisjonere på toppen av dekorative brikke we'vejust opprettet. Deretter legger en annen 222 x 16px
en som vi må justere ved å flytte de beste ankerpunktene towardsthe inne med 12 px
. Endelig createa 198 x 103 px
rektangel på toppen, andthen velge alle objektene og forene dem sammen.
Trinn 6
Med den tidligere opprettede form valgt, lage en kopi ( Ctrl-C > Kontroll-F
), velger du den og deretter gå til Object > Sti > Offset Sti Hotell og gi det en forskyvning av 6 px
. Siden oversiden av taket ikke vil være flat, men ratherpointy, må vi velge de beste ankere i duplikat ved hjelp av Direct Selection Tool (A) Hotell og flytte themdown av 6 px
slik at toppen sectionof omrisset er justert til at av fyllingen.
Trinn 7
La oss begynne å legge noen detaljer til lowersection av taket ved å opprette en 222 x4 px
rektangel (# 192C3B) som vi vil posisjonere seg mot midten av theoutline, forlate et gap på 4 px
betweenthe to (1). Neste legge et mindre 222 x 1px
rektangel (# 192C3B) over den forrige formen, og etterlater et gap på 3 px
mellom dem (2). Legg en subtil 222 x 2 px
markere rett under høyere linje, mens du legger en 222 x 1 px
shadowunder den kortere (3).
Avslutt med legge en haug med 2 x 4 px
vertikale linjer (# 192C3B) witha gap på 2 px
på hver side (4).
Trinn 8
< p> Siden vi ikke er helt ferdig med detaljene, må vi fokusere på å legge thecross diagonale linjer, som vi vil da gruppen ( Ctrl-G
) og maske ved hjelp av fyll form fra undersiden.
Først oppretter du en 1 x 9 px
rektangel (# 192C3B) (1), velge sine topp ankerpunktene ved hjelp av Direct Selection Tool (A) Hotell og presse dem mot høyre side byright klikke > Transform > Flytt
og skrive 7 px
i Horisontal
inntastingsfeltet (2).
Slå over til Pixel Forhåndsvisning
modus og med forme valgt, hold nede Alt Hotell og Shift
whiledragging til høyre for å lage en kopi i en avstand på 4 px
fra den opprinnelige form. Trykk på Ctrl-D Alt om 43 ganger torepeat duplisering og lage resten av elementene (3). Når du er ferdig med å gjøre det, gruppere dem ( Ctrl-G
) og lage en kopi av figurene som vi vil reflektere vertikalt ( høyreklikk > Transform > Nødvendigvis > Vertikal
) (4).
til slutt plassere begge gruppene på tynnere horisontal dekorative linethat vi skapte noen få skritt siden (5).
Fordi noen av de diagonale brikkene vil gå utenfor overflaten av vår fillshape, trenger vi å kopiere formen under ( Ctrl-C
) og lim foran ( Ctrl-F
) av de dekorative striper som vi nettopp har opprettet. Så med både større shapeand de to diagonale sett valgt, høyreklikk > Gjør Clipping Mask plakater (6).
Avslutt denne delen av illustrasjonen byadding en 210 x 4 px
rektangel (# 192C3B) og plassere den på toppen av de diagonale striper ( 7).
Trinn 9
Dette er litt vanskelig siden vi må opprette thetriangle-lignende tak som vil ha runde deler mot bunnen sidene.
La oss starte enkelt ved å opprette en 164x 66 px
rektangel (# 536D7C) og deretter legge et ankerpunkt (1 - grønn sirkel) midt i sentrum av den øverste siden ved hjelp av Legg Anchor Point Tool
. Neste fjerne venstre og høyre ankere byselecting dem ved hjelp av Slett AnchorPoint Verktøy
. (1 - røde sirkler)
Du skal nå ha en pen trekant, som vi vil justere ved å legge twomore ekstra ankerpunkter på hver side av formen (i 4 px
fra sidene) (2). Deretter velger disse punktene ved hjelp av Direct Selection Tool (A) Hotell og dra themtowards toppen ved om 6 px
sothat avstanden mellom anker og undersiden av trekanten er om 10 px plakater (3).
Siden de nederste hjørnene i trekanten er ikke hva vi ville ha dem tobe, må vi justere dem. Bruke DirectSelection Tool (A)
velge hver av de ekstra forankringspunkter om gangen andthen bruke Konverter valgte anchorpoints å glatte
alternativet (som vil bli aktiv i venstre side av thetop verktøylinje ) for å skape håndtakene som vi vil bruke for å forenkle outthe hjørner (4).
til slutt plassere formen på fyll sectionof husets tak (5).
Hurtig tips
: siden it'susually vanskelig å gjenskape en justering for et objekt som har dupliserte sider, er det lettere å bruke justeringene på bare én side, og deretter kutte formen inhalf, kopiere den modifiserte delen, reflektere det og posisjon den på plass.
Trinn 10
Begynn å legge de horisontale dekorative linjer bycreating ca 26 rektangler (# 192C3B) størrelse 198 x 2 px
, som vi vil vertikalt fordele på 4 px
fra hverandre. Deretter legger en 198 x 1 px
markere under hver linje for å gi den mer dybde.
Trinn 11
Som du kan se, linjene som går over thetriangle-tak seksjon må være inneholdt i formen, siden vi vil beadding en disposisjon. For å fikse det, velg taket form fra undersiden og lage en kopi på toppen av linjene ( Ctrl-C > Kontroll-F
). Deretter, med det og linjene valgt, høyreklikk > Gjør Clipping Mask
.
Step 12
Når du er ferdig med maskering linjene, startadding de vertikale høydepunktene.
Trinn 13
La oss begynne å jobbe på diamantformede dekorative stykker ved å opprette en 26 x 38 px
rektangel (# 192C3B) som Vivil forvandle ved å legge til et forankringspunkt til midten av hver side ved hjelp av Legg Anchor Point Tool product: (1 - grønne sirkler) .Deretter slette hjørne ankerpunkt ved hjelp av Slett Anchor Point Tool
. (1 - røde sirkler), slik at du får en diamant form (2)
Neste skape en mindre 16 x 24 px
rektangel (# 2C4251) og gjenta den samme prosessen med å legge til og slette anchorpoints som før (3). Plasser mindre objekt på den større (5) andthen begynne å legge detaljer som høydepunktet (6), de kryssede linjer (7) Ogtil slutt skyggen lå under (8).
Når du er ferdig, gruppe hele elementstogether ved å markere dem og trykke på Ctrl-G
Quick tips
. som du kan se, på punkt 7 krysset linesprotrude utenfor overflaten av vår lysere diamant form, som er somethingwe ikke vil ha. For å rette opp dette, rett og slett createa kopi av diamant ( Ctrl-C
), lim den på toppen ( Ctrl-F
) og thencreate en klipping maske
ved å høyreklikke og velge Gjør Klipping Mask
Trinn 14
Lag en kopi av diamant dekorativ stykke ( Ctrl-C > Kontroll-F
). Hotell og plassere en på hver side av thehouse, og etterlater et gap på 20 px
towardsthe bunn og 13 px
mot omrisset.
Trinn 15
Legg til et mindre vindu ved å opprette en base outlineof 78 x 66 px product: (# 192C3B). Deretter legger onesmaller 66 x 54 px
en (# 2C4251) ontop, og pass på å sentrere justere de to. Du kan gruppen ( Ctrl-G
) og plasser figurene ved vertikalt samkjøre dem til thehouse, og etterlater et gap på 12 px
towardsthe nederste delen av krysset dekorative striper linje.
Step 16
Neste legge glasspanelene ved å opprette to 18 x 38 px
rektangler som vi willcolor bruker # 7A99A7. Når du har opprettet objekter, bruker du Vertikal Midtstill
alternativ fra Align
panelet for å plassere dem i linewith underneath form, og etterlater et gap på 4px
mot sidene av disposisjonen.
Trinn 17
Start gradvis legge opplysninger ved å bruke firstcreated vinduet fra den midtre delen av huset som en referanse.
Trinn 18
Legg til girderthat går under vinduet ved å opprette en 28 x 16 px
rektangel med en CornerRadius
av 6 px
, og deretter farge itusing # 192C3B. Legg til en annen 16 x 4
rectanglewith en Hjørneradius
av bare 1 px product: (# 2C4251) og plasser den på topof den forrige.
nå oppretter thevertical delen av bjelken ved å legge til et 16x 18 px
rektangel (# 192C3B) med en 5px Corner Radius
og en mindre 8 x10 px
med en Hjørneradius
av 1 px
på toppen.