So erstellen Sie eine Beach Guard Tower-Illustration in Adobe Illustrator

Was Sie erstellen werden

Im heutigen Tutorial werden wir uns in Sommerstimmung begeben, während wir in Adobe Illustrator einen einsamen Strandwachturm an einer Küste erstellen. Wir verwenden einfache Werkzeuge und Techniken.

Wie immer können Sie das Ergebnis als Teil meiner Summer Seaside-Kollektion auf GraphicRiver erwerben.

1. So erstellen Sie ein neues Dokument

Richten Sie zuerst ein Neues Dokument (Datei> Neu oder Steuerung / Befehl-N) mit diesen Einstellungen:

  • Anzahl der Zeichenflächen: 1
  • Breite: 1200
  • Höhe: 1200
  • Einheiten: Pixel

Von dem Erweitert Tab:

  • Farbmodus: RGB
  • Rastereffekte: Bildschirm
  • Vorschau Modus: Standard
  • Deaktivieren Sie das Kontrollkästchen Neue Objekte am Pixelraster ausrichten

2. So erstellen Sie den oberen Abschnitt des Turms

Schritt 1

Beginnen wir einfach mit der Erstellung einer 127 x 127 px Rechteck und füllen mit # 98D2BE.

Nehmen Sie die Direktauswahl-Tool (A) und wählen Sie beide oberen Anker des Rechtecks ​​aus. Drücken Sie Eingeben die öffnen Bewegung Fenster. Stellen Sie das ein Horizontal Wert zu -32 px und das Vertikale Wert zu 0 px und drücke OK, Bewegen unserer Anker nach links.

Dieses abgewinkelte Rechteck dient als Hauptfrontwand.

Schritt 2

Wählen Sie die Form und Kopieren es mit Steuerung-C. Klicken Steuerung-F zweimal, um zwei Kopien oben auf dem Rechteck zu erhalten, und verschieben Sie die obere Kopie um ungefähr nach rechts 60 px.

Fügen Sie der Auswahl die zweite Kopie hinzu und verwenden Sie die Minus Front Option der Pfadfinder Panel.

Schritt 3

Wählen Sie die resultierende Form mit Auswahlwerkzeug (V) und verkleinern sie um Mit gedrückter Umschalttaste eine der oberen Ecken des Begrenzungsbox blauer Bereich zur Mitte.

Legen Sie die Farbe der Form auf fest # 48A987 und positionieren Sie die Form im mittleren Teil der Wand. Es wird als Türöffnung dienen.

Schritt 4

Kopieren (Control-C) die Türöffnung und fügen Sie zwei Kopien in die Vorderseite ein, indem Sie drücken Steuerung-F zweimal.

Bewegen Sie die obere Form leicht nach rechts, fügen Sie der Auswahl eine zweite Kopie hinzu und drücken Sie die Taste Sich schneiden Taste auf der Pfadfinder Panel. Ändern Sie die Farbe der neuen Form in # 225443, den inneren Schatten des Eingangs bilden.

Schritt 5

Jetzt fügen wir der Eingangswand einen Schatten hinzu. Machen Sie zwei Kopien (Steuerung-C) und fügen Sie sie vor der Form ein (Steuerung-F zweimal) und verschieben Sie die oberste Kopie nach links und unten.

Fügen Sie der Auswahl eine zweite Form hinzu Minus Front Option von Pfadfinder, eine abgewinkelte Form bekommen.

Da es als Schatten fungiert, ändern Sie es Mischmodus zu Multiplizieren beim Absenken der Opazität zu 40% in dem Transparenz Panel.

Schritt 6

Fügen wir im rechten Teil der Wand ein Highlight hinzu.

Erstellen Sie erneut zwei Frontkopien der Wand und verschieben Sie die oberste Kopie nach rechts. Fügen Sie der Auswahl eine weitere Kopie hinzu Minus Front Option von Pfadfinder, Stellen Sie sicher, dass Sie die Farbe der resultierenden Form in Weiß ändern (#FFFFFF).

Schritt 7

Zeit, um den Formen Konturen hinzuzufügen.

Wählen Sie das Hauptrechteck aus und kopieren Sie es. Klicken Sie dann einmal auf den Schatten-Türbereich und drücken Sie Steuerung-F, eine Kopie der Wand vor dem Eingang bekommen.

Stellen Sie das ein Füllen der Kopie an Keiner, das Schlaganfall Farbe zu # 3d342d, und das Gewicht zu 6 px.

Geben 6 px dicke Konturen (# 3d342d) Zu den Türteilen.

Schritt 8

Bau ein 152 x 127 px Rechteck (# 6ebea2) für die Seitenwand, platzieren Sie den oberen linken Anker hinter dem oberen rechten Anker der Vorderwand und verbergen Sie ihn hinter dem vorherigen Abschnitt.

Wie bei der vorherigen Wand, geben Sie der aktuellen Wand einen Schattenanteil, indem Sie zwei vordere Kopien erstellen, die obere Kopie nach links und unten verschieben und die Minus Front Option der Pfadfinder Vergewissern Sie sich für die beiden Formen, dass Sie das ändern Mischmodus der resultierenden Form zu Multiplizieren beim Absenken der Opazität zu 40%. 

Schritt 9

Fügen Sie auf dieselbe Weise einen weiteren Seitenschatten an der Wand hinzu.

Fügen Sie der Seitenwand eine Kontur hinzu. Kopieren (Kontrolle-C) Klicken Sie auf die obere Wand, und fügen Sie die Form davor mit ein Steuerung-F. Entferne das Füllen beim Einstellen der Schlaganfall Farbe zu # 3d342d und das Gewicht zu 6 px.

Schritt 10

Füge hinzu ein 210 x 16,5 px Rechteck (# 6ebea2) auf der Oberseite der Seitenwand und richten Sie sie an der Mitte der Form aus.

Wie in den vorherigen Abschnitten, geben Sie dem aktuellen Rechteck zwei Schatten und a 6 px dicke Kontur (# 3d342d).

Schritt 11

Form a 129 x 16,5 px Rechteck (# 98d2be) auf der äußeren linken Seite der zuvor erstellten Form.

Erstellen Sie mit den gleichen Methoden eine Markierung auf der linken Seite und einen Schatten auf der rechten Seite des Streifens, gefolgt von einem 6 px breiter Umriss (# 3d342d).

Gruppe (Control-G) alle teile zusammen.

3. Erstellen des unteren Abschnitts des Turms

Schritt 1

Beginnen wir mit der Arbeit am unteren Teil unseres Turms, indem Sie eine 290 x 16,5 px Rechteck (# 48a987) unter dem oberen Teil, richten Sie es an der rechten Dachkante aus.

Machen Sie noch einen 230,5 x 16,5 px Streifen der gleichen Farbe unter dem ersten.

Drehen Sie das Rechteck um 30 Grad durch Alt-Klick am unteren linken Anker mit der Werkzeug drehen (R), einstellen der Winkel zu 30 Grad.

Befestigte die abgewinkelte Form an der linken Seite der horizontalen und positionierte ihren oberen Anker auf dem oberen linken Anker des horizontalen Rechtecks.

Schritt 2

Wählen Sie das abgewinkelte Rechteck und drücken Sie Eingeben die öffnen Bewegung Optionsfenster. Stellen Sie das ein Horizontal Wert zu -100 px und das Vertikale Wert zu 0 px und drücke Kopieren, Du erhältst ein Duplikat auf der linken Seite.

Nehmen Sie die Direktauswahl-Tool (A) und ziehen Sie den unteren rechten Anker des Duplikats an den oberen Punkt der ursprünglichen abgewinkelten Form.

Wählen Sie dann den linken unteren Anker der linken abgewinkelten Form und positionieren Sie ihn auf dem linken oberen Anker des ursprünglichen Rechtecks.

Legen Sie die Farbe der resultierenden Form auf fest # 98d2be.

Schritt 3

Nehmen Sie die Rechteckwerkzeug (M) und fügen Sie ein kleines Rechteck hinzu (# 48a987) Unter der Unterseite der großen abgewinkelten Form, wobei darauf zu achten ist, dass die untere Kante auf derselben Ebene wie der untere Anker des rechtwinkligen Streifens liegt.

Wählen Sie mit die untere Kante der erstellten Figur Direktauswahl-Tool (A) Ziehen Sie es nach rechts und positionieren Sie seine rechte Seite an der linken Kante des benachbarten abgewinkelten Streifens.

Schritt 4

Nun lasst uns an den Highlights arbeiten.

Erstellen Sie eine größere Kopie des seitlich abgewinkelten Rechtecks. Wählen Sie es zusammen mit der Originalform und dem horizontalen Rechteck aus und schneiden Sie den überstehenden Teil mit ab Alt-Klick darauf mit dem Form-Builder-Werkzeug (Umschalttaste-M). Ändern Sie die Farbe der resultierenden Form in Weiß (#ffffff).

Verwendung der Pfadfinder Methode, wie zuvor, fügen Sie der Steigung ein zweites Highlight hinzu.

Schritt 5

Geben Sie dem horizontalen Seitenstreifen und der Neigung Schatten.

Wählen Sie das abgewinkelte Rechteck und den horizontalen Streifen aus, und verbinden Sie die beiden zu einer einzigen größeren Form mit Pfadfinder's Formmodus vereinen.

Hinzufügen 6 px dicke Konturen (# 3d342d) mit einer Runde beitreten zu allen unteren Stücken.

Schritt 6

Beginnen Sie mit der Arbeit an dem Zaun, indem Sie eine 11,5 x 29 px Rechteck (# 6ebea2) für den Beitrag, wobei ein Schatten gefolgt von einem 4 px dicke Kontur (# 3d342d). Gruppe (Kontrolle-G) alle Teile zusammen und platzieren Sie eine Kopie des Pfostens oben auf der Piste. 

Schritt 7

Wählen Sie den ursprünglichen Beitrag aus, öffnen Sie die Bewegung Optionsfenster (Eingeben) und stellen Sie den horizontalen Wert auf 65 px. Klicke auf das Kopieren, Du erhältst ein Duplikat des Beitrags auf der rechten Seite. Halten Sie das Duplikat ausgewählt und drücken Sie Steuerung-D zwei weitere Male, zwei weitere Exemplare.

Gruppe (Control-G) alle vier Beiträge zusammen und drehen Sie die Gruppe um 30 Grad Verwendung der Werkzeug drehen (R).

Befestigen Sie die Pfostengruppe am linken Rand des Abhangs.

Schritt 8

Jetzt brauchen wir eine Schiene über den Pfosten.

Kopieren Sie die schwarze Kontur der Neigung und ziehen Sie sie auf die seitliche Pfostenreihe, sodass der linke Rand oben auf der Oberseite angezeigt wird (siehe Abbildung unten).

Löschen die rechte und untere Kante der Kontur.

Ziehen Sie die Endpunkte mit der Taste Direktauswahl-Tool (A), Platzieren Sie eine davon am linken Rand der Kabine und eine weitere am oberen linken Anker des linken Pfostens. einstellen Runde Kappe für die Schiene.

Schritt 9

Erstellen Sie einen weiteren Zaun auf der rechten Seite des Turms, indem Sie die Pfosten und die Schiene kopieren und ziehen.

Schritt 10

Lassen Sie uns Lagerpfähle schaffen, die unsere Kabine unterstützen.

Bau ein 14 x 113 px Rechteck (# 48a987) auf der rechten Seite unter der Kabine. Gib ihm einen Schatten, gefolgt von einem 6 px dicke Kontur (# 3d342d).

Gruppe (Control-G) alle Teile zusammen und machen Sie links ein Duplikat.

Schritt 11

Zeichne zwei 6 px dicke horizontale Linien (# 3d342d) Von einem Stapel zum anderen, wobei die linken Endpunkte den linken Pfosten leicht überlappen.

Gruppe (Control-G) Erstellen Sie eine Kopie der tragenden Stapel, verschieben Sie sie nach links und verbergen Sie sie hinter dem Turm. Außerdem wird die Farbe dunkler.

4. Wie man einen Windsack herstellt und Details hinzufügt

Schritt 1

Fügen wir einen fließenden Windsack auf das Dach unseres Strandturms hinzu.

Form a 62 x 24 px Rechteck (# d65428) für die Hauptform des Windsacks.

Fügen Sie dann einen Ankerpunkt in der Mitte der rechten Kante mit dem hinzu Ankerpunktwerkzeug hinzufügen (+). Löschen die oberen und unteren Anker, ein Dreieck erhalten und die rechte Ecke durch Ziehen an der gerundeten Ecke abrunden Live-Ecke Anzeige zur Mitte mit der Direktauswahl-Tool (A).

Füge hinzu ein 15,5 x 24 px Ellipse (# a8411f) im linken Teil des Dreiecks.

Schritt 2

Wählen Sie die Ellipse aus und gehen Sie zu Objekt> Pfad> Versatzpfad. Eingeben 10 px in die Versatz Wertfeld und drücken Sie OK, eine Übersicht bekommen.

Wenn Sie die äußere Ellipse ausgewählt halten, verwenden Sie die Versatzpfad wieder einstellen, die Versatz Wert zu 5 px.

Wählen Sie beide äußeren Formen aus und gehen Sie zu Objekt> Pfad> Versatzpfad nochmal. Stellen Sie das ein Versatz zu 20 px, zwei weitere äußere Formen erhalten.

Wählen Sie die Kegelform aus, holen Sie sich eine Kopie in der Vorderseite und wählen Sie die Kopie zusammen mit den vier äußeren Ellipsen mithilfe von aus Teilen Option der Pfadfinder Panel.

Löschen Sie alle geteilten Teile mit Ausnahme der beiden Streifen und ändern Sie ihre Farbe in # fbf8f1.

Schritt 3

Geben Sie der Form, die wir gerade erstellt haben, ein Highlight, gefolgt von einem 4 px dicke Kontur (# 3d342d) mit einer Runde beitreten. Fügen Sie der Ellipse dieselbe Kontur hinzu.

Erstellen Sie zwei Seile, die unseren Windsack an der Stange befestigen. Benutze zwei 4 px dicke linien für die seile und a 6 px dicke Linie für die Stange.

Gruppe (Control-G) alle sockenteile zusammen und positionieren sie auf dem dach des turmes.

Schritt 4

Mit dem Beach Guard Tower sind wir fast fertig.

Geben Sie unserem Turm ein interessanteres und stilvolleres Aussehen, indem Sie einige Konturen öffnen. Verwenden Sie dazu einfach die Ankerpunktwerkzeug hinzufügen (+) um zusätzliche Anker in den Konturen hinzuzufügen und dann Löschen Pfade zwischen diesen Ankern Deckel der übrigen Konturenzu Runden aus dem Schlaganfall Panel.

Nehmen Sie sich Zeit, und wenn Sie fertig sind, fügen Sie weitere hinzu 4 px dicke Linien an den Rändern unserer Abbildung.

Beenden Sie den Turm, indem Sie unten einige Zeilen für das Erdgeschoss hinzufügen.

5. So erstellen Sie einen tropischen Strandhintergrund

Setzen wir unseren Strandwachturm in ein tropisches Paradies, indem wir im Hintergrund eine Küstenlandschaft schaffen.

Schritt 1

Form a 1200 x 1200 px Rechteck (# fb9f31) hinter unserem Gebäude für den Hintergrund.

Fügen Sie einige hinzu 6 px dicke Linien von # f8cc6b Farbe unter dem Turm, um die Wasseroberfläche zu imitieren. Machen Sie sie interessanter und lebendiger, indem Sie einige Striche hinzufügen und ihre Größe variieren.

Schritt 2 

Füge hinzu ein 300 x 300 px Kreis (# f37f10) für die untergehende Sonne und zwei äußere Kreise für das Leuchten der Sonne. Verwenden Sie weiße Farbe und Screen Blending-Modus mit 30% Deckkraft für das Glühen.

Löschen Sie den hervorstehenden unteren Teil des äußeren Kreises, indem Sie ihn auswählen und Alt ziehen über den herausragenden Teil mit der Radiergummi-Werkzeug (Umschalttaste-E).

Schritt 3

Wir benötigen einige zusätzliche Elemente, um die Komposition zu beenden.

Erstellen Sie eine einfache Handfläche aus wenigen Blättern und einem rechteckigen Stamm. Wir können ein Blatt bekommen, indem wir das verwenden Sich schneiden Option der Pfadfinder Panel für zwei überlappende Ellipsen. Befestigen Sie dann ein Rechteck für den Stamm und formen Sie eine Krone, indem Sie die Blätter kopieren und verschieben. Benutzen # f37f10 für die Farbe.

Erstellen Sie dann eine Wolke aus überlappenden Kreisen und einem abgerundeten Rechteck. Entfernen Sie einfach alle unerwünschten Teile mit der Form-Builder-Werkzeug (Umschalttaste-M), verschmelzen Sie alle Formen zu einer Vereinen Option von Pfadfinder, und stellen Sie die Farbe auf# fbe2aa.

Verteilen Sie die Handflächen und Wolken über der Szene und schaffen Sie eine ausgewogene Komposition.

Das ist es! Unsere Beach Guard Tower Illustration ist fertig

Herzliche Glückwünsche! Unsere flache Baywatch House-Szene ist fertig.

Ich beschloss, zwei Möwen-Silhouetten im Hintergrund hinzuzufügen, um die Atmosphäre des Sonnenuntergangs am Meer zu verbessern. Spüren Sie jetzt die Sommerbrise und die Meeresbrandung an einer tropischen Küste? Unsere Lektion endet hier und neue Abenteuer beginnen.

Ich hoffe, dass Ihnen der Prozess gefallen hat und Sie dabei Neues und Nützliches entdeckt haben.

Diese Strandwachturm-Illustration ist nur ein Teil meiner Summer Seaside-Kollektion, und auf GraphicRiver befinden sich weit mehr Reise- und Abenteuerillustrationen in meinem Portfolio.