7 days of PS Actions, graphics, templates & fonts - for free!* Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Nature

Wie man einen Ferien-Strand-Hintergrund in Adobe Illustrator herstellt

Scroll to top
Read Time: 5 mins

German (Deutsch) translation by Anthoni Hermanto (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

In diesem Tutorial lernen Sie, wie Sie mit dem Mesh Tool einen Sommerhintergrund mit einer Urlaubsszene erstellen können!

Wenn Sie dieses Tutorial überspringen und das Endergebnis mit ein paar weiteren Elementen kaufen möchten, gehen Sie zu GraphicRiver, um Vacation Background zu kaufen.

Vacation background

1. Wie man die Palmen zeichnet

Schritt 1

Beginnen wir damit, den Stamm zu zeichnen! Zeichnen Sie mit dem Pen Tool (P) eine gekrümmte Linie, wie unten gezeigt, und ändern Sie dann sein Stroke Profile entsprechend.

Abschließend wenden Sie einen Radial Gradient auf den Stroke an. Es sollte von #D3D991 zu #5A6B00 zu #576900 gehen.

draw stemdraw stemdraw stem

Schritt 2

Fahren Sie mit Object > Expand Appearance fort, um ein Objekt außerhalb des Strichs zu erstellen.

expand appearanceexpand appearanceexpand appearance

Schritt 2

Zeichnen Sie eine andere Linie, färben Sie ihren Stroke mit #7C9808 und wenden Sie dann ein Profile darauf an.

Als nächstes gehen Sie zu Object > Expand Apperance

draw leafdraw leafdraw leaf

Schritt 4

Wir werden dieses Objekt mit Mesh modifizieren!

Nimm das Mesh Tool (U) und platziere ein paar Knoten auf dem Objekt, wie unten gezeigt, um ein Mesh-Gitter zu erstellen. Wählen Sie dann die Knoten wie unten und färben Sie sie mit #75840A neu ein.

Fahren Sie fort, indem Sie das Mesh weiter einfärben, indem Sie die Farben #B2AE5B und #91AB11 verwenden.

meshmeshmesh

Schritt 5

Nimm das fertige Objekt und gehe zu Effect > Warp > Arc. Legen Sie die Bend auf 7% fest und Expand Appearance auf Objekte.

warp leafwarp leafwarp leaf

Schritt 6

Machen Sie eine kleinere Kopie des Blattes, und erstellen Sie dann eine Kopie davon, und färben Sie es mit Edit > Edit Colors > Adjust Colors und setzen Sie Red auf 8%. Sie sollten nach diesem Schritt drei verschiedene Blätter haben.

recolor leafrecolor leafrecolor leaf

Schritt 7

Nimm diese Blätter und füge sie zu dem Stamm, den wir vorher gemacht haben, hinzu und erschaffe ein Palmblatt.

assemble leafassemble leafassemble leaf

Schritt 8

Nimm eine Kopie des fertigen Blattes und wirf es mit Effect > Warp > Arc. Verwenden Sie diese Werte:

  • Bend: 8%
  • Horizontal Distortion: -2%
  • Vertical Distortion: -12%

Vergessen Sie nicht, Expand Appearance.

bend leafbend leafbend leaf

Schritt 9

Erstellen Sie eine weitere Kopie des ersten Blattes, das wir erstellt haben, und färben Sie es mit Edit > Edit Colors > Adjust Colors anpassen ein. Benutze diese:

  • Red: -15%
  • Blue: -16%
recolorrecolorrecolor

Schritt 10

Nimm das Blatt, das wir gerade gemacht haben, und wende Effect > Warp > Bulge darauf an.

  • Bend: 22%
  • Horizontal Distortion: -18%
  • Vertical Distortion: -8%

Expand Appearance.

warp leafwarp leafwarp leaf

Schritt 11

Ändere das Blatt weiter, jetzt mit Effect > Warp > Arc.

  • Bend: 24%
  • Horizontal Distortion: -2%
  • Vertical Distortion: -12%

Vergessen Sie nicht, Expand Apperance des Ergebnisses.

bend leafbend leafbend leaf

Schritt 12

Schichte die Blätter, die wir gemacht haben.

create leavescreate leavescreate leaves

Schritt 13

Zeichnen Sie einen Umriss und halten Sie den Teil der Blätter, den Sie im Rechteck sehen möchten.

crop leavescrop leavescrop leaves

Schritt 14

Wählen Sie alles aus, Rechtsklick und wahlen Make Clipping Mask.

clipping maskclipping maskclipping mask

Schritt 15

Unsere Blätter sind fertig!

resultresultresult

2. Wie man das Meer und den Sand zeichnet

Schritt 1

Für diesen Schritt müssen Sie den Anhang dieses Tutorials herunterladen. Sie werden es in der rechten Seitenleiste finden können.

Öffnen Sie sea.jpg im Adobe Illustrator und ziehen Sie das Bild in Ihre Vektordatei. Rufen Sie das Image Trace (Sie können dazu das Window durchlaufen) und ändern Sie die Anzahl der Color auf 3. Verfolgen Sie das Bild.

image traceimage traceimage trace

Schritt 2

Nehmen Sie das Ablaufverfolgungsergebnis, und Ungroup Sie es dann auf, bis Sie mit anderen Elementen übrig sind.

ungroupungroupungroup

Schritt 3

Unterteilen Sie das Meer in verschiedene Farben, indem Sie ein farbiges Element auswählen und auf Select > Same > Fill Color klicken.

select same colorsselect same colorsselect same colors

Schritt 4

Sie erhalten drei verschiedene Schichten von Elementen. Behalten Sie diejenigen, die mit #38D8F4 und #11B9D7 gefärbt sind, aber löschen Sie alle mit #5CEAFC gefärbten Elemente und erstellen Sie stattdessen ein vollständiges Rechteck, das mit dieser Farbe gefüllt ist.

Erstellen Sie eine Kopie der mittleren Ebene und legen Sie sie für später beiseite.

divide into colorsdivide into colorsdivide into colors

Schritt 5

Kombiniere diese Ebenen wieder zu einem Hintergrund.

assemble seaassemble seaassemble sea

Schritt 6

Zeichnen Sie ein neues Rechteck, füllen Sie es mit #88DEE5, und greifen Sie dann das Mesh Tool (U) und fügen Sie einige Mesh-Knoten hinzu.

Markieren Sie die untere Zeile des Objekts mit #E7EFF0, fügen Sie dann weitere Knoten hinzu und färben Sie die neue Zeile mit #CFEBED.

Ändern Sie die Form des Objekts, indem Sie seine Knoten mit dem Mesh-Werkzeug ziehen. Gib ihm eine organische, wellige Form.

draw mesh seadraw mesh seadraw mesh sea

Schritt 7

Wählen Sie die Knoten in der oberen und unteren Zeile des Objekts aus und ändern Sie ihre Opacity auf 0%.

adjust opacityadjust opacityadjust opacity

Schritt 8

Beginne den Sand mit Mesh zu zeichnen.

  1. #E7D9BD
  2. #CBA880
  3. #FFFFFF
draw sand with meshdraw sand with meshdraw sand with mesh

Schritt 9

Montieren Sie die Küste.

coastlinecoastlinecoastline

Schitt 10

Nehmen Sie die Kopie, die wir in Schritt 4 erstellt haben. Zeichnen Sie einen rechteckigen Umriss im oberen Teil der Textur, und gehen Sie dann zu Pathfinder > Crop, um einen Teil davon auszuschneiden.

cropcropcrop

Schritt 11

Löschen Sie einige Teile, damit es organischer aussieht.

ajust textureajust textureajust texture

Schritt 12

Erstelle einen Art Brush aus der Textur.

art brushart brushart brush

Schritt 13

Zeichnen Sie eine Linie und wenden Sie den neuen Pinsel darauf an.

Verwende die Farbe #EFEFEF und setze den Stroke auf 0,5 pt.

add brushadd brushadd brush

Schritt 14

Expand Appearance auf des Objekts und legen Sie es dann auf Screen und 50% Opacity fest.

set screenset screenset screen

Schritt 15

Platziere es an der Küste.

place brushplace brushplace brush

3. Wie zeichne den Himmel und Wolken

Schritt 1

Zeichne den Himmel mit Mesh.

  1. #53A0D0
  2. #FFFFFF
  3. #88C0E1
  4. #89C2E0
draw sky with gradient meshdraw sky with gradient meshdraw sky with gradient mesh

Schritt 2

Mache die untere Reihe transparent.

transparenttransparenttransparent

Schritt 3

Zeichnen Sie die Wolke mit Mesh.

  1. #000000
  2. #808080
  3. #535353
  4. #353535
draw clouddraw clouddraw cloud

Schritt 4

Setzen Sie das Objekt auf Screen.

screenscreenscreen

Schritt 5

Überlagere einige Kopien der Wolken.

cloudscloudsclouds

Schritt 6

Fügen Sie den Himmel und die Wolken dem Hintergrund hinzu.

add skyadd skyadd sky

Schritt 7

Fügen Sie die Palmblätter hinzu.

add leavesadd leavesadd leaves

Schritt 8

Sie können auch eine Sonne mit einem Radial Gradient von weiß über gelb bis schwarz zeichnen. Verwenden Sie Screen für das Objekt.

add sunadd sunadd sun

Schritt 9

Fügen Sie die Sonne dem Himmel hinzu.

Sie können auch transparente Bildschirmhighlights hinzufügen. Erfahren Sie, wie Sie diese Art von Hervorhebung im letzten Abschnitt meines Fensterrahmen-Tutorials erstellen.

add highlightsadd highlightsadd highlights

Schritt 10

Schließlich, lernen Sie, Flip-Flops in diesem Tutorial von mir zu zeichnen!

flip flopsflip flopsflip flops

Herzlichen Glückwunsch, Sie sind jetzt fertig!

Was jetzt? Sie können jedes meiner anderen Tutorials aus meinem Profil ausprobieren oder mein Portfolio auf GraphicRiver sowie das Originalbild, das wir in diesem Tutorial erstellt haben, ansehen.

Ich hoffe, dir hat das Tutorial gefallen und ich bin sehr glücklich darüber, die Ergebnisse in den Kommentaren zu sehen!

original imageoriginal imageoriginal image
Urlaub Hintergrund
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.