Hvordan lage en strandvakttårn illustrasjon i Adobe Illustrator

Hva du skal skape

I dagens veiledning skal vi komme inn i sommervibber mens vi oppretter et ensomt strandvaktstårn på en strand i Adobe Illustrator. Vi vil bruke enkle verktøy og teknikker.

Som vanlig kan du kjøpe resultatet som en del av min Summer Seaside-kolleksjon på GraphicRiver.

1. Hvordan lage et nytt dokument

Først sett opp en Nytt dokument (Fil> Ny eller Kontroll / Kommando-N) med disse innstillingene:

  • Antall kunstbrett: 1
  • Bredde: 1200
  • Høyde: 1200
  • enheter: piksler

Fra Avansert tab:

  • Fargemodus: RGB
  • Raster effekter: Skjerm
  • Forhåndsvisningsmodus: Misligholde
  • Fjern merkingen Juster nye objekter til pikselruten

2. Hvordan lage den øverste delen av tårnet

Trinn 1

La oss starte enkle ved å lage en 127 x 127 px rektangel og fylle det med # 98D2BE.

Ta Direkte utvalgsverktøy (A) og velg begge toppankrene til rektangelet. trykk Tast inn å åpne Bevege seg vindu. Sett Horisontal verdi til -32 px og vertikal verdi til 0 px og trykk OK, flytter våre ankre til venstre.

Dette vinklede rektangelet vil fungere som en hovedvegg.

Steg 2

Velg formen og Kopiere det bruker Kontroll-C. Klikk Kontroll-F to ganger for å få to eksemplarer på toppen av rektangelet, og flytt toppenkopien til høyre om ca. 60 px.

Legg til den andre kopien til utvalget og bruk Minus Front alternativet til Pathfinder panel.

Trinn 3

Velg den resulterende formen med Utvalgsverktøy (V) og redusere størrelsen ved Skift-dra en av de øverste hjørner av Bounding Box blått område til sentrum.

Sett fargen på formen til # 48A987 og plasser formen i midten av veggen. Det vil fungere som døråpning.

Trinn 4

Kopier (Control-C) Døråpningen og lim inn to eksemplarer foran ved å trykke Kontroll-F to ganger.

Flytt toppformen litt til høyre, legg til en ekstra kopi til valget, og trykk på Krysse knappen på Pathfinder panel. Endre farge på den nye formen til # 225443, danner den indre skyggen delen av inngangen.

Trinn 5

Nå skal vi legge til en skygge til inngangsmuren. Lag to kopier (Kontroll-C) og lim dem inn foran formen (Kontroll-F to ganger), og flytt toppenkopien til venstre og nedover.

Legg til en annen form på valget ved hjelp av Minus Front mulighet for Pathfinder, får en vinklet form.

Siden det vil fungere som en skygge, endre dens Blandingsmodus til Multiplisere mens du senker opacity til 40% i åpenhet panel.

Trinn 6

La oss legge til et høydepunkt på høyre side av veggen.

Lag to fremre kopier av veggen igjen, og flytt toppkopien til høyre. Legg til en annen kopi til valget mens du bruker Minus Front mulighet for Pathfinder, sørg for å endre den resulterende formens farge til hvit (#FFFFFF).

Trinn 7

Tid til å legge til konturer til figurene.

Velg hovedrektangelet og kopier det. Deretter klikker du en gang på skyggedøråpningsdelen og trykker på Kontroll-F, får en kopi av veggen foran inngangen.

Sett Fylle av kopien til Ingen, de Stroke farge til # 3d342d, og Vekt til 6 px.

Gi 6 px tykke skisser (# 3d342d) Til døråpningsdelene.

Trinn 8

Bygge en 152 x 127 px rektangel (# 6ebea2) for sidevæggen, plasserer sitt øverste venstre anker bak det øverste høyre ankeret på frontveggen og gjemmer det bak den forrige delen.

Som vi gjorde med den forrige veggen, gi den nåværende en skygge del ved å lage to fremre kopier, flytte topp kopien til venstre og bunn og ved hjelp av Minus Front alternativet til Pathfinder For de to figurene, sørg for å endre Blandingsmodus av den resulterende form til Multiplisere mens du senker opacity til 40%. 

Trinn 9

Arbeide på samme måte, legg til en sideskygge på veggen.

La oss legge til en oversikt over sidevæggen. Kopiere (Kontroll-C) sidevegget, klikk på den øvre skyggen, og lim inn formen foran den med Kontroll-F. Fjern Fylle mens du stiller inn Stroke farge til # 3d342d og Vekt til 6 px.

Trinn 10

Legg til en 210 x 16,5 px rektangel (# 6ebea2) på toppen av sideveggen og juster den til midten av formen.

Som vi gjorde for de foregående delene, gi det nåværende rektangel to skygger og a 6 px tykk oversikt (# 3d342d).

Trinn 11

Form en 129 x 16,5 px rektangel (# 98d2be) på den ytre venstre side av den tidligere opprettede formen.

Bruk samme metoder, bygg et høydepunkt på venstre del og en skygge på høyre side av stripen, etterfulgt av a 6 px bred omriss (# 3d342d).

Gruppe (Control-G) alle delene sammen.

3. Hvordan lage bunnen av tårnet

Trinn 1

La oss begynne å jobbe på bunnen av tårnet ved å danne en 290 x 16,5 px rektangel (# 48a987) under den øvre delen, tilpasse den til høyre kant av taket.

Lag en mer 230,5 x 16,5 px stripe av samme farge under den første.

Roter rektangelet med 30 grader av Alt klikke på nedre venstre anker med Roter verktøyet (R), setter inn Angle til 30 grader.

Vedlagt den vinklede formen på venstre side av den horisontale, plassering av toppankeret på det øverste venstre ankeret på det horisontale rektangel.

Steg 2

Velg det vinklede rektangelet og trykk Tast inn å åpne Bevege seg alternativvinduet. Sett Horisontal verdi til -100 px og vertikal verdi til 0 px og trykk Kopiere, får en duplikat på venstre side.

Ta Direkte utvalgsverktøy (A) og dra det nedre høyre ankeret av duplikatet på toppunktet i den originale vinklede formen.

Deretter velger du det nederste venstre ankeret i den venstre vinklede formen og plasserer den på det øverste venstre ankeret i det opprinnelige rektangel.

Sett fargen på den resulterende formen til # 98d2be.

Trinn 3

Ta Rektangelverktøy (M) og legg til et lite rektangel (# 48a987) Under bunnsiden av den store vinklede formen, sørg for å plassere den nederste kanten på samme nivå som det nederste ankeret til den rett vinklede stripen.

Velg den nedre kanten av den opprettede figuren med Direkte utvalgsverktøy (A) og dra den til høyre, plassering sin høyre side på venstre kant av den nærliggende vinklede stripen.

Trinn 4

La oss nå jobbe på høydepunktene.

Lag en større kopi av det sidevinklede rektangelet. Velg den sammen med den originale formen og det horisontale rektangelet og kutte ut den utestående delen av Alt klikke på den med Form Builder Tool (Shift-M). Endre fargen på den resulterende formen til hvit (# ffffff).

Bruker Pathfinder Metoden, som vi gjorde før, legger til et andre høydepunkt i skråningen.

Trinn 5

Gi skygger til den horisontale sidestripen og bakken.

Velg det vinklede rektangelet og den horisontale stripen og forene de to i en større form ved hjelp av Pathfinder's Forene Shape Mode.

Legg til 6 px tykke skisser (# 3d342d) med en Round Join til alle bunnstykkene.

Trinn 6

Begynn å jobbe på gjerdet ved å opprette en 11,5 x 29 px rektangel (# 6ebea2) for innlegget, og gir den en skygge etterfulgt av a 4 px tykk oversikt (# 3d342d). Gruppe (Kontroll-G) alle delene sammen og plasser en kopi av posten på toppen av bakken. 

Trinn 7

Velg det opprinnelige innlegget, åpne Bevege seg alternativvinduet (Tast inn), og sett den horisontale verdien til 65 px. Klikk på Kopiere, få en duplikat av innlegget på høyre side. Hvis du holder duplikatet valgt, trykker du på Kontroll-D to ganger, får to flere eksemplarer.

Gruppe (Control-G) alle fire innleggene sammen og roter gruppen av 30 grader bruker Roter verktøyet (R).

Fest postgruppen til venstre kant av bakken.

Trinn 8

Nå trenger vi en skinne som sitter over stolpene.

Kopier hellingens svarte kontur og dra den på sidelinjen, slik at venstre kant sitter på toppen, som vist på bildet under.

Slett høyre og nedre kantene av omrisset.

Dra endepunktene med Direkte utvalgsverktøy (A), plasserer en av dem på den venstre kanten av hytta og en annen på venstre venstre anker på venstre stolpe. Sett Round Cap for skinnen.

Trinn 9

Å gjøre de samme manipulasjonene, kopiere og dra innleggene og skinnen, skape et annet gjerde på høyre side av tårnet.

Trinn 10

La oss lage lagerbunner som støtter vår hytte.

Bygge en 14 x 113 px rektangel (# 48a987) på høyre side under hytta. Gi den en skygge etterfulgt av a 6 px tykk oversikt (# 3d342d).

Gruppe (Control-G) alle delene sammen og lage et duplikat til venstre.

Trinn 11

Tegn to 6 px tykke horisontale linjer (# 3d342d) Går fra en haug til en annen, slik at venstre endepunkter overlapper det venstre innlegget litt.

Gruppe (Control-G) lageret bunker konstruksjon og lage en kopi, flytte den til venstre og gjemmer den bak tårnet, samt gjøre fargen mørkere.

4. Hvordan lage en vindsock og Legg til detaljer

Trinn 1

La oss legge til en flytende vindsock på taket på vårt strandtårn.

Form a 62 x 24 px rektangel (# d65428) for den viktigste vindstøtformen.

Legg deretter ett ankerpunkt i midten av høyre kant med Legg til Anchor Point Tool (+). Slett topp og bunn ankre, få en trekant, og gjør sitt høyre hjørne avrundet ved å trekke Live Corner indikator til sentrum med Direkte utvalgsverktøy (A).

Legg til en 15,5 x 24 px ellipse (# a8411f) på den venstre delen av trekanten.

Steg 2

Velg ellipsen og gå til Objekt> Path> Offset Path. Tast inn 10 px inn i det offset Verdifelt og trykk OK, får en oversikt.

Ved å holde den ytre ellipse valgt, bruk Offset-banen igjen, setter du inn offset verdi til 5 px.

Velg begge ytre former og gå til Objekt> Path> Offset Path en gang til. Sett offset til 20 px, får ytterligere to ytre former.

Velg kjegleformen, få en kopi foran, og velg kopien sammen med de fire ytre ellipser ved hjelp av Dele opp alternativet til Pathfinder panel.

Slett alle delte brikkene unntatt de to stripene, skift farge til # fbf8f1.

Trinn 3

Gi formen som vi nettopp har opprettet et høydepunkt etterfulgt av en 4 px tykk oversikt (# 3d342d) med en Round Join. Legg til samme omriss i ellipsen.

Lag to tau som fester vår vindstøt til stangen. Bruk to 4 px tykke linjer for tauene og a 6 px tykk linje for stangen.

Gruppe (Control-G) Alle sokkene deler sammen og plasserer den på taket av tårnet.

Trinn 4

Vi er nesten ferdig med strandvaktstårnet.

Gi vårt tårn et mer interessant og stilig utseende ved å åpne noen av omrissene. For å gjøre det, bruk bare Legg til ankerpunktsverktøy (+) å legge til flere ankre på konturene og deretter Slett stier mellom disse ankrene, sørg for å sette Lokk av de resterende skissenetil Rund fra innsiden av Stroke panel.

Ta deg tid, og når du er ferdig, legg til noen ekstra 4 px tykke linjer nær kantene av vår illustrasjon.

Fullfør tårnet ved å legge til noen linjer under for bakkenivå.

5. Hvordan lage en tropisk strandbakgrunn

La oss plassere vårt strandvaktstårn på et tropisk paradis ved å skape et seaside landskap i bakgrunnen.

Trinn 1

Form a 1200 x 1200 px rektangel (# fb9f31) bak bygningen vår for bakgrunnen.

Legg til noen få 6 px tykke linjer av # f8cc6b farge under tårnet for å etterligne overflaten av vann. Gjør dem mer interessante og livlige ved å legge til noen bindestreker og variere størrelsene deres.

Steg 2 

Legg til en 300 x 300 px sirkel (# f37f10) for solnedgangen og to ytre sirkler for solens lys. Bruk hvit farge og Skjermblandingsmodus med 30% Opacity for gløden.

Slett den ytre nedre delen av den ytre sirkelen ved å velge den og Alt-dra over den enestående delen med Eraser Tool (Shift-E).

Trinn 3

Vi trenger noen ekstra elementer for å fullføre sammensetningen.

Lag en enkel håndflate laget av få blader og en rektangulær koffert. Vi kan få et blad ved å bruke Krysse alternativet til Pathfinder panel for to overlappende ellipser. Fest deretter et rektangel til kofferten og danner en krone ved å kopiere og flytte bladene. Bruk # f37f10 for fargen.

Deretter lage en sky som består av overlappende sirkler og et avrundet rektangel. Bare fjern eventuelle uønskede biter ved hjelp av Form Builder Tool (Shift-M), slå sammen alle former i en med Forene mulighet for Pathfinder, og sett fargen til# fbe2aa.

Spred palmer og skyer over scenen, og skape en balansert sammensetning.

Det er det! Vår Beach Guard Tower Illustration er klar

Gratulerer! Våre flat-stil Baywatch hus scene er ferdig.

Jeg bestemte meg for å legge til to måksilhouetter på bakgrunnen for å forbedre atmosfæren ved kysten solnedgangen. Kan du nå føle sommerbrisen og havet surfe på en tropisk kysten? Vår leksjon slutter her, og nye eventyr begynner.

Jeg håper du likte prosessen og oppdaget noe nytt og nyttig underveis.

Denne strandvaktstårnetillustrasjonen er bare en del av min Summer Seaside-kolleksjon, og det er langt mer reise- og eventyrillustrasjoner i porteføljen min på GraphicRiver.