() translation by (you can also view the original English article)
In diesem Tutorial zeige ich Ihnen, wie Sie mit den grundlegendsten Formen und Werkzeugen von Adobe Illustrator einen farbenfrohen Surfvan erstellen.
Wenn Sie das Tutorial überspringen und nur das Ergebnis kaufen möchten, gehen Sie einfach zu GraphicRiver, um mein Bungalow-, Cottage-, Trailer- und Hausset zu erhalten.
1. So erstellen Sie ein neues Dokument
Zuerst müssen wir ein neues Dokument (Datei > Neu oder Control/Command-N) mit diesen Einstellungen einrichten:
- Anzahl der Zeichenflächen: 1
- Breite: 1200
- Höhe: 1200
- Einheiten: Pixel
Auf der Registerkarte Erweitert:
- Farbmodus: RGB
- Rastereffekte: Bildschirm
- Vorschaumodus: Standard
- Deaktivieren Sie das Kontrollkästchen Neue Objekte am Pixelraster ausrichten
2. So bauen Sie die Basis und das Dach des Campinganhängers
Schritt 1
Beginnen wir damit, den Körper eines Anhängers aus einem 607 x 177 px großen Rechteck #eecf98 zu formen, das mit Hilfe des Rechteck-Werkzeugs (M) erstellt wurde.
Nachdem Sie das Rechteck erstellt haben, wählen Sie den Ankerpunkt oben rechts mit dem Direktauswahl-Werkzeug (A) aus und drücken Sie die Eingabetaste, um das Verschieben-Fenster zu öffnen. Setzen Sie den horizontalen Wert auf -55 px und den vertikalen Wert auf 0 px und drücken Sie OK, um unseren Anker nach links zu verschieben.
Schritt 2
Erstellen Sie ein weiteres 607 x 55 px großes Rechteck mit der Farbe #eecf98 und platzieren Sie es unter dem unteren Rand unseres Hauptteils. Wählen Sie mit dem Direktauswahl-Werkzeug (A) den Ankerpunkt unten rechts aus. Drücken Sie die Eingabetaste, um das Fenster mit den Verschieben-Optionen erneut zu öffnen, und setzen Sie den horizontalen Wert auf -5 px und den vertikalen Wert auf 0 px, indem Sie den Punkt nach links verschieben.
Öffnen Sie das gleiche Fenster für den Ankerpunkt unten links. Setzen Sie den Wert Horizontal auf 19 px und Vertical auf 0 px, indem Sie unsere Ecke nach rechts verschieben.
Schritt 3
Wählen Sie beide Formen zusammen aus und verwenden Sie die Option „Vereinen“ des Pathfinder-Bedienfelds, um sie zu einer Form zusammenzuführen.
Bilden Sie mit einem 583 x 8 px großen Rechteck mit der Farbe #4f412f einen Streifen unter der Unterseite.
Schritt 4
Erstellen Sie ein weiteres Rechteck mit einer Größe von 552 x 67 px auf der Oberseite des Anhängers und verwenden Sie #613d26, um es zu färben.
Nehmen Sie das Ankerpunkt hinzufügen-Werkzeug (+) und fügen Sie einen zusätzlichen Anker am unteren Teil der rechten Kante der Form hinzu.
Verschieben Sie mit der vorherigen Methode den oberen rechten Ankerpunkt etwa 120 px nach links.
Wählen Sie den Ankerpunkt in der oberen linken Ecke der braunen Form mit dem Direktauswahl-Werkzeug (A) aus. Sie können das Interaktive Ecke-Widget in der Ecke sehen. Greifen Sie einfach das Widget und ziehen Sie es in die Mitte, sodass die Ecke abgerundet wird.
Schritt 5
Fügen wir dem Dachabschnitt einen Umriss hinzu.
Wählen Sie die Dachform aus und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie -4,5 px in das Feld Verschieben ein und drücken Sie OK. Setzen Sie die Füllfarbe der inneren Form auf #eecf98.
Nehmen Sie das Direktauswahl-Werkzeug (A) und ziehen Sie die untere Seite der resultierenden Form nach unten, während Sie die Umschalttaste gedrückt halten, sodass sie auf der gleichen Höhe wie die Oberkante des Wohnmobilkörpers sitzt.
3. So fügen Sie die Streifen, die Tür und die Fenster hinzu
Schritt 1
Zeit unseren Camper mit Streifen zu dekorieren.
Erstellen Sie ein 750 x 113 px großes Rechteck (#c25c34) und platzieren Sie es unter der oberen Kante der Hauptanhängerform.
Bilden Sie einen zweiten 750 x 28,5 px großen Streifen derselben Farbe, der über die seitlichen Anker der Wohnmobilbasis verläuft.
Schritt 2
Schneiden wir die Teile der Streifen ab, die außerhalb der Basisform des Anhängers stehen.
Wählen Sie die Streifen zusammen mit der Hauptform aus. Verwenden Sie dann das Formerstellungswerkzeug (Umschalt-M). Halten Sie die Alt-Taste gedrückt, klicken und halten Sie die linke Maustaste auf einen freien Bereich in der Nähe der Ränder des unerwünschten Streifenteils, ziehen Sie die ausstehenden Teile entlang und lassen Sie die Maustaste los, um sie zu löschen. Wiederholen Sie die Aktion für die andere Seite.
Schritt 3
Machen Sie zwei 110 x 60 px große Rechtecke (#bfa989) für die Fenster und platzieren Sie sie in der Nähe des linken und rechten Teils des größeren roten Streifens.
Wählen Sie die Fenster aus und gehen Sie zu Objekt > Pfad > Pfad verschieben. Geben Sie 3 px für Verschieben ein und setzen Sie die Füllfarbe der Umrisse auf #613d26.
Schritt 4
Beginnen Sie mit dem Erstellen einer Tür, indem Sie im linken Teil des Anhängers in der Nähe des linken Fensters eine abgerundete Form von 96 x 252 px (#613d26) bilden. Lassen Sie einen freien Raum zwischen der Tür und dem rechten Fenster für das kleinere Fenster, das wir später hinzufügen werden.
Verwenden Sie Pfad verschieben für die Türform und setzen Sie den Verschieben-Wert auf -4,5 px. Ändern Sie die Farbe der inneren Form in #c25c34.
Bauen Sie einen einfachen Türgriff, indem Sie mit dem Ellipse-Werkzeug (L) (#4f412f) einen 14 x 14 px großen Kreis und ein abgerundetes Rechteck von 28,5 x 4,5 px (#664b2e) erstellen.
Schritt 5
Fügen Sie ein horizontales abgerundetes Rechteck von 87 x 7,5 px unter der Tür hinzu und füllen Sie es mit #45392a.
Bilden Sie zwei 4 x 24,5 vertikale Rechtecke derselben Farbe und platzieren Sie sie links und rechts unter der horizontalen Form, sodass sie die Form überlappen.
Fügen Sie einen weiteren horizontalen Streifen hinzu, der zwischen den beiden vertikalen Rechtecken für den Schritt verläuft.
Schritt 6
Lassen Sie uns ein kleineres Fenster auf dem leeren Platz in der Nähe der Tür hinzufügen.
Bilden Sie ein Rechteck von 65 x 65 px (#613d26) und gehen Sie zu Objekt > Pfad > Pfad verschieben, setzen Sie den Verschieben auf -4,5 px und färben Sie die innere Form auf #bfa989.
Erstellen Sie ein 79 x 7,5 px großes Rechteck der Farbe #eecf98 über der oberen Kante des Fensters.
4. So fügen Sie die Räder, die Ständer und kleine Details hinzu
Schritt 1
Nehmen Sie das Ellipse-Werkzeug (L) und erstellen Sie einen 75,5 x 75,5 px großen Kreis der Farbe #4f412f für das Rad. Fügen Sie zwei kleinere Kreise im Inneren hinzu: einen 48 x 48 px großen Kreis der Farbe #d9b97b und einen 42 x 42 px großen Kreis ohne Füllung, aber mit einer 2 px Kontur der Farbe #80624f.
Erstellen Sie einen weiteren 17 x 17 px großen Kreis (#fde0a1) in der Mitte.
Erstellen Sie einen kleinen 3 x 3 px großen Kreis (#80624f) und platzieren Sie ihn unter dem zuvor erstellten umrissenen Kreis ohne Füllung. Lassen Sie den kleineren Kreis ausgewählt, fügen Sie den inneren Kreis zur Auswahl hinzu und klicken Sie erneut auf die innere Form, um sie zu einem Schlüsselobjekt zu machen. An Schlüsselobjekt ausrichten wird automatisch im Steuerung-Bedienfeld und im Ausrichtung-Bedienfeld ausgewählt.
Klicken Sie im Ausrichten-Bedienfeld (Fenster > Ausrichten) oder im Steuerung-Bedienfeldauf die Schaltfläche „Horizontal ausrichten zentriert“.
Schritt 2
Wählen Sie den kleinen Kreis aus, nehmen Sie das Drehen-Werkzeug (R) und klicken Sie dann bei gedrückter Alt-/Wahltaste in die Mitte des Rads. Legen Sie im Drehen-Bedienfeld den Winkel auf 30° fest und klicken Sie auf die Kopieren-Schaltfläche. Drücken Sie Strg-D, um die letzte Aktion zu wiederholen, und halten Sie Strg-D gedrückt, um alle 12 Kreise um das Zentrum (1) hinzuzufügen.
Beginnen Sie mit dem Erstellen einer dekorativen Felge, indem Sie ein 92 x 32 px großes Rechteck ohne Füllung und mit #fde0a1 Farbkontur von 9 pt Breite bilden, es unter die Oberseite des Rades legen und mit dem Ausrichten-Bedienfeld (2) an seiner Mitte ausrichten.
Ziehen Sie die oberen Anker horizontal um 15 px in Richtung Mitte (verwenden Sie einfach das Verschieben-Bedienfeld wie zuvor) (3).
Löschen Sie die Unterseite, indem Sie mit dem Direktauswahl-Werkzeug (A) darauf klicken und die Entf-Taste (4) drücken.
Entfernen Sie den herausragenden oberen Teil des Rades (5) mit Hilfe des Formerstellungswerkzeugs (Shift-M) (5).
Zeichnen Sie mit dem Zeichenstift-Werkzeug (P) eine abgewinkelte Form, die auf den Rändern unserer Felge sitzt, und verstecken Sie sie hinter dem Rad (6).
Gruppieren Sie (Control-G) alle Radteile und setzen Sie sie auf den Anhänger.
Schritt 3
Lassen Sie uns eine Entlüftung erstellen.
Erstellen Sie ein 50 x 13,5 px (#222529) Rechteck unter dem kleinen Fenster und bilden Sie einen 3 px Umriss mit der Pfad verschieben-Methode, indem Sie die Farbe auf #d9b97b setzen. Fügen Sie zwei dünne Streifen derselben Farbe innerhalb der Form hinzu und gruppieren (Strg-G) deren Teile.
Kopieren Sie die Entlüftung und legen Sie die Kopie über den unteren Zierstreifen des Anhängers. Machen Sie die Farbe der Umrisse etwas dunkler.
Schritt 4
Zeit, eine kleine Tür am unteren Teil des Anhängers hinzuzufügen.
Bilden Sie einfach ein 83,5 x 34 px großes Rechteck (#c25c34) außerhalb des Trailers und runden Sie seine Ecken leicht ab. Fügen Sie mit dem Pfad verschieben einen 4,5-px-Umriss hinzu und setzen Sie seine Farbe auf #fde0a1.
Zeichnen Sie ein 16 x 5 px großes Rechteck (#fde0a1) unter die Oberkante des roten Innenteils und richten Sie es an dessen Mitte aus. Ziehen Sie die unteren Anker leicht zur Mittelachse und machen Sie sie abgerundet.
Platzieren Sie einen 6 x 6 px großen Kreis (#d9b97b) in der Mitte der abgewinkelten Form und fügen Sie ein kleines abgerundetes Rechteck in der Mitte hinzu (#4f412f), um ein Schlüsselloch zu bilden.
Fügen Sie zwei 11,5 x 5 px große Rechtecke (#4f412f) am unteren Rand des Umrisses für die Scharniere hinzu. Gruppieren (Control-G) alle Teile zusammen und platzieren Sie die Tür auf dem unteren rechten Teil des Anhängers.
Schritt 5
Der nächste Teil, den wir erstellen werden, ist ein Anhängerstand.
Erstellen Sie ein Rechteck von 68 x 12 px und färben Sie es mit #b3532d. Wählen Sie die Form aus und gehen Sie zu Objekt > Transformieren > Drehen. Stellen Sie den Winkel-Wert auf 45 Grad ein und drücken Sie OK.
Bilden Sie vor dem unteren Teil ein 17 x 17 px großes Rechteck (#eecf98) und runden Sie es oben ab. Erstellen Sie eine Form von 50 x 9 px (#d9b97b) und befestigen Sie sie an der unteren Kante des abgerundeten Rechtecks. Machen Sie seine oberen Anker abgerundet.
Machen Sie eine kleinere Kopie des roten Rechtecks und drehen Sie es um 45 Grad nach links. Ändern Sie die Farbe in ein dunkleres Rot (#9c4827). Verstecken Sie die Kopie hinter der größeren Form und platzieren Sie den oberen Anker auf derselben Ebene.
Gruppieren (Control-G) die Teile des Ständers und platzieren Sie ihn auf dem unteren linken Teil unseres Anhängers. Um sicherzustellen, dass unser Ständer auf der gleichen Ebene wie die Unterseite des Rads sitzt, verwenden Sie die Option Vertikal unten ausrichten des Ausrichten-Bedienfelds. Erstellen Sie dann eine gespiegelte Kopie des Ständers auf der rechten Seite des Wohnmobils.
Schritt 6
Unser Anhänger braucht eine Anhängerkupplung – ein Detail, mit dem er an einem Auto befestigt werden kann.
Erstellen Sie ein 89 x 15,5 Pixel großes Rechteck (#b3532d) und ziehen Sie den Anker unten rechts um einige Pixel nach oben.
Fügen Sie eine weitere vertikale Form von 7,5 x 13 px (#eecf98) auf der rechten Seite und zwei sich kreuzende Rechtecke hinzu. Verwenden Sie die Farbe #eecf98 für die hellere Farbe und #66452e für die dunklere Farbe.
Blenden Sie die sich kreuzenden Formen zwischen dem rechten vertikalen Rechteck aus und blenden Sie dann die drei kleineren Rechtecke hinter der größeren Form aus.
Gruppieren Sie (Control-G) alle Teile und legen Sie die resultierende Anhängerkupplung hinter die rechte untere Seite des Anhängers.
Schritt 7
Fügen Sie dem Camper ein paar weitere Details hinzu, wie z. B. kleinere Türen, eine Windschutzscheibe und Standlicht.
Sie können weiter gehen, indem Sie einige Referenzen im Internet finden und Ihre eigenen Angaben hinzufügen.
5. So fügen Sie dem Trailer Schatten und Lichter hinzu
Damit es lebendiger und echter aussieht, müssen wir dem Trailer einige Schatten und glänzende Teile hinzufügen.
Schritt 1
Beginnen wir mit dem Hinzufügen von Reflexionen zum linken Fenster. Wählen Sie es mit dem Direktauswahl-Werkzeug (A) aus, klicken Sie dann mit der rechten Maustaste und wählen Sie Ausgewählten Pfad isolieren aus dem Dropdown-Menü. Das isolierte Fenster wird in voller Farbe angezeigt, während der Rest des Bildmaterials abgeblendet erscheint. Erstellen Sie zwei lange vertikale Rechtecke (#fef7d9) unterschiedlicher Breite außerhalb der Fensterform.
Schritt 2
Wählen Sie die vertikalen Rechtecke aus und gehen Sie zu Objekt > Transformieren > Drehen, um sie um 45 Grad zu drehen. Ziehen Sie die abgewinkelten Rechtecke in unser Fenster und schneiden Sie die ausstehenden Stücke ab. Drücken Sie Esc, um den Isolationsmodus zu beenden, oder doppelklicken Sie einfach außerhalb der isolierten Gruppe.
Erstellen Sie Reflexionen für die anderen Fenster, indem Sie auf die gleiche Weise vorgehen. Vergessen Sie nicht, sie zu isolieren, bevor Sie andere Manipulationen vornehmen.
Schritt 3
Jetzt schaffen wir ein Highlight auf dem Dach.
Wählen Sie die Hauptdachform mit dem Direktauswahl-Werkzeug (A) aus und kopieren Sie sie mit Strg-C. Klicken Sie zweimal auf Strg-F, um zwei Kopien vor dem Hauptobjekt zu erhalten. Verschieben Sie die obere Kopie nach oben, sodass sie das Dach überlappt, und fügen Sie dann die zweite Kopie zur Auswahl hinzu.
Verwenden Sie die Option Schnittmenge
bilden des Pathfinders und ändern Sie die Farbe der resultierenden Form in #fde5b6, um das Highlight auf dem Dach zu erhalten.
Schritt 4
Da wir mit den Highlights fertig sind, ist es an der Zeit, dem Wohnmobil Schatten hinzuzufügen.
Wählen Sie die größte Lichtbasis des Wohnmobils aus und machen Sie zwei Kopien davor. Ziehen Sie eine Kopie nach unten und platzieren Sie den oberen Rand über dem unteren roten Streifen.
Strecken Sie die Kopie horizontal, indem Sie die Alt-Taste gedrückt halten und mit dem Direktauswahl-Werkzeug (V) ziehen, sodass sie die Basis des Trailers vollständig überlappt.
Fügen Sie die zweite Kopie der Auswahl hinzu und verwenden Sie die Option Schnittmenge bilden des Pathfinder-Bedienfelds. Ändern Sie die Farbe des resultierenden Teils in #d9b97b.
Fügen Sie auf die gleiche Weise dem unteren Teil der Tür einen Schatten hinzu.
Schritt 5
Machen wir einen Schatten für das Rad. Es wird etwas schwieriger.
Doppelklicken Sie auf die Radgruppe, um in sie zu gelangen. Bilden Sie ein dunkelgraues Rechteck, das den oberen Teil des Rades überlappt. Wählen Sie das Rechteck zusammen mit dem äußeren Radkreis aus und entfernen Sie die ausstehenden Teile.
Verstecken Sie die resultierende Form hinter dem oberen abgewinkelten Radschutz und gehen Sie zum Transparenz-Bedienfeld, indem Sie die Füllmethode auf Multiplizieren setzen, während Sie die Deckkraft auf 40% senken.
Gruppieren (Control-G) alle Camper-Teile zusammen.
6. So erstellen Sie einen Wüstenhintergrund
Jetzt brauchen wir nur noch eine Hintergrundlandschaft, die zu unserem Camper passt. Wir werden ein paar Kakteen, ein Bodenniveau und einen leuchtenden Mond über der Wüste hinzufügen, die die Atmosphäre schaffen.
Schritt 1
Beginnen wir mit der Erstellung der Hintergrundelemente, indem wir zwei Kakteen herstellen. Verwenden Sie einfache Rechtecke, um jede Kaktusform zu konstruieren. Verschmelzen Sie sie dann mit der Vereinen-Option des Pathfinders zu einer Figur und runden Sie die Ecken ab, indem Sie den Kreisindikator jedes Ankers ziehen. Setzen Sie die Farbe der Pflanzen auf #c7873e.
Schritt 2
Machen Sie ein abgerundetes Rechteck von 830 x 132 px (#d99b41) für einen Boden.
Fügen Sie dem unteren Teil zwei Schattenteile hinzu, indem Sie dunklere Rechtecke erstellen und die überstehenden Teile löschen.
Stellen Sie den Camper ebenerdig auf und verteilen Sie ein paar kleinere abgerundete Rechtecke über den Boden, um eine Sandtextur zu imitieren.
Schritt 3
Platzieren Sie unsere Kakteen in der Nähe des Wohnmobils.
Nehmen Sie das Zeichenstift-Werkzeug (P) und zeichnen Sie eine Silhouette von Wüstenbergen. Als Referenz können Sie einige Fotos aus dem Internet verwenden. Ich wurde von den Wüstenansichten von Arizona inspiriert, während ich diese Berge schuf.
Verwenden Sie #cc923d, um die Berge zu färben, und fügen Sie einen quadratischen Hintergrund hinzu, indem Sie ihn mit #f2bc55 füllen.
Schritt 4
Fügen Sie mit dem Ellipse-Werkzeug (L) einen leuchtenden Mond der Farbe #f7ead7 hinzu und verstecken Sie ihn hinter den Bergen.
Um den leeren Raum zu füllen und unserer Landschaft Tiefe zu verleihen, erstellen Sie mit Hilfe des Zeichenstift-Werkzeug (P) oder des Rechteck-Werkzeugs (M) eine wolkenähnliche Form hinter dem Mond, wobei die Ecken der resultierenden Form abgerundet werden.
Fügen Sie eine einfache Silhouette eines fliegenden Vogels hinzu und platzieren Sie ihn über dem Mondkreis.
Zeit zum Entspannen!
Herzliche Glückwünsche! Unsere Illustration ist fertig.
Lassen Sie Ihrer Fantasie freien Lauf und spüren Sie die Atmosphäre einer mondhellen Nacht, wenn nachts Vögel und Tiere irgendwo in den Wüstenbergen schreien, während Sie Ihren heißen Tee vor der Haustür Ihres Wohnmobils genießen. Klingt nach einem guten Plan für ein Wochenende, nicht wahr?
Was mich betrifft, ich hoffe, es hat Ihnen Spaß gemacht, diese Szene mit mir zu erstellen und einige neue Tricks mit den einfachen Werkzeugen von Adobe Illustrator zu lernen.
Jetzt können Sie Ihre eigenen Reiseszenen basierend auf wunderbaren Orten auf der ganzen Welt erstellen.
Diese Campinganhänger-Illustration ist nur ein Teil meines Bungalow-, Cottage-, Wohnwagen- und Haus-Sets, und in meinem Portfolio auf GraphicRiver gibt es noch viel mehr Reise- und Abenteuerillustrationen.
