1. Design & Illustration
  2. Graphic Design
  3. Icon Design

Erstellung einer Reihe von den realistischen Weihnachtskugeln in Adobe Illustrator

Folgen Sie diesem von den Winterferien inspirierten Tutorial und lernen Sie, wie Sie in Adobe Illustrator realistische Weihnachtskugeln erstellen. Wir erstellen die Form der Weihnachtskugel ausgehend von einem Kreis und definieren dann mithilfe der Funktion "Verlaufsgitter erstellen" Licht- und Schattenbereiche auf dem Ball. Dann können Sie den Globus nach Ihrem eigenen Geschmack mit den Farben oder Verläufen und den Füllmethoden Wir werden mit der Kappe und dem Haken fortfahren und dann mit dem Design der goldenen Weihnachtskugel, die aus einem einfachen Schneeflockensymbol besteht, das auf der Vorderseite abgebildet ist. Abschließend werden wir einige Reflexionen am Ball hinzufügen, um mit Opacity Masks ein realistischeres Aussehen zu erzielen. Lasst uns beginnen!
Scroll to top
This post is part of a series called Christmas Illustration Content.
Create a Detailed Christmas Lights Text Effect in Adobe Illustrator

German (Deutsch) translation by Tatsiana Bochkareva (you can also view the original English article)

Folgen Sie diesem von den Winterferien inspirierten Tutorial und lernen Sie, wie Sie in Adobe Illustrator realistische Weihnachtskugeln erstellen. Wir erstellen die Form der Weihnachtskugel ausgehend von einem Kreis und definieren dann mithilfe der Funktion "Verlaufsgitter erstellen" Licht- und Schattenbereiche auf dem Ball. Dann können Sie den Globus nach Ihrem eigenen Geschmack mit den Farben oder Verläufen und den Füllmethoden Wir werden mit der Kappe und dem Haken fortfahren und dann mit dem Design der goldenen Weihnachtskugel, die aus einem einfachen Schneeflockensymbol besteht, das auf der Vorderseite abgebildet ist. Abschließend werden wir einige Reflexionen am Ball hinzufügen, um mit Opacity Masks ein realistischeres Aussehen zu erzielen. Lasst uns beginnen!


Tutorial Assets

Um das Tutorial abzuschließen, benötigen Sie die folgenden Elemente:


1. Starten Sie ein neues Projekt

Starten Sie Illustrator und gehen Sie zu Datei > Neu, um ein neues leeres Dokument zu öffnen. Geben Sie einen Namen ein und richten Sie die Abmessungen ein. Wählen Sie dann Pixel als Einheiten und RGB als Farbmodus aus. Gehen Sie als Nächstes zu Bearbeiten > Einstellungen > Allgemein und setzen Sie das Tastaturinkrement auf 0,1 Pixel. Dort können Sie auch die Einheiten einstellen. Für den Rest verwende ich immer Punkte für Strich und Typ und Pixel. Diese Einstellungen helfen Ihnen während des gesamten Zeichenprozesses.

diana_ChGlobes_tut_1diana_ChGlobes_tut_1diana_ChGlobes_tut_1

2. Erstellen Sie eine goldene Weihnachtskugel

Schritt 1

Nehmen Sie zuerst das Ellipsen-Werkzeug (L) und zeichnen Sie einen 130 x 130 Pixel großen Kreis. Sie können für den Moment eine beliebige Füllfarbe auswählen.

diana_ChGlobes_tut_2diana_ChGlobes_tut_2diana_ChGlobes_tut_2

Schritt 2

Gehen Sie bei ausgewähltem Kreis zu Objekt > Verlaufsgitter erstellen. Wählen Sie 4 Zeilen und 4 Spalten aus und klicken Sie auf OK.

diana_ChGlobes_tut_3diana_ChGlobes_tut_3diana_ChGlobes_tut_3

Schritt 3

Jetzt müssen Sie die erstellten Netzlinien ein wenig verzerren. Wählen Sie dazu einfach mit dem Direktauswahl-Werkzeug (A) die Netzpunkte aus und verschieben Sie sie nacheinander. Passen Sie bei Bedarf auch die Griffe an.

diana_ChGlobes_tut_4diana_ChGlobes_tut_4diana_ChGlobes_tut_4

Schritt 4

Folgendes sollten Sie erhalten:

diana_ChGlobes_tut_5diana_ChGlobes_tut_5diana_ChGlobes_tut_5

Schritt 5

Verwenden Sie nun das Direktauswahl-Werkzeug (A), um jeden Netzpunkt auszuwählen und mit verschiedenen Graustufen zu füllen. Auf diese Weise definieren Sie Licht- und Schattenbereiche auf dem Ball. Befolgen Sie den Farbcode und nachdem Sie fertig sind, sollte der Ball wie im nächsten Bild aussehen.

diana_ChGlobes_tut_6bdiana_ChGlobes_tut_6bdiana_ChGlobes_tut_6b

Schritt 6

Zu diesem Zeitpunkt benötigen Sie eine Kopie des Kreises, aber wenn Sie wie ich sind und vergessen haben, eine Kopie zu behalten, verwenden Sie den nächsten Trick. Wählen Sie die Netzform aus, gehen Sie zu Objekt > Pfad > Versatzpfad und wenden Sie einen 0px-Versatz an. Als Ergebnis erhalten Sie den Kreis der gleichen Größe, jedoch ohne die Netzlinien. Der neue Kreis muss sich vor dem Netz befinden. Sie können ihn nun mit der angegebenen Farbe füllen und den Füllmethode auf Farbe einstellen. Ich werde es "Farbform" nennen.

Sie können auch andere Farben und je nach Farbe einen anderen Füllmethode ausprobieren.

diana_ChGlobes_tut_7diana_ChGlobes_tut_7diana_ChGlobes_tut_7

3. Erstellen Sie die goldene Kappe

Schritt 1

Nehmen Sie das Bleistiftwerkzeug (N) oder das Stiftwerkzeug (P), wenn Sie möchten, und zeichnen Sie einige Schleifen wie unten. Sie müssen nicht symmetrisch sein, daher ist es einfacher. Wenn Sie fertig sind, schließen Sie den Pfad oben und dies ist die "Kappenform". Machen Sie ein paar Kopien, da Sie sie später wieder benötigen.

diana_ChGlobes_tut_8diana_ChGlobes_tut_8diana_ChGlobes_tut_8

Schritt 2

Zeichnen Sie nun mit dem Rechteck-Werkzeug (M) ein 28 x 16 Pixel großes Rechteck. Füllen Sie es mit dem gezeigten linearen Farbverlauf und senden Sie es hinter die Kappenform. Diese Größe sollte ausreichen, um die Kappenform vollständig abzudecken.

diana_ChGlobes_tut_9bdiana_ChGlobes_tut_9bdiana_ChGlobes_tut_9b

Schritt 3

Wählen Sie das goldene Rechteck und die Kappenform (Strich-keine, Füll-keine) und gehen Sie zu Objekt > Schnittmaske > Erstellen (Strg-7).

diana_ChGlobes_tut_10diana_ChGlobes_tut_10diana_ChGlobes_tut_10

Schritt 4

Wählen Sie eine der Kopien der Kappenform aus und verschieben Sie sie ein wenig nach unten, indem Sie die Pfeiltaste nach unten auf Ihrer Tastatur 3 mal drücken (Tastatur-Inkrement: 0.1px). Füllen Sie es mit Dunkelbraun und senden Sie es hinter alles, indem Sie zu Objekt > Anordnen > Nach hinten senden (Umschalt-Strg-[) gehen. Ich werde diese Form "Kappenkante" nennen (1).

Zeichnen Sie als Nächstes mit dem Ellipsen-Werkzeug (L) eine Ellipse über die Länge der Kappe und füllen Sie sie mit Schwarz. Diese Form wird als "Cap-Back" bezeichnet und sollte sich im Rücken befinden (2).

diana_ChGlobes_tut_11diana_ChGlobes_tut_11diana_ChGlobes_tut_11

4. Erstellen Sie den Hook

Schritt 1

Nehmen Sie das Stiftwerkzeug (P) und zeichnen Sie einen Pfad wie unten, dann gib ihm einen 1-Punkt-Strich in jeder Farbe. Wählen Sie bei weiterhin ausgewähltem Pfad im Menü Objekt die Option Erweitern und Gruppierung aufheben. Sie erhalten die Hakenform und können sie nun mit dem gezeigten linearen Farbverlauf füllen.

diana_ChGlobes_tut_12diana_ChGlobes_tut_12diana_ChGlobes_tut_12

Schritt 2

Kopieren Sie die Hakenform (orange) und drücken Sie sie vorne ein (Strg + F). Kopieren Sie sie dann und fügen Sie sie vorne (Strg + F) erneut ein (grün). Bewegen Sie die grüne Form ein wenig nach links, indem Sie zweimal die linke Pfeiltaste drücken. Wählen Sie nun beide Formen (orange und grün) aus und drücken Sie im Pathfinder-Bedienfeld auf Subtrahieren. Als Ergebnis erhalten Sie die dünne orange Kante.

diana_ChGlobes_tut_13diana_ChGlobes_tut_13diana_ChGlobes_tut_13

Schritt 3

Füllen Sie die dünne Kante aus dem vorherigen Schritt mit Weiß und stellen Sie dann Überblendmodus-Überlagerung und 50% Deckkraft ein.

diana_ChGlobes_tut_14diana_ChGlobes_tut_14diana_ChGlobes_tut_14

Schritt 4

Kopieren Sie die Hakenform (blau) und fügen Sie sie vorne ein (Strg-F). Kopieren Sie dann die blaue Form (Strg-F) und fügen Sie sie erneut ein (Strg-F). Bewegen Sie die lila Form ein wenig nach rechts, indem Sie zweimal die rechte Pfeiltaste drücken. Wählen Sie als Nächstes beide Formen (blau und lila) aus und drücken Sie im Pathfinder-Bedienfeld auf Subtrahieren. Sie erhalten die dünne blaue Kante auf der linken Seite des Hakens.

diana_ChGlobes_tut_15diana_ChGlobes_tut_15diana_ChGlobes_tut_15

Schritt 5

Füllen Sie die Kante aus dem vorherigen Schritt mit Schwarz und stellen Sie die Deckkraft auf 50% ein. Zu diesem Zeitpunkt sollte die Kappe wie im nächsten Bild aussehen:

diana_ChGlobes_tut_16diana_ChGlobes_tut_16diana_ChGlobes_tut_16

5. Fügen Sie Details zur Kappe hinzu

Schritt 1

In diesem Schritt benötigen Sie eine weitere Kopie der Kappenform. Bringen Sie diese Kopie vor alles, indem Sie zu Objekt > Anordnen > Nach vorne bringen (Umschalt-Strg-]) gehen und sie dann beispielsweise mit Rot füllen. Kopieren Sie nun die rote Form und fügen Sie sie vorne ein (Strg + F) und bewegen Sie sie ein wenig nach unten. Wenn beide Formen ausgewählt sind (rot und grün), drücken Sie im Pathfinder-Bedienfeld auf Subtrahieren. Sie erhalten oben einen Rand.

diana_ChGlobes_tut_17diana_ChGlobes_tut_17diana_ChGlobes_tut_17

Schritt 2

Füllen Sie den Rand des vorherigen Schritts mit dem angezeigten radialen Farbverlauf und stellen Sie ihn dann auf Farbbrand im Füllmethode und 35% Deckkraft ein.

diana_ChGlobes_tut_18diana_ChGlobes_tut_18diana_ChGlobes_tut_18

Schritt 3

Sie können weitere Details zur Kappe hinzufügen, dies ist jedoch optional. Ordne ein paar kleine Kreise am Rand und auch an den Schleifen an und fülle sie mit Schwarz. Gruppieren Sie (Strg-G) die Kreise und stellen Sie die Gruppe auf Füllmethode-Überlagerung und 50% Deckkraft ein.

diana_ChGlobes_tut_19diana_ChGlobes_tut_19diana_ChGlobes_tut_19

6. Fügen Sie Schatten unter der Kappe hinzu

Schritt 1

Gruppieren Sie zuerst (Strg + G) alle Formen, aus denen die Kappe besteht, und bewegen Sie sie dann über die goldene Weihnachtskugel. Um den Schatten unter die Kappe zu legen, springen Sie im nächsten Schritt.

diana_ChGlobes_tut_20diana_ChGlobes_tut_20diana_ChGlobes_tut_20

Schritt 2

Zeichnen Sie eine Ellipse direkt neben der Oberkante des Balls und dann eine kleinere wie im Bild (1). Füllen Sie beide mit Schwarz. Stellen Sie die größere Ellipse auf Füllmethode Multiplizieren und 0% Deckkraft und die kleinere Ellipse auf Füllmethode Multiplizieren und 100% Deckkraft (2).

Wenn die Formen noch ausgewählt sind, gehen Sie zu Objekt > Angleichen > Anfleichung-Optionen und wählen Sie 20 festgelegte Schritte. Gehen Sie dann zurück zu Objekt > Angleichen > Erstellen (Alt-Strg-B). Verringern Sie die Deckkraft für die resultierende Mischungsgruppe auf 40% (3).

diana_ChGlobes_tut_21diana_ChGlobes_tut_21diana_ChGlobes_tut_21

7. Speichern Sie das Schneeflockensymbol

Schritt 1

In diesem Schritt verwenden wir die Vektor-Schneeflockensymbole, die von all-silhouettes erstellt wurden. Laden Sie sie herunter, öffnen Sie die Datei und kopieren Sie die Schneeflocken in Ihr Dokument. Aus dem Set habe ich die rote Schneeflocke für die goldene Weihnachtskugel und die grüne Schneeflocke für die grüne Weihnachtskugel verwendet.

diana_ChGlobes_tut_22diana_ChGlobes_tut_22diana_ChGlobes_tut_22

Schritt 2

Nehmen Sie nun die Schneeflocke, gehen Sie zu Effekt > Verzerrungs- und Transformationsfilter und wenden Sie den Transformationseffekt an, um einige Schneeflocken hintereinander zu erhalten. Um den angewendeten Effekt zu erweitern, wählen Sie im Menü Objekt die Option Aussehen umwandeln. Ziehen Sie die resultierende Gruppe von Schneeflocken in das Symbolbedienfeld, um sie zu speichern.

diana_ChGlobes_tut_23diana_ChGlobes_tut_23diana_ChGlobes_tut_23

Das sind die Einstellungen, die ich für den Transformationseffekt verwendet habe:

diana_ChGlobes_tut_24diana_ChGlobes_tut_24diana_ChGlobes_tut_24

8. Schneeflocken auf die Weihnachtskugel auftragen

Schritt 1

Kopieren Sie die "Farbform" und fügen Sie sie ein (Strg + F). Stellen Sie dann den Strich "Keine Farbe" ein. Wählen Sie mit dem Direktauswahl-Werkzeug (A) und löschen Sie alle Ankerpunkte von der linken Seite.

diana_ChGlobes_tut_25diana_ChGlobes_tut_25diana_ChGlobes_tut_25

Schritt 2

Wenn Sie den Pfad aus dem vorherigen Schritt ausgewählt haben, gehen Sie zu Effekt > 3D > Drehen. Wählen Sie im sich öffnenden Fenster die vordere Position aus und lassen Sie die anderen Einstellungen unverändert. Drücken Sie die Map Art-Taste, um fortzufahren. Wählen Sie im Fenster Map Art das Schneeflockensymbol aus der Liste aus und wenden Sie es auf die Vorderseite des Globus an (1 von 2). Sie können das Symbol verschieben oder skalieren. Wenn Sie mit dem Ergebnis zufrieden sind, klicken Sie auf OK.

diana_ChGlobes_tut_26diana_ChGlobes_tut_26diana_ChGlobes_tut_26

Schritt 3

Um das 3D-Objekt zu erweitern, wählen Sie im Menü Objekt die Option Aussehen umwandeln. Verwenden Sie nun das Ebenenbedienfeld, um die resultierende Gruppe zu finden und zu öffnen, bis Sie die Gruppe der Schneeflocken sehen. Nehmen Sie die Gruppe der Schneeflocken, ziehen Sie sie über das 3D-Objekt und löschen Sie alles andere aus dieser Gruppe. Sie brauchen nicht das 3D-Objekt, sondern nur die Schneeflocken.

diana_ChGlobes_tut_27diana_ChGlobes_tut_27diana_ChGlobes_tut_27

Schritt 4

Stellen Sie die Gruppe der Schneeflocken auf Füllmethode Weiches Licht ein.

diana_ChGlobes_tut_28diana_ChGlobes_tut_28diana_ChGlobes_tut_28

9. Fügen Sie Reflexionen über die Weihnachtskugel hinzu

Schritt 1

Nimm das Ellipsen-Werkzeug (L) und zeichne zwei weiße und eine schwarze Ellipse über den Globus. Ordnen Sie sie wie im Bild an und stellen Sie den Füllmethode für alle drei auf Überlagern.

diana_ChGlobes_tut_29diana_ChGlobes_tut_29diana_ChGlobes_tut_29

Schritt 2

Kopieren Sie diese Ellipsen und fügen Sie sie vorne ein (Strg-F). Füllen Sie sie mit einem radialen Farbverlauf von Weiß nach Schwarz. Stellen Sie den Füllmethode von Überlagerung für alle drei wieder auf Normal ein.

diana_ChGlobes_tut_30diana_ChGlobes_tut_30diana_ChGlobes_tut_30

Schritt 3

Wählen Sie als Nächstes die beiden überlappenden Formen oben rechts aus und wählen Sie im Flyout-Menü des Transparenzbedienfelds die Option Deckkraftmaske erstellen. Der Füllmethode sollte auf Überlagern eingestellt sein.

diana_ChGlobes_tut_31diana_ChGlobes_tut_31diana_ChGlobes_tut_31

Schritt 4

Fahren Sie mit den beiden überlappenden Formen von oben links fort und wählen Sie erneut Deckkraftmaske erstellen. Das Gleiche gilt für die beiden Ellipsen am Boden der Weihnachtskugel.

diana_ChGlobes_tut_32diana_ChGlobes_tut_32diana_ChGlobes_tut_32

Schritt 5

Zu diesem Zeitpunkt müssen Sie die Kanten mit Hilfe einer Maske reinigen. Kopieren Sie zuerst die "Farbform" und fügen Sie sie vorne ein (Strg-F). Bringen Sie sie dann vor alles, indem Sie zu Objekt > Anordnen > Nach vorne bringen (Umschalt-Strg-]) gehen. Löschen Sie die Füllfarbe. Wählen Sie nun diese Kopie und die drei Ellipsen aus und gehen Sie zu Objekt > Schnittmaske > Erstellen (Strg-7).

diana_ChGlobes_tut_33diana_ChGlobes_tut_33diana_ChGlobes_tut_33

Schritt 6

Im nächsten Bild sehen Sie ein Vorher und Nachher die Reflexionen auf der Weihnachtskugel.

diana_ChGlobes_tut_34bdiana_ChGlobes_tut_34bdiana_ChGlobes_tut_34b

10. Probieren Sie verschiedene Farben und Designs aus

Schritt 1

Sie können ganz einfach andere Farbversionen der Weihnachtskugel erstellen und hier erfahren Sie, wie. Machen Sie zuerst eine Kopie der goldenen Kugel, wählen Sie dann die "Farbform" und ersetzen Sie die vorhandene Füllfarbe durch Rot. Auf Füllmethode Weiches Licht einstellen. Um es noch heller zu machen, kopieren Sie die neue "Farbform" und fügen Sie sie vorne ein (Strg-F). Ersetzen Sie die rote Füllung durch den gezeigten linearen Farbverlauf. Halten Sie den Füllmethode auf weiches Licht. Sie haben gerade eine klassische rote Weihnachtskugel erhalten.

diana_ChGlobes_tut_35diana_ChGlobes_tut_35diana_ChGlobes_tut_35

Schritt 2

Um die grüne zu erhalten, machen Sie eine weitere Kopie der goldenen Weihnachtskugel. Wählen Sie die "Farbform" und füllen Sie sie mit dem angezeigten linearen Farbverlauf. Stellen Sie dann den Füllmethode Farbe ein. Um es heller zu machen, kopieren Sie die neue "Farbform" und fügen Sie sie vorne ein (Strg-F). Ändern Sie den Füllmethode in Weiches Licht, während Sie den gleichen Farbverlauf beibehalten.

diana_ChGlobes_tut_36diana_ChGlobes_tut_36diana_ChGlobes_tut_36

Schritt 3

Wählen Sie als nächstes die andere Schneeflocke aus dem Set aus und multiplizieren Sie sie. Ordnen Sie verschiedene Größen wie im Bild an und ziehen Sie alles in das Symbolbedienfeld, um das neue Symbol zu speichern. Um das Symbol erneut anzuwenden, folgen Sie erneut den Erläuterungen aus Schritt 8. Grundsätzlich erstellen Sie das 3D-Objekt und ordnen das Symbol zu. Nach dem Erweitern löschen Sie das 3D-Objekt und behalten nur die Schneeflocken.

diana_ChGlobes_tut_37diana_ChGlobes_tut_37diana_ChGlobes_tut_37

Schritt 4

Füllen Sie die größeren Schneeflocken von vorne mit dem gezeigten radialen Gefälle und die kleineren Schneeflocken von den Seiten mit dem zweiten Gefälle. Stellen Sie die Gruppe der Schneeflocken auf den Füllmethode-Bildschirm ein.

diana_ChGlobes_tut_38bdiana_ChGlobes_tut_38bdiana_ChGlobes_tut_38b

Schritt 5

Wie Sie oben sehen können, haben die roten und grünen Weihnachtskugeln eine silberne Kappe. Um es zu erhalten, verwenden Sie eine Kopie der goldenen Kappe und ändern Sie nur ein paar Dinge. Füllen Sie zuerst das Rechteck mit dem gezeigten Farbverlauf (1) und ersetzen Sie dann die dunkelbraune Füllfarbe der "Kappenkante" durch 50% Schwarz (2). Verwenden Sie für den Haken den zweiten gezeigten Farbverlauf (3) und lassen Sie die restlichen Formen und Details unverändert (4). Einfach richtig?

diana_ChGlobes_tut_39bdiana_ChGlobes_tut_39bdiana_ChGlobes_tut_39b

11. Finalisieren Sie die Weihnachtskugeln

Die drei Weihnachtskugeln sind zu diesem Zeitpunkt fertig. Wenn Sie sie mit Bändern aufhängen möchten, nehmen Sie das Rechteck-Werkzeug (M) und zeichnen Sie ein langes Rechteck bis zum Haken. Fügen Sie mit dem Werkzeug Ankerpunkt hinzufügen (+) einen zusätzlichen Punkt am unteren Rand des Rechtecks hinzu und verschieben Sie diesen Punkt mit der Abwärtspfeiltaste auf Ihrer Tastatur etwas nach unten. Machen Sie dasselbe für die anderen Globen.

diana_ChGlobes_tut_40diana_ChGlobes_tut_40diana_ChGlobes_tut_40

Herzliche Glückwünsche! Sie sind fertig

Jetzt haben Sie das nötige Wissen, um verschiedene Weihnachtskugeln zu zeichnen. Nach dem gleichen Prinzip können Sie andere Arten von Globen in Bezug auf Farben, Form und Design erstellen. Sie können auch eine der Schneeflocken aus dem Set verwenden, um Ihre Weihnachtskugeln zu dekorieren. Fühlen Sie sich frei, Bänder, Schleifen, viel Funkeln, Schneeflocken und Lichter hinzuzufügen, da es Weihnachten ist und es erlaubt ist.