Hur man skapar en strandvaktstornillustration i Adobe Illustrator

Vad du ska skapa

I dagens handledning kommer vi att komma in i sommarvibbarna samtidigt som vi skapar ett ensamt strandvaktstorn på en strand i Adobe Illustrator. Vi kommer att använda enkla verktyg och tekniker.

Som vanligt kan du köpa resultatet som en del av min Summer Seaside-kollektion på GraphicRiver.

1. Hur man skapar ett nytt dokument

Först, sätt upp en Nytt dokument (Fil> Ny eller Kontroll / kommando-N) med dessa inställningar:

  • Antal skyltar: 1
  • Bredd: 1200
  • Höjd: 1200
  • Enheter: pixlar

Från Avancerad flik:

  • Färg läge: RGB
  • Raster effekter: Skärm
  • Förhandsgranskningsläge: Standard
  • Avmarkera Justera nya objekt till pixelnätet

2. Hur man skapar tornets högsta avsnitt

Steg 1

Låt oss börja enkelt genom att skapa en 127 x 127 px rektangel och fylla den med # 98D2BE.

Ta Direktmarkeringsverktyg (A) och välj båda rektangelens toppankar. Tryck Stiga på att öppna Flytta fönster. Ställ in Horisontell värde till -32 px och den Vertikal värde till 0 px och tryck på ok, flytta våra ankare till vänster.

Den här vinklade rektangeln kommer att fungera som en främre främre vägg.

Steg 2

Välj form och Kopia det, med hjälp av Kontroll-C. Klick Kontroll-F två gånger för att få två kopior på toppen av rektangeln och flytta toppen kopia till höger om ungefär 60 px.

Lägg till den andra kopian till valet och använd Minus Front alternativ av Stigfinnare panel.

Steg 3

Välj den resulterande formen med Urvalsverktyg (V) och minska dess storlek med Skift-dra en av de övre hörnen av Bounding Box blått område till mitten.

Ställ in färgen på formen till # 48A987 och placera formen i mitten av väggen. Det kommer att fungera som dörröppning.

Steg 4

Kopiera (Control-C) dörren och klistra in två exemplar framåt genom att trycka på Kontroll-F dubbelt.

Flytta den övre formen något till höger, lägg till en andra kopia till valet och tryck på Korsas knapp på Stigfinnare panel. Ändra färgen på den nya formen till # 225.443, bildar den inre skuggdelen av ingången.

Steg 5

Nu ska vi lägga till en skugga till väggen. Gör två exemplar (Kontroll-C) och klistra in dem framför formen (Kontroll-F två gånger) och flytta toppen kopia till vänster och neråt.

Lägg till en andra form på valet med hjälp av Minus Front möjlighet till Stigfinnare, få en vinklad form.

Eftersom det kommer att fungera som en skugga, ändra dess Blandningsläge till Multiplicera medan du sänker Opacitet till 40% i Genomskinlighet panel.

Steg 6

Låt oss lägga till en höjdpunkt på den högra delen av väggen.

Skapa två främre kopior av väggen igen och flytta toppen kopia till höger. Lägg till en annan kopia till valet medan du använder Minus Front möjlighet till Stigfinnare, se till att ändra den resulterande formen färgar till vitt (#FFFFFF).

Steg 7

Tid att lägga till konturer till formerna.

Välj huvudrektangel och kopiera den. Klicka sedan en gång på skuggdörrdelen och tryck på Kontroll-F, få en kopia av väggen framför ingången.

Ställ in Fylla av kopian till Ingen, de Stroke färg till # 3d342d, och den Vikt till 6 px.

Ge 6 px tjocka konturer (# 3d342d) Till dörröppningsdelarna.

Steg 8

Bygga en 152 x 127 px rektangel (# 6ebea2) för sidoväggen, placera sitt övre vänstra ankar bakom främre väggens övre högra ankar och gömma det bakom föregående avsnitt.

Som vi gjorde med föregående vägg, ge den nuvarande en skuggdel genom att göra två främre kopior, flytta toppen kopia till vänster och botten och använd Minus Front alternativ av Stigfinnare för de två formerna, se till att ändra Blandningsläge av den resulterande formen till Multiplicera medan du sänker Opacitet till 40%. 

Steg 9

Arbeta på samma sätt, lägg till en mer sidoskugga på väggen.

Låt oss lägga till en skiss till sidoväggen. Kopia (Kontroll-C) sidoväggen, klicka på den övre skuggan och klistra in formen med den Kontroll-F. Ta bort Fylla medan du ställer in Stroke färg till # 3d342d och den Vikt till 6 px.

Steg 10

Lägg till en 210 x 16,5 px rektangel (# 6ebea2) på toppen av sidoväggen och rikta den till mitten av formen.

Som vi gjorde för de tidigare sektionerna, ge nuvarande rektangel två skuggor och a 6 px tjock kontur (# 3d342d).

Steg 11

bildar en 129 x 16,5 px rektangel (# 98d2be) på den yttre vänstra sidan av den tidigare skapade formen.

Använd samma metoder genom att bygga en höjdpunkt på den vänstra delen och en skugga på höger sida av stripen följt av a 6 px bred skiss (# 3d342d).

Grupp (Control-G) alla delar tillsammans.

3. Hur man skapar bottensektionen i tornet

Steg 1

Låt oss börja arbeta på botten av vårt torn genom att bilda en 290 x 16,5 px rektangel (# 48a987) under den övre sektionen, anpassa den till takets högra kant.

Gör en mer 230,5 x 16,5 px rand av samma färg under den första.

Vrid rektangeln med 30 grader av Alt-klicka på det nedre vänstra ankaret med Rotera verktyg (R), ställer in Vinkel till 30 grader.

Bifogad den vinklade formen till vänster på den horisontella och placerar sitt toppanker på det övre vänstra ankaret på den horisontella rektangeln.

Steg 2

Välj den vinklade rektangeln och tryck på Stiga på att öppna Flytta alternativfönstret. Ställ in Horisontell värde till -100 px och den Vertikal värde till 0 px och tryck på Kopia, få en dubblett på vänster sida.

Ta Direktmarkeringsverktyg (A) och dra dubbletterets nedre högra ankar på toppunkten i den ursprungliga vinklade formen.

Välj sedan den vänstra vänstra ankaret på vänster vinklad form och placera den på det ursprungliga vänstra ankaret i den ursprungliga rektangeln.

Ställ färgen på den resulterande formen till # 98d2be.

Steg 3

Ta Rektangelverktyg (M) och lägg till en liten rektangel (# 48a987) Under bottensidan av den stora vinklade formen, se till att placera dess undre kant på samma nivå som bottenförankringen på den rät vinklade randen.

Välj den nedre kanten av den skapade siffran med Direktmarkeringsverktyg (A) och dra den åt höger och placera dess högra sida på den vänstra kanten av den närliggande vinklade remsan.

Steg 4

Nu ska vi arbeta på höjdpunkterna.

Gör en större kopia av den sidovinklade rektangeln. Välj den tillsammans med den ursprungliga formen och den horisontella rektangeln och avmarkera den enastående delen med Alt-klicka på den med Formverktygsverktyg (Shift-M). Ändra färgen på den resulterande formen till vit (#ffffff).

Använda Stigfinnare Metod, som vi gjorde tidigare, lägger till en andra höjdpunkt i höjden.

Steg 5

Ge skuggor till den horisontella sidostrimmen och lutningen.

Välj den vinklade rektangeln och den horisontella randen och förena de två i en enda större form med Stigfinnare's Förena Shape Mode.

Lägg till 6 px tjocka konturer (# 3d342d) med en Round Join till alla bottenstycken.

Steg 6

Börja arbeta på staketet genom att skapa en 11,5 x 29 px rektangel (# 6ebea2) för posten, vilket ger en skugga följt av a 4 px tjock kontur (# 3d342d). Grupp (Kontroll-G) alla delar tillsammans och placera en kopia av posten på toppen av sluttningen. 

Steg 7

Välj det ursprungliga inlägget, öppna Flytta alternativfönster (Stiga på) och ställa in det horisontella värdet till 65 px. Klicka på Kopia, få en duplikat av posten på höger sida. Håll duplicatet valt, tryck på Kontroll-D två gånger, får två exemplar.

Grupp (Control-G) alla fyra inläggna tillsammans och rotera gruppen med 30 grader använda Rotera verktyg (R).

Fäst postgruppen till vänstra kanten av lutningen.

Steg 8

Nu behöver vi en tåg som sitter över stolpen.

Kopiera lutningens svarta kontur och dra den på sidoposten, så att dess vänstra kant sitter på toppen som bilden visar.

Radera de högra och nedre kanterna av konturen.

Dra dess slutpunkter med Direktmarkeringsverktyg (A), Placerar en av dem på vänster kant av hytten och en annan på vänstra stolpen till vänstra stolpen. Uppsättning Round Cap för järnväg.

Steg 9

Att göra samma manipulationer, kopiera och dra in stolparna och skenan, skapa ett annat staket på högra sidan av tornet.

Steg 10

Låt oss skapa lagerhögar som stöder vår stuga.

Bygga en 14 x 113 px rektangel (# 48a987) på höger sida under hytten. Ge den en skugga följt av a 6 px tjock kontur (# 3d342d).

Grupp (Control-G) alla delar tillsammans och gör en dubblett till vänster.

Steg 11

Rita två 6 px tjocka horisontella linjer (# 3d342d) Går från en stapel till en annan, så att vänster ändpunkter överlappar det vänstra inlägget något.

Grupp (Control-G) lagerbunkarna konstruerar och skapar en kopia, flyttar den till vänster och gömmer den bakom tornet, samt gör färgen mörkare.

4. Hur man gör en vindocka och lägg till detaljer

Steg 1

Låt oss lägga till en flytande vindocka på taket på vårt strandtorn.

Form a 62 x 24 px rektangel (# d65428) för den huvudsakliga vindsockformen.

Lägg sedan till en ankarpunkt i mitten av högra kanten med Lägg till Anchor Point Tool (+). Radera de övre och nedre ankare, få en triangel och gör sitt högra hörn avrundat genom att dra Live Corner indikator till centrum med Direktmarkeringsverktyg (A).

Lägg till en 15,5 x 24 px ellipsen (# a8411f) på den vänstra delen av triangeln.

Steg 2

Välj ellipsen och gå till Objekt> Path> Offset-sökväg. Stiga på 10 px in i Offset värdet fält och tryck på ok, få en skiss.

Om du väljer den yttre ellipsen, välj den Offsetväg igen, ställer in Offset värde till 5 px.

Välj båda yttre formerna och gå till Objekt> Path> Offset-sökväg igen. Ställ in Offset till 20 px, får ytterligare två yttre former.

Välj konformen, ta en kopia fram och välj kopian tillsammans med de fyra yttre ellipserna med hjälp av Dela upp alternativ av Stigfinnare panel.

Ta bort alla delade stycken utom de två randarna, ändra färg till # fbf8f1.

Steg 3

Ge den form som vi just har skapat en höjdpunkt följt av a 4 px tjock kontur (# 3d342d) med en Round Join. Lägg till samma skiss i ellipsen.

Skapa två rep som fäster vår vindsock på polen. Använd två 4 px tjocka linjer för repen och a 6 px tjock linje för polen.

Grupp (Control-G) alla strumpa delar tillsammans och placera den på taket av tornet.

Steg 4

Vi är nästan färdiga med strandvaktstornet.

Ge vårt torn ett mer intressant och snyggt utseende genom att öppna några av konturerna. För att göra det, använd bara Lägg till Anchor Point Tool (+) att lägga till ytterligare ankare på konturerna och sedan Radera vägar mellan dessa ankare, se till att ställa in Keps av de återstående konturernatill Runda inifrån Stroke panel.

Ta din tid, och när du är klar, lägg till ytterligare 4 px tjocka linjer nära kanterna i vår illustration.

Avsluta tornet genom att lägga till några rader nedan för marknivå.

5. Hur man skapar en tropisk strandbakgrund

Låt oss placera vårt strandvaktstorn på ett tropiskt paradis genom att skapa ett kustlandskap på bakgrunden.

Steg 1

Form a 1200 x 1200 px rektangel (# fb9f31) bakom vår byggnad för bakgrunden.

Lägg till några 6 px tjocka linjer av # f8cc6b färg under tornet för att imitera ytan av vatten. Gör dem mer intressanta och livliga genom att lägga till några streck och variera deras storlekar.

Steg 2 

Lägg till en 300 x 300 px cirkel (# f37f10) för solnedgången och två yttre cirklar för solens glöd. Använd vit färg och Skärmblandningsläge med 30% opacitet för glöd.

Ta bort den utestående nedre delen av yttercirkeln genom att markera den och Alt-dra över den enastående delen med Eraser Tool (Shift-E).

Steg 3

Vi behöver några ytterligare element för att avsluta kompositionen.

Skapa en enkel palm gjord av några löv och en rektangulär stam. Vi kan få ett blad med hjälp av Korsas alternativ av Stigfinnare panel för två överlappande ellipser. Lägg sedan en rektangel på stammen och bild en krona genom att kopiera och flytta bladen. Använda sig av # f37f10 för färgen.

Gör sedan ett moln som består av överlappande cirklar och en rundad rektangel. Ta bara bort oönskade bitar med hjälp av Formverktygsverktyg (Shift-M), slå samman alla former i ett med Förena möjlighet till Stigfinnare, och ange färgen till# fbe2aa.

Sprid palmerna och molnen över scenen, skapa en balanserad komposition.

Det är allt! Vårt strandbevakningstornillustration är klar

grattis! Vår platta Baywatch husscene är klar.

Jag bestämde mig för att lägga till två mås silhuetter på bakgrunden för att förbättra atmosfären vid havet solnedgången. Kan du nu känna sommarbrisen och havsflödet plaska på en tropisk kust? Vår lektion slutar här, och nya äventyr börjar.

Jag hoppas att du njöt av processen och upptäckte något nytt och användbart under vägen.

Denna strandvaktstornillustration är bara en del av min Summer Seaside-kollektion, och det finns mycket mer rese- och äventyrsillustrationer i min portfölj på GraphicRiver.