Wie kann man einen Seestern in Adobe Illustrator erstellen?

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

In diesem Tutorial werden wir einige zeitaufwändige und dennoch wichtige Techniken studieren. Sie werden übersichtlich und einfach dargestellt. Sie lernen, wie Sie Mischungen, Verlaufsgitter, Muster und kontrollierte Beleuchtung verwenden, um einen strukturierten Seestern zu erstellen.

Schritt 1

Erstellen Sie zunächst die Form des Seesterns, und verwenden Sie dazu das Sternwerkzeug. Ich empfehle Ihnen, die gleichen Größen wie meine zu verwenden, daher müssen Sie keine Größen für die in diesem Lernprogramm angewendeten Effekte auswählen.

Schritt 2

Bewegen Sie mit dem Direktauswahl-Werkzeug (A) die Arme des Seesterns ein wenig, um ihm eine unregelmäßige Form zu geben.

Wandeln Sie die Eckankerpunkte der Seesternarmspitzen in glatte um.

Durch Bewegen der Griffe der Ankerpunkte der Seesternarmspitzen wird die Seesternform in die in der folgenden Abbildung gezeigte Ansicht gebracht.

Schritt 3

Wählen Sie alle Ankerpunkte an der Stelle für die Waffenbildung auf dem Seestern aus, gehen Sie zu Effekt > Stilisieren > Runde Ecken ... und legen Sie im Dialogfeld 10 Pixel für den Radius der Rundung fest.

Lassen Sie das Objekt ausgewählt und gehen Sie zu Objekt > Darstellung erweitern. Bewegen Sie nun die Griffe der Ankerpunkte des Armfundaments, um den Seestern in die perfekte Form zu bringen.

Schritt 4

Füllen Sie die Form des Seesterns mit einem radialen Farbverlauf von gelb nach orange.

Lassen Sie uns ein Licht und einen Schatten auf dem Seestern erzeugen. Durch Festlegen der Position des Mittelpunkts des Gradienten legen wir die Position der Lichtquelle fest.

Schritt 5

Die Form des Seesterns ist ziemlich umständlich, daher werden wir das Verlaufsgitter verwenden, um diese Aufgabe zu erfüllen. Verwenden Sie das Rechteck-Werkzeug (M), um ein Rechteck zu erstellen, behalten Sie die ausgewählte Form bei, gehen Sie zu Objekt > Verlaufsnetz erstellen ... und legen Sie die Anzahl der Zeilen und Spalten im Dialogfeld fest.

Lassen Sie das Objekt ausgewählt. Ändern Sie zur Vereinfachung die Deckkraft in der Transparenzpalette.

Schritt 6

Bewegen Sie das Rechteck wie unten gezeigt und drehen Sie es mit dem Drehwerkzeug (R) relativ zu Punkt A.

Nimm das Direktauswahl-Werkzeug (A) und verschiebe die Gitterknoten einer Seite des Rechtecks wie gezeigt.

Bewegen Sie den zentralen Knoten dieser Seite des Rechtecks in Richtung der Mitte des Seesterns.

Konvertieren Sie den glatten Knoten mit dem Ankerpunkt konvertieren-Werkzeug in einen Eckknoten.

Manchmal reagiert der Knoten nicht sofort auf dieses Tool. Bitte haben Sie etwas Geduld und versuchen Sie es erneut. Klicken Sie nicht auf den Punkt selbst, sondern etwas tiefer. Richten Sie die Seiten des Verlaufsnetzes aus, indem Sie die Griffe der Ecke des Rechtecks bedienen.

Schritt 7

Fahren Sie nun mit der Transformation einer anderen Seite des Rechtecks fort. Wählen Sie alle Knoten aus, die sich auf dieser Seite des Rechtecks befinden. Das kann mit Hilfe des Lasso-Werkzeugs (Q) oder des Direktauswahl-Werkzeugs (A) erfolgen, und verschieben Sie sie zur Seite, sodass der zentrale Knoten auf der Spitze liegt des Seesternarms.

Bewegen Sie nun die rechteckigen Ecken zu den Seiten des Seesternarms.

Wenn Sie die Griffe der Gitterknoten bedienen, verschieben Sie die Form des Netzobjekts in Richtung der Form des Seesterns. Es ist wünschenswert, dass die Ränder des Gitterpfads nicht über die Sternform hinausgehen. Es ist in Ordnung, wenn zwischen den Formen eine kleine Lücke verbleibt, wie unten gezeigt.

Beenden Sie die Transformationen, indem Sie nur mit dem Direktauswahl-Werkzeug (A) arbeiten.

Schritt 8

Erstellen Sie mit dieser Technik ein weiteres Netzobjekt.

Verbinden Sie die Knoten benachbarter Objekte miteinander. Erstellen Sie Netzobjekte für alle Seesternarme.

Wählen Sie alle Netzobjekte aus und legen Sie in der Transparenzpalette eine Deckkraft von 100% fest.

Schritt 9

Fügen Sie mit dem Netzwerkzeug (U) eine Linie zum Verlaufsnetz hinzu und färben Sie die Seesternarme, wobei Sie die Position des Helldunkels mit der Lichtquelle koordinieren:

Lichter - leuchtend gelb
Halbschatten - orange, rotbraune Töne

Denken Sie daran, dass Sie mit dem Netzwerkzeug (U) unnötige oder falsche Gitterlinien löschen können, während Sie die Alt-Taste gedrückt halten.

Schritt 10

Wir bekommen scharfe Grenzen an den Stellen, an denen sich die Arme berühren, was echte Seesterne nicht haben. Machen Sie sie glatt. Nehmen Sie das Lasso-Werkzeug (Q) und wählen Sie die zentralen Knoten der Netzobjekte aus, wie in der folgenden Abbildung gezeigt.

Stellen Sie in der Transparenz-Palette eine Deckkraft von 0% für die ausgewählten Knoten ein.

Schritt 11

Achtung, dieser Schritt ist für diejenigen geeignet, die Adobe Illustrator CS5 nicht installiert haben! Die Möglichkeit, die Deckkraft der Knoten zu ändern, wurde nur in Adobe Illustrator CS5 angezeigt. Diejenigen, die frühere Versionen der Software haben, müssen Opazitätsmasken anwenden. Ich werde dir sagen, wie es gemacht wird. Kopieren Sie alle Netzobjekte und fügen Sie sie vor. Ändern Sie ihre Füllung in Weiß.

Es ist notwendig, Objekte mit niedrigerer Farbe in der Ebenen-Palette zu sperren! Wählen Sie in Adobe Illustrator CS5 die zentralen Knoten des Verlaufsnetzes aus.

Füllen Sie sie jetzt mit Schwarz.

Entsperren Sie die unteren farbigen Objekte in der Ebenen-Palette, wählen Sie sie und die oberen schwarz-weißen Netzobjekte aus. Das können Sie bequem in der Ebenen-Palette tun. Wenden Sie nun die Deckkraftmaske an, indem Sie das entsprechende Element in der Transparenzpalette auswählen.

Schritt 12

An einigen Stellen haben wir sehr helle Schatten. Ändern Sie die Deckkraft dieser Knoten in der Transparenzpalette um 66%.

Diejenigen, die die Deckkraftmaske verwendet haben, müssen die Füllungen dieser Punkte von schwarz nach grau ersetzen.

Schritt 13

Unter der Annahme, dass Sie die Form von Netzobjekten nicht genau an die Form des Seesterns angepasst haben, biete ich an, unsere Fehler zu überprüfen. Wählen Sie die untere Form des Seesterns aus, die mit einem radialen Farbverlauf gefüllt ist, kopieren Sie ihn und fügen Sie ihn vor (Command + C; Command + F). Verschieben Sie es in die Ebenen-Palette, sodass es höher als alle anderen Objekte ist. Wählen Sie diese Form und alle Netzobjekte aus und gehen Sie zu Objekt > Schnittmaske > Erstellen.

Schritt 14

Beginnen Sie mit der Erstellung der Seesternstruktur. Erstellen Sie eine einfache geometrische Form, z. B. ein Rechteck, und wählen Sie die Textur aus. Nach einigen Minuten des Experimentierens entschied ich mich für die Mezzotint-Textur. Sie können es über das Menü der Farbfeldpalette abrufen: Öffnen Sie die Farbfeldbibliothek > Muster > Grundlegend > Grundlegende Grafiken > Grundlegende Grafik_Texturen.

Schritt 15

Die Elemente der Texturen sind schwarz, wir sind nicht zufrieden damit, lassen Sie uns die Texturfarbe bearbeiten. Ziehen Sie die Textur aus der Farbfeldpalette in die Dokumentränder.

Die Textur ist eine Gruppe von Vektorobjekten. Darunter befindet sich ein Rechteck ohne Füllung und Strich.

Wählen Sie die gesamte Struktur aus, sperren Sie das untere Rechteck in der Ebenenpalette und füllen Sie alle Vektorobjekte mit einer orange Farbe.

Entsperren Sie das untere Rechteck und wählen Sie alle Elemente der Textur einschließlich des Rechtecks aus. Gehen Sie nun zu Bearbeiten > Muster definieren, benennen Sie die Textur im Dialogfeld und klicken Sie auf OK.

Jetzt können die Früchte unserer Experimente entfernt werden.

Schritt 16

Wenden wir nun die Textur auf den Seestern an. Kopieren Sie die untere Form des Seesterns, der mit einem radialen Farbverlauf gefüllt ist, und fügen Sie ihn vorne ein (Command+ C; Command+ F). Verschieben Sie das Objekt in der Ebenen-Palette so, dass es sich über allen Objekten des Seesterns befindet. Wenden Sie nun das erstellte Muster auf diese Form an.

Schritt 17

Erstellen Sie eine größere Textur auf dem Seestern. Nimm das Ellipsen-Werkzeug (L) und erstelle zwei Kreise. Ein größerer hat einen Durchmesser von 5 px und eine braune Füllung, und ein kleinerer hat einen Durchmesser von 1,5 px und eine hellgelbe Füllung.

Schritt 18

Wählen Sie beide Kreise aus und ziehen Sie sie in die Pinsel-Palette. Speichern Sie den neuen Pinsel als Streupinsel.

Stellen Sie die Pinselparameter im Dialogfeld ein.

Woher bekommen Sie diese Werte? Natürlich als Ergebnis des Experimentierens. Die folgende Abbildung zeigt meine Pinsel-Palette. Es dauerte einige Zeit, bis ich das gewünschte Aussehen bekam.

Schritt 19

Nehmen Sie nun das Pinselwerkzeug (B) und tupfen Sie es zufällig auf die Oberfläche des Sterns. Machen Sie sich keine Sorgen, wenn Ihre Striche über den Pfad des Seesterns hinausgehen, da wir ihn später ausblenden werden.

Schritt 20

Erstellen Sie einen weiteren Pinsel. Nimm das Ellipsen-Werkzeug (L) und erstelle zwei Kreise. Ein größerer hat einen Durchmesser von 6 px und eine hellbraune Füllung, und der kleinere hat einen Durchmesser von 2 px und eine hellgelbe Füllung.

Wählen Sie beide Kreise aus und gehen Sie zu Objekt > Mischen > Erstellen.

Stellen Sie nicht viele Schritte für die Mischung ein. Viele Schritte wirken sich erheblich auf die Größe Ihrer Datei aus. Wir arbeiten mit einem ziemlich kleinen Objekt, und die Verwendung einer großen Anzahl von Schritten macht einfach keinen Sinn.

Schritt 21

Übertragen Sie das Objekt in die Pinsel-Palette und speichern Sie den neuen Pinsel als Streupinsel. Stellen Sie die Pinseloptionen im Dialogfeld ein.

Verwenden Sie wie in Schritt 19 das Pinselwerkzeug (B) zum Abtupfen des Seesterns. An einigen Stellen habe ich Kreise mit einem Strich und ohne Füllung erstellt und dann den erstellten Pinsel auf sie angewendet. Ich habe diese Bereiche in der folgenden Abbildung gezeigt. Ich habe die übermäßigen Kreise mit dem Scherenwerkzeug (C) und der Schaltfläche Löschen gelöscht.

Um Abwechslung zu schaffen, können Sie die Dicke einiger Pfade in der Strichpalette ändern. Dadurch wird die Größe aller Objekte dieses Pfads geändert.

Schritt 22

Die erzeugten Unebenheiten heben sich über die Oberfläche des Seesterns, so dass sie Schatten erzeugen. Wählen Sie alle im vorherigen Schritt erstellten Objekte aus und gruppieren Sie sie. Gehen Sie zu Effekt > Stilisieren > Schlagschatten ... und legen Sie die in der folgenden Abbildung angegebenen Werte fest.

Die Schattenversatzparameter werden so gewählt, dass sich der Schatten jeweils mit dem Ort der Lichtquelle befindet. Stellen Sie eine dunkelbraune Farbe für den Schatten ein. Wenn Sie Schwarz wählen, erscheint der Seestern schmutzig.

Schritt 23

Verstecke alles, was über den Umriss des Seesterns hinausgeht. Kopieren Sie die niedrigste Form und fügen Sie sie vorne ein. Verschieben Sie die Kopie so, dass sie sich über allen Objekten befindet (Objekt > Anordnen > Nach vorne bringen). Wählen Sie die obere Form und zwei untere Gruppen aus, die wir in den Schritten 19 und 21 erstellt haben, und gehen Sie zu Objekt > Schnittmaske > Erstellen.

Schritt 24

Glauben Sie nicht, dass der Seestern zu einer Art Flugzeug wurde?

Der Punkt ist, dass das Licht an den Unebenheiten an diesem Punkt gleichmäßig verteilt ist, aber es ist sicherlich nicht im wirklichen Leben, weil sie nicht in der Ebene liegen, sondern auf der komplexen Oberfläche des Seesterns. In unserem Fall können wir leicht das gewünschte Ergebnis erzielen.

Erinnern Sie sich daran, dass wir in der Mitte des Tutorials Netzobjekte erstellt haben? Wählen Sie sie aus, kopieren Sie sie, fügen Sie sie ein und platzieren Sie sie über allen Elementen des Seesterns. Stellen Sie nun, während Sie sie ausgewählt lassen, die Deckkraft auf 60% und den Mischmodus auf Multiplizieren in der Transparenzpalette ein.

Das war's, unser Stern hat wieder an Volumen gewonnen.

Schritt 25

Erstellen Sie nun die Unebenheiten entlang der Kontur des Seesterns. Wir brauchen einen Weg, um diesen Effekt zu erzielen. Kopieren Sie die untere Form des Seesterns (der mit einem radialen Farbverlauf gefüllt ist), fügen Sie ihn vorne ein und platzieren Sie ihn höher als alle Objekte. Schalten Sie die Füllung aus und stellen Sie einen 1px-Strich einer beliebigen Farbe ein.

Es ist nicht unbedingt erforderlich, einen neuen Pinsel zu erstellen. Sie können einfach den vorhandenen Pinsel duplizieren und die Parameter ändern.

Schritt 26

Wenden Sie diesen Pinsel auf den erstellten Pfad an.

Erstellen Sie mit der beschriebenen Technik einen anderen Pfad und einen anderen Pinsel.

Wenden Sie es auf diesen Pfad an.

Schritt 27

Wie bei der Oberfläche des Seesterns wird das Licht an den Unebenheiten an den Rändern des Seesterns ungleichmäßig verteilt. Um das gewünschte Ergebnis zu erzielen, schneiden Sie den Pfad mit dem Scherenwerkzeug (C) in helle und schattige Stücke.

Wählen Sie das schattige Stück des Pfads aus und gehen Sie zu Bearbeiten> Farbe bearbeiten > Grafik neu einfärben ... und verringern Sie die Helligkeit, indem Sie den Schieberegler nach links bewegen.

Schritt 28

Es bleibt nur ein Schatten unter dem Seestern zu erzeugen. Dupliziere zweimal die ursprüngliche Form des Seesterns. Füllen Sie beide mit einer dunkelbraunen Farbe. Stellen Sie in der Transparenz-Palette eine Deckkraft von 0% für die untere Form ein und vergrößern Sie sie leicht. Bewegen Sie die untere Form zur Lichtquelle. Wählen Sie nun beide Formen aus und gehen Sie zu Objekt > Mischen > Erstellen.

Tatsächlich ist es bequemer, die Auswahl von Farben, Formen von Objekten und deren Positionen relativ zueinander anzuwenden, sobald die Mischung bereits angewendet wurde. Sie können eines der Mischobjekte in der Ebenenpalette auswählen und mit der Arbeit beginnen.

Schlussfolgerung

Erstellen Sie schließlich eine Komposition mit dem Seestern. Es ist nicht einfach, ein Objekt dieser Form zusammenzubauen. Unten ist meine Variante. Sie können Ihre eigene Komposition erstellen.