Hoe maak je een Beach Guard Tower-illustratie in Adobe Illustrator

Wat je gaat creëren

In de tutorial van vandaag gaan we de zomerse sfeer in en creëren we een eenzame strandwachttoren aan een kust in Adobe Illustrator. We zullen eenvoudige hulpmiddelen en technieken gebruiken.

Zoals gewoonlijk kunt u het resultaat kopen als onderdeel van mijn Summer Seaside-collectie op GraphicRiver.

1. Hoe een nieuw document te maken

Stel eerst een Nieuw document (Bestand> Nieuw of Controle / Command-N) met deze instellingen:

  • Aantal tekengebieden: 1
  • Breedte: 1200
  • Hoogte: 1200
  • units: pixels

Van de gevorderd tab:

  • Kleur mode: RGB
  • Raster effecten: Scherm
  • Voorbeeldmodus: Standaard
  • Haal het vinkje weg Lijn nieuwe objecten uit met Pixel Grid

2. Hoe het bovenste gedeelte van de toren te maken

Stap 1

Laten we eenvoudig beginnen door een 127 x 127 px rechthoek en vullen # 98D2BE.

Neem de Direct selectie gereedschap (A) en selecteer beide bovenste ankers van de rechthoek. druk op invoeren om de te openen verhuizing venster. Stel de Horizontaal waarde voor -32 px en de Verticaal waarde voor 0 px en druk op OK, verplaats onze ankers naar links.

Deze rechthoekige rechthoek zal fungeren als een hoofdmuur.

Stap 2

Selecteer de vorm en Kopiëren het gebruiken Besturing C. Klik Controle-F twee keer om twee exemplaren bovenop de rechthoek te krijgen en de bovenste kopie ongeveer naar rechts te verplaatsen 60 px.

Voeg de tweede kopie toe aan de selectie en gebruik de Minus voorkant optie van de verkenner paneel.

Stap 3

Selecteer de resulterende vorm met de Selectie gereedschap (V) en verkleinen met Shift-slepen een van de bovenste hoeken van de Begrenzende Box blauw gebied naar het midden.

Stel de kleur van de vorm in # 48A987 en plaats de vorm in het middengedeelte van de muur. Het zal fungeren als een deuropening.

Stap 4

Kopiëren (Control-C) de deuropening en plak twee kopieën vooraan door op te drukken Controle-F tweemaal.

Verplaats de bovenste vorm iets naar rechts, voeg een tweede kopie aan de selectie toe en druk op Snijden knop op de verkenner paneel. Verander de kleur van de nieuwe vorm in # 225443, het vormen van het binnenste schaduwgedeelte van de ingang.

Stap 5

Nu gaan we een schaduw toevoegen aan de toegangsmuur. Maak twee kopieën (Besturing C) en plak ze voor de vorm (Controle-F tweemaal) en verplaats de bovenste kopie naar links en naar beneden.

Voeg een tweede vorm toe aan de selectie met behulp van de Minus voorkant optie van verkenner, een schuine vorm krijgen.

Omdat het als een schaduw zal werken, verander het Overvloeimodus naar Vermenigvuldigen tijdens het verlagen van de ondoorzichtigheid naar 40% in de Transparantie paneel.

Stap 6

Laten we een hoogtepunt toevoegen aan de rechterkant van de muur.

Maak weer twee kopieën van de voorkant van de muur en verplaats de bovenste kopie naar rechts. Voeg nog een kopie toe aan de selectie tijdens het gebruik van de Minus voorkant optie van verkenner, zorg ervoor dat de kleur van de resulterende vorm wit wordt (#FFFFFF).

Stap 7

Tijd om contouren toe te voegen aan de vormen.

Selecteer de hoofdrechthoek en kopieer deze. Klik vervolgens eenmaal op het gedeelte van de schaduwopening en druk op Controle-F, een kopie van de muur krijgen voor de ingang.

Stel de Vullen van de kopie naar Geen, de Beroerte kleur naar # 3d342d, en de Gewicht naar 6 px.

Geven 6 px dikke contouren (# 3d342d) Naar de deuropeningonderdelen.

Stap 8

Bouw een 152 x 127 px rechthoek (# 6ebea2) voor de zijmuur, plaats zijn anker linksboven achter het anker rechtsboven van de voormuur en verberg het achter het vorige deel.

Zoals we met de vorige muur deden, geef je de huidige een schaduwgedeelte door twee kopieën vooraan te maken, waarbij je de bovenste kopie naar links en naar onder verplaatst en de Minus voorkant optie van de verkenner voor de twee vormen, zorg ervoor dat u de Overvloeimodus van de resulterende vorm aan Vermenigvuldigen tijdens het verlagen van de ondoorzichtigheid naar 40%. 

Stap 9

Werk op dezelfde manier, voeg nog een zijschaduw toe aan de muur.

Laten we een omtrek toevoegen aan de zijmuur. Kopiëren (Controle-C) de zijmuur, klik op de bovenste schaduw en plak de vorm ervoor ervoor Controle-F. Verwijder de Vullen tijdens het instellen van de Beroerte kleur naar # 3d342d en de Gewicht naar 6 px.

Stap 10

Voeg een ... toe 210 x 16.5 px rechthoek (# 6ebea2) op de bovenkant van de zijmuur en lijn deze uit met het midden van de vorm.

Zoals we in de vorige secties hebben gedaan, geeft u de huidige rechthoek twee schaduwen en een 6 px dikke omtrek (# 3d342d).

Stap 11

vorm een 129 x 16.5 px rechthoek (# 98d2be) aan de linker buitenkant van de eerder gemaakte vorm.

Gebruik dezelfde methoden, bouw een markering op het linkerdeel en een schaduw aan de rechterkant van de streep, gevolgd door een 6 px grote lijnen (# 3d342d).

Groep (Control-G) alle delen samen.

3. Hoe de onderste sectie van de toren te maken

Stap 1

Laten we beginnen met het onderste gedeelte van onze toren te werken door een te vormen 290 x 16,5 px rechthoek (# 48a987) onder het bovenste gedeelte, lijn het uit op de rechterrand van het dak.

Maak er nog een 230,5 x 16,5 px streep van dezelfde kleur onder de eerste.

Roteer de rechthoek met 30 graden door Alt-klikken op het anker linksonder met de Roteer gereedschap (R), instellen van de Hoek naar 30 graden.

Bevestigde de gebogen vorm aan de linkerkant van de horizontale, waarbij het bovenste anker op het anker linksboven van de horizontale rechthoek wordt geplaatst.

Stap 2

Selecteer de schuine rechthoek en druk op invoeren om de te openen verhuizing optievenster. Stel de Horizontaal waarde voor -100 px en de Verticaal waarde voor 0 px en druk op Kopiëren, een duplicaat aan de linkerkant krijgen.

Neem de Direct selectie gereedschap (A) en sleep het anker onderaan rechts van het duplicaat naar het bovenste punt van de oorspronkelijke schuine vorm.

Selecteer vervolgens het anker linksonder van de linker schuine vorm en plaats het op het anker linksboven van de originele rechthoek.

Stel de kleur van de resulterende vorm in # 98d2be.

Stap 3

Neem de Rechthoekgereedschap (M) en voeg een kleine rechthoek toe (# 48a987) Onder de onderkant van de grote, gebogen vorm en zorg ervoor dat de onderkant ervan op hetzelfde niveau ligt als het onderste anker van de rechthoekige streep.

Selecteer de onderrand van de gemaakte afbeelding met de Direct selectie gereedschap (A) en sleep het naar rechts, plaats de rechterkant ervan op de linkerrand van de aangrenzende schuine streep.

Stap 4

Laten we nu aan de hoogtepunten werken.

Maak een grotere kopie van de rechthoekige rechthoekige kant. Selecteer het samen met de originele vorm en de horizontale rechthoek en snijd het uitstekende deel door Alt-klikken erop met de Shape Builder Tool (Shift-M). Verander de kleur van de resulterende vorm naar wit (#ffffff).

De ... gebruiken verkenner methode, zoals we eerder deden, voeg een tweede highlight aan de helling toe.

Stap 5

Geef schaduwen aan de horizontale zijstreep en de helling.

Selecteer de gehoekte rechthoek en de horizontale streep en verenig de twee tot een enkele grotere vorm met verkenner's Verenig de vormmodus.

Toevoegen 6 px dikke contouren (# 3d342d) met een Ronde Join aan alle onderste stukken.

Stap 6

Begin aan het hek te werken door een 11,5 x 29 px rechthoek (# 6ebea2) voor de post, waardoor deze een schaduw krijgt gevolgd door een 4 px dikke omtrek (# 3d342d). Groep (Controle-G) alle delen samen en plaats een kopie van de paal op de top van de helling. 

Stap 7

Selecteer het originele bericht, open het verhuizing optievenster (invoeren) en stel de horizontale waarde in op 65 px. Klik op de Kopiëren, een duplicaat van het bericht aan de rechterkant krijgen. Houd het duplicaat geselecteerd en druk op Controle-D nog twee keer, krijgt nog twee exemplaren.

Groep (Control-G) alle vier de posten samen en draai de groep voorbij 30 graden de ... gebruiken Roteer gereedschap (R).

Bevestig de postgroep aan de linkerkant van de helling.

Stap 8

Nu hebben we een rail nodig die over de palen zit.

Kopieer de zwarte contour van de helling en sleep deze naar de rij aan de zijkant van de paal, zodat de linkerrand op de top zit zoals getoond in de afbeelding hieronder.

Verwijder de rechter- en onderranden van de omtrek.

Versleep de eindpunten met de Direct selectie gereedschap (A), plaats een van hen aan de linkerkant van de cabine en een andere op het anker linksboven van de linkerpaal. set Ronde dop voor de rail.

Stap 9

Doe dezelfde manipulaties, kopieer en versleep de palen en de rail en maak nog een hek aan de rechterkant van de toren.

Stap 10

Laten we draagpalen maken die onze cabine ondersteunen.

Bouw een 14 x 113 px rechthoek (# 48a987) aan de rechterkant onder de cabine. Geef het een schaduw gevolgd door een 6 px dikke omtrek (# 3d342d).

Groep (Control-G) alle delen samen en maak links een duplicaat.

Stap 11

Teken twee 6 px dikke horizontale lijnen (# 3d342d) Van de ene stapel naar de andere gaan, waardoor de linker eindpunten de linkerpaal enigszins overlappen.

Groep (Control-G) de dragende palen constructie en maak een kopie, verplaats deze naar links en verberg hem achter de toren, en maak de kleur donkerder.

4. Een windsock maken en details toevoegen

Stap 1

Laten we een vloeiende windzak op het dak van onze strandtoren toevoegen.

Vorm een 62 x 24 px rechthoek (# d65428) voor de vorm van de hoofd windzak.

Voeg vervolgens een ankerpunt in het midden van de rechterrand toe met de Ankerpunttool toevoegen (+). Verwijder de bovenste en onderste ankers, krijg een driehoek en maak de rechter hoek ervan afgerond door aan de Live Corner indicator naar het midden met de Direct selectie gereedschap (A).

Voeg een ... toe 15,5 x 24 px ellips (# a8411f) aan de linkerkant van de driehoek.

Stap 2

Selecteer de ellips en ga naar Object> Pad> Offsetpad. invoeren 10 px in de compenseren waarde veld en druk op OK, een overzicht krijgen.

Houd de buitenste ellips geselecteerd, gebruik de Verschoven pad nogmaals, instellen van de compenseren waarde voor 5 px.

Selecteer beide buitenvormen en ga naar Object> Pad> Offsetpad nog een keer. Stel de compenseren naar 20 px, krijgt nog twee uiterlijke vormen.

Selecteer de kegelvorm, pak één kopie vooraan en selecteer de kopie samen met de vier buitenste ellipsen met behulp van de Verdelen optie van de verkenner paneel.

Verwijder alle verdeelde stukken behalve de twee strepen, verander hun kleur in # fbf8f1.

Stap 3

Geef de vorm die we zojuist hebben gemaakt een hoogtepunt gevolgd door een 4 px dikke omtrek (# 3d342d) met een Ronde Join. Voeg dezelfde omtrek toe aan de ellips.

Maak twee touwen en bevestig onze windzak aan de paal. Gebruik er twee 4 px dikke lijnen voor de touwen en een 6 px dikke lijn voor de paal.

Groep (Control-G) alle sokdelen samen en plaats deze op het dak van de toren.

Stap 4

We zijn bijna klaar met de strandwachttoren.

Geef onze toren een interessantere en stijlvolle uitstraling door enkele van de contouren te openen. Om het te doen, gebruikt u gewoon de Ankerpunttool toevoegen (+) om extra ankers aan de contouren toe te voegen en dan Verwijder paden tussen deze ankers, zorg ervoor dat de pet van de resterende contourennaar Ronde van binnen de Beroerte paneel.

Neem de tijd en voeg als je klaar bent wat extra toe 4 px dikke lijnen bij de randen van onze illustratie.

Maak de toren af ​​door een paar regels eronder voor het maaiveld toe te voegen.

5. Hoe maak je een tropische strandachtergrond

Laten we onze strandwachttoren op een tropisch paradijs plaatsen door een kustlandschap op de achtergrond te creëren.

Stap 1

Vorm een 1200 x 1200 px rechthoek (# fb9f31) achter ons gebouw voor de achtergrond.

Voeg een paar toe 6 px dikke lijnen van # f8cc6b kleur onder de toren om het oppervlak van water te imiteren. Maak ze interessanter en levendiger door streepjes toe te voegen en de grootte ervan te variëren.

Stap 2 

Voeg een ... toe 300 x 300 px cirkel (# f37f10) voor de ondergaande zon en twee buitenste cirkels voor de gloed van de zon. Gebruik witte kleur en Schermmengmodus met 30% dekking voor de gloed.

Verwijder het uitstekende onderste deel van de buitenste cirkel door het te selecteren en Alt-slepen over het uitstekende deel met de Eraser Tool (Shift-E).

Stap 3

We hebben nog enkele extra elementen nodig om de compositie af te maken.

Maak een eenvoudige palm gemaakt van een paar bladeren en een rechthoekige stam. We kunnen een blad krijgen door de Snijden optie van de verkenner paneel voor twee overlappende ellipsen. Bevestig vervolgens een rechthoek voor de stam en vorm een ​​kroon door de bladeren te kopiëren en verplaatsen. Gebruik # f37f10 voor de kleur.

Maak vervolgens een wolk bestaande uit overlappende cirkels en een afgeronde rechthoek. Verwijder alle ongewenste stukken met behulp van de Shape Builder Tool (Shift-M), voeg alle vormen samen met de vormen Verenigen optie van verkenner, en stel de kleur in op# fbe2aa.

Verspreid de palmen en wolken over het tafereel en creëer een uitgebalanceerde compositie.

Dat is het! Onze strandwachttorenillustratie is gereed

Gefeliciteerd! Onze vlakke Baywatch house scene is klaar.

Ik besloot om twee zeemeeuwsilhouetten op de achtergrond toe te voegen om de sfeer van de zonsondergang aan zee te verbeteren. Kun je nu de zomerbries en de zeeën aan het spetteren aan een tropische kust voelen? Onze les eindigt hier en nieuwe avonturen beginnen.

Ik hoop dat je van het proces hebt genoten en onderweg iets nieuws en behulpzaams hebt ontdekt.

Deze afbeelding van de strandwachttoren maakt slechts een deel uit van mijn verzameling zomerkusten en er zijn veel meer reis- en avonturenillustraties in mijn portfolio op GraphicRiver.