Verwendung des Stift-Werkzeugs in Illustrator – Detailliertes Illustrator-Stift-Werkzeug-Tutorial für Anfänger und Fortgeschrittene

Das Illustrator-Stift-Werkzeug ist unser erstes Werkzeug zur Erstellung von Vektorzeichnungen. Es ist aber nicht unser einziges Werkzeug.

Du hast vielleicht sehr schöne Projekte im Kopf. Aber wenn Sie ein professioneller Designer werden wollen, sollten Sie lernen, wie man das Stiftwerkzeug hält und benutzt, bevor Sie zeichnen. Kurz gesagt, dieser Artikel konzentriert sich darauf, wie man zeichnet, nicht was man zeichnet.

Im ersten Kapitel wird das Zeichnen von Geraden mit dem Stift-Werkzeug erklärt und Ableitungen des Stift-Werkzeugs werden gezeigt. Abschnitt 2 erklärt, wie man in Illustrator Kurven zeichnet. Im letzten Abschnitt geht es darum, wie man mit einer Bildvorlage zeichnet und was dabei zu beachten ist.

Stiftwerkzeug

Das Stiftwerkzeug befindet sich im Werkzeugbedienfeld auf der linken Seite der Illustrator-Benutzeroberfläche, wie in der folgenden Abbildung gezeigt. Es wird sowohl in geradlinigen Zeichnungen als auch in Kurvenzeichnungen verwendet.

Stift-Werkzeug im Werkzeugbedienfeld

Das Symbol ist stiftförmig. Das Tastaturkürzel ist der Buchstabe P. Sie können den Stift aufnehmen, indem Sie mit der linken Maustaste auf das Symbol im Werkzeugbedienfeld klicken oder den Buchstaben P auf der Tastatur drücken. Wenn das Stiftwerkzeug aktiv ist, nimmt der Cursor die Form eines „Stiftsymbols“ wie im Werkzeugbedienfeld an. Und in der rechten unteren Ecke werden die Symbole angezeigt, die Ihnen beim Zeichnen helfen. Der Grund für die Form x (Kreuz) anstelle der Stiftform nach dem Klicken auf das Stiftwerkzeug ist die Capslock-Taste. Der Cursor wird als präzise bezeichnet. Sie können ihn wiederherstellen, indem Sie die Feststelltaste deaktivieren. Man sagt, dass das Zeichnen mit dem x-förmigen Cursor genauer ist, aber ich persönlich habe den Unterschied in meinen eigenen Zeichnungen nicht gespürt.

Das Stiftwerkzeug in Illustrator wird mit zwei Händen gehalten. 🤔

Wundern Sie sich nicht. Das Zeichnen erfolgt mit der rechten Maus und den linken Tastaturkürzeln. Mit der Maus in der rechten Hand wird der Cursor über die Arbeitsfläche geführt, während die Tastaturtasten mit Hilfsaufgaben von der linken Hand gesteuert werden.

Es gibt drei Tasten, die Sie während des Zeichnens häufig benutzen werden. Diese sind: STRG / Befehl, ALT / Option und Shift / Umschalttaste. In seltenen Fällen kann auch die Leertaste verwendet werden.

In diesem Artikel werden die Erklärungen für die Windows-Version von Illustrator mit einer englischen Schnittstelle gemacht. Die verwendete Softwareversion ist CC 2017. Daher sollten PC-/Laptop-Benutzer beim Zeichnen mit dem Stift-Werkzeug die Finger der linken Hand wie unten gezeigt positionieren. Üben Sie STRG mit dem Ringfinger, SHIFT mit dem Mittelfinger und ALT mit dem Daumen.

blank
Kurztasten für das Stiftwerkzeug

Teil 1: Geradliniges Zeichnen

Bevor Sie mit dem Zeichnen beginnen, löschen Sie die Linienfüllung aus dem Bedienfeld am oberen Rand der Illustrator-Oberfläche und stellen Sie die Linienstärke (Strich) auf 1 Punkt in Schwarz.

blank
Steuerungsfeld für Strichstärke und Füllfarbe

Nun, lassen Sie uns gemeinsam eine Zeichnung wie unten anfertigen. (Nicht die Figuren, nur die Linie 🙂 )

Illustrator-Stiftwerkzeug örnek çizim
Beispiel für eine Linienzeichnung
  • Wählen Sie das Stiftwerkzeug (P).
  • Klicken Sie irgendwo auf die Zeichenfläche. Dies wird Ihr erster Punkt sein.

Der erste Klick erzeugt den Startpunkt Ihrer Linie. Er wird Ankerpunkt genannt. Die Hilfslinie wird angezeigt, wenn sich die Maus vom ersten Ankerpunkt entfernt hat. Diese Hilfslinie gibt Auskunft über die Richtung der Linie, die Sie zeichnen werden. Wenn Sie die intelligenten Hilfslinien nicht sehen, machen Sie sie mit STRG + U sichtbar.

blank

Sie können die Richtung auswählen, die Sie wünschen. Wenn Sie den Winkelwert einschränken wollen, können Sie ihn mit der Mausbewegung bei gedrückter Umschalttaste auf 45°-Winkel fixieren. Wenn Sie einen Winkelwert haben, mit dem Sie arbeiten möchten, können Sie ihn auch anpassen. Sie können die gewünschten Winkelwerte eingeben, indem Sie Bearbeiten> Voreinstellungen> Intelligente Hilfslinien wählen. In der Bewegung, die Sie mit gedrückter Umschalttaste ausführen, werden die intelligenten Hilfslinien nun in den von Ihnen angegebenen Winkeln fixiert.

Illustrator legt den Winkel der intelligenten Hilfslinien fest
Dialogfeld für die Einstellungen der intelligenten Hilfslinien
  • Nun platzieren Sie den zweiten und dritten Punkt, wie im Beispiel.

Da die Liniensegmente gerade miteinander verbunden sind, werden die Ankerpunkte speziell als Eckankerpunkte bezeichnet.

Sie können auf diese Weise weiterzeichnen. Aber wir werden den ersten Teil der Zeichnung wie im Beispiel beenden

Es gibt mehrere Möglichkeiten, die Zeichnung zu beenden. Nachdem Sie den letzten Ankerpunkt gesetzt haben, bewegen Sie die Maus etwas vom Ankerpunkt weg und drücken Sie ESC auf der Tastatur, um die Zeichnung zu beenden. Das heißt, der Anfangs- und Endpunkt sind eine unverbundene Linie

Das Beenden mit der ESC-Taste bedeutet, dass die Zeichnung pausiert wird. Wir halten immer noch den Stift, aber wir zeichnen nicht mehr. Der Cursor ist immer noch ein Stiftsymbol. Wir können neue, von der ersten Linie unabhängige Linien erstellen, indem wir neue Ankerpunkte auf der Zeichenfläche setzen.

Wenn Sie denken, dass Sie einen falschen Ankerpunkt und eine falsche Linie gemacht haben, können Sie Ihre Zeichnung mit STRG + Z rückgängig machen (eine Tastenkombination, die ich sehr oft benutze :-))

Nun lassen Sie uns zuerst den unabhängigen zweiten Teil wie im Beispiel erstellen.

  • Ausgehend von Ihrem Ankerpunkt Nr. 4 erstellen Sie mit der Maus eine Linie, wie in der Abbildung gezeigt, im 45°-Winkel.
  • Nachdem Sie Ankerpunkt 7 erstellt haben, beenden Sie die Zeichnung mit ESC.

Wenn Sie den Mauszeiger von den Linien wegbewegen, werden Sie sehen, dass das erste Liniensegment nicht ausgewählt ist und das letzte Liniensegment ausgewählt ist. Wenn Sie den Mauszeiger über die Linien bewegen, erscheinen automatisch verschiedene Stiftformen in der unteren rechten Ecke des Cursors.

In der folgenden Animation werden die besagten Stiftformen gezeigt. Diese Formen zeigen an, wie sich der Cursor verhält, wenn er angeklickt wird. Der Cursor kann sich auf einer ausgewählten Linie anders verhalten als auf einer nicht ausgewählten Linie. Daher erscheint das linke Liniensegment in der Animation als ausgewählt und das rechte als abgewählt. Um zu verstehen, ob die Linie ausgewählt ist, muss der Cursor auf einen leeren Bereich irgendwo in der Zeichenfläche bewegt werden

blank

Die Formen, die in der Animation automatisch unter dem Stiftwerkzeugsymbol erscheinen, haben folgende Bedeutungen:

Illustrator-Stiftwerkzeugbild Normales Zeichnen: Ein sternförmiges Multiplikationszeichen bedeutet, dass mit dem Stiftwerkzeug normale Zeichnungen angefertigt werden können, indem Ankerpunkte auf der Arbeitsfläche erstellt werden.
Stiftwerkzeug bağlantı başlangıcı Ausdehnung: Die Form ist ein Schrägstrich. erscheint, wenn sich der Cursor über dem Ankerpunkt des Linienendes befindet. Wenn der Ankerpunkt angeklickt wird, wird die Linie fortgesetzt und neue Ankerpunkte werden erstellt.
Illustrator-Stiftwerkzeug bağlantı noktası silme ikonu Ankerpunkt löschen: erscheint, wenn sich der Cursor auf dem Ankerpunkt der ausgewählten Linie befindet. Wenn Sie auf den Ankerpunkt klicken, wird er gelöscht und die neue Linie wird zwischen den beiden nächstgelegenen Ankerpunkten erstellt.
Illustrator-Verbindungswerkzeug-Symbol Ankerpunkte verbinden: Erscheint, wenn der Cursor über den ersten Ankerpunkt des neuen Liniensegments bewegt wird, nachdem die Verlängerungsmethode auf ein anderes Liniensegment angewendet wurde. wenn angeklickt wird, werden zwei Liniensegmente verbunden.
blank Ankerpunkt hinzufügen: Die Plusform erscheint, wenn der Cursor auf dem ausgewählten Liniensegment steht. wenn es nicht ausgewählt ist, erscheint die Plusform nicht. durch Klicken auf die ausgewählte Linie wird ein neuer Ankerpunkt hinzugefügt.
Illustrator-Stiftwerkzeug Geschlossenen Pfad erstellen: Die Kreisform erscheint, wenn der Zeichenvorgang den ursprünglichen Ankerpunkt erreicht. Wenn angeklickt, wird ein geschlossener Pfad erstellt.
Illustrator Stift-Werkzeug Ankerpunkt-Werkzeug Ankerpunkt-Werkzeug: Erscheint automatisch nach dem Erstellen eines neuen Ankerpunkts und verschwindet sofort, wenn sich der Cursor wegbewegt. Wenn der Ankerpunkt gezogen wird, erscheinen Ankerpunktgriffe. Wird der Cursor losgelassen und neu positioniert, erscheint eine gekrümmte Führungslinie.

Schließe nun die Zeichnung wie in der Animation ab und beobachte die Cursorformen während des Zeichnens.

  • Verbinde zuerst die Ankerpunkte 3 und 4.
  • Jetzt verbinde 7 und 1, um einen geschlossenen Pfad zu erstellen.

Ich hoffe, alles ist in Ordnung. 🙂

Bitte beachten Sie:

Nicht nur das Beenden der Zeichnung mit ESC, sondern auch das Verbinden von zwei separaten Linien und das Erstellen eines geschlossenen Pfades beendet natürlich die Zeichnung.
Linker Mausklick mit STRG auf eine leere Fläche auf der Zeichenfläche beendet die Zeichnung.
SHIFT + Linker Mausklick erzeugt eine neue Linie, die vom Pfad der ausgewählten Linie ausgeht.
Wenn Sie die STRG-Taste gedrückt halten, verwandelt sich das Stift-Cursor-Symbol in das Direktauswahl-Werkzeug-Symbol und fungiert als Direktauswahl-Werkzeug. blank
Wenn Sie die STRG- und ALT-Tasten gleichzeitig gedrückt halten, verwandelt sich das Stift-Cursor-Symbol in das Gruppenauswahl-Werkzeug-Symbol und fungiert als Gruppenauswahl-Werkzeug. blank
Wenn die ALT-Taste gedrückt gehalten wird, verwandelt sich das Stift-Werkzeugsymbol in das Ankerpunkt-Werkzeugsymbol und fungiert als Ankerpunkt-Werkzeug. blank
Wenn beim Erstellen des Ankerpunkts die Leertaste gedrückt gehalten wird, bevor der Mausklick beendet ist, kann der Ankerpunkt verschoben werden.

Teil 2: Kurven zeichnen

Das Stift-Werkzeug wird in Illustrator zum Zeichnen von Kurven verwendet. Wie in der folgenden Animation zum Zeichnen einer Kurve mit dem Stift-Werkzeug zu sehen ist, wird die linke Maustaste gedrückt gehalten und eine beliebige Stelle auf der Arbeitsfläche gezogen. Der erste Klick ist der erste Ankerpunkt der zu erstellenden Kurve. Dieser Ankerpunkt wird speziell als Ankerpunkt Glätten bezeichnet. Wenn Sie die Maustaste gedrückt halten und ziehen, erscheinen zwei Griffe in der entgegengesetzten Richtung des Cursors. Diese Anfasser bestimmen die Richtung und Länge der zu erstellenden Kurve. Diese Vorschau wird speziell als Gummiband bezeichnet. Sie können sie über das Dialogfeld „Einstellungen“ ein- und ausschalten.

Mit einem Klick auf den zweiten Ankerpunkt wird die eigentliche Kurve erstellt. Soll die Kurve tangential zueinander verlaufen, werden die Schritte für den ersten Ankerpunkt wiederholt.

blank

Die Griffe verlängern sich in beide Richtungen gleichmäßig. Wird jedoch nach dem Erstellen des glatten Ankerpunkts die ALT-Taste gedrückt gehalten, können Länge und Winkel des zweiten Griffs unabhängig voneinander verändert werden. Die folgende Animation zeigt, wie das geht.

blank

Wenn die Tangentenkurve nicht fortgesetzt werden soll, d.h. wenn vom letzten Ankerpunkt aus eine gerade Linie gebildet werden soll, entfernt ein Klick auf den letzten Ankerpunkt mit dem Stift-Werkzeug den Griff. Sie können nun vom Ankerpunkt aus eine Gerade erstellen.

Die Anfasser werden normalerweise durch das Ankerpunktwerkzeug gesteuert. Die Tastenkombination für das Ankerpunkt-Werkzeug ist Umschalt + C. Andererseits haben wir gesehen, dass die Anfasser auch durch Gedrückthalten der ALT-Taste gesteuert werden können, während das Stift-Werkzeug aktiv ist. Solange die ALT-Taste gedrückt ist, hat das Ankerpunktwerkzeug Vorrang vor dem Stiftwerkzeug.

Teil 3: Zeichnen aus dem Vorlagenbild

Lassen Sie uns das Gelernte an einem Beispiel testen.

Vorlagenebenen können uns beim Zeichnen aus einem Bild helfen. Wenn Sie ein neues Dokument erstellen, erscheint eine leere weiße Zeichenfläche. Wenn Sie etwas zeichnen möchten, das der realen Welt ähnelt, können Sie eine Bilddatei importieren und sie als Vorlagenebene verwenden. Mit der realen Welt sind hier nicht nur die echten Fotos gemeint. Auch Skizzen können als Vorlagenebene importiert werden.

So importieren Sie ein Bild als Vorlagenebene:

  • Gehen Sie zu Datei>Platzieren
  • Suchen Sie Ihr Bild und wählen Sie
  • Option Vorlage (dick) aktivieren

Die Option Verknüpfung wird verwendet, um zu bestimmen, ob Ihr Bild in den Illustrator-Arbeitsbereich eingebettet werden soll. Wenn die Option „Verknüpfen“ ausgewählt ist, verschwindet das Bild im Arbeitsbereich, wenn das Bild auf dem Datenträger gelöscht oder der Pfad der Datei geändert wird.

blank
  • Klicken Sie auf die Schaltfläche „Platzieren“, um das Dialogfeld zu schließen

Wenn Sie das Bild auf diese Weise platzieren, wird eine Vorlagenebene erstellt. Verkleinern Sie das Bild um 50 %. Dadurch wird das Bild besser geeignet, um darauf zu zeichnen. Zum Schluss wird die Ebene gesperrt.

Sie können das Ebenenbedienfeld öffnen, um die soeben erstellte Ebene zu sehen. Wenn Sie das Ebenenbedienfeld nicht sehen, gehen Sie zum Menü „Fenster“ und wählen Sie „Ebenen“.

illustrator katmanlar paneli
Ebenen-Bedienfeld

Wenn das Bild größer als die Zeichenfläche ist, was meistens der Fall ist, müssen Sie das platzierte Bild verkleinern.

  • Erst entsperren Sie die Ebene
  • Verkleinern Sie das Bild
  • Sperren Sie die Ebene wieder

Wenn Sie Ihre Zeichnung beendet haben, können Sie diese Ebene löschen.

Da die Ebene gesperrt ist, kann auf ihr nicht gezeichnet werden. wechsle die andere Ebene oder erstelle eine neue, um deinen Vektor zu zeichnen.

Die Hauptregel ist, möglichst weiche Kurven mit möglichst wenigen glatten Ankerpunkten zu erstellen.

Die Basiskurve wird Bézier-Kurve genannt. Bézier-Kurven können entweder C- oder S-förmig sein. Die Richtung der Griffe erzeugt die C- oder S-Kurve. Die folgende Abbildung zeigt die Richtung der Griffe an den Ankerpunkten für beide Kurven. Der Startpunkt der Zeichnung ist die linke Seite.

Bezier eğrisi
Bezier-Kurven

Die Kurvenzeichnungen für das Brotscheibenbild sind unten dargestellt. Die Brotscheibe wurde als gerades und gekrümmtes Segment mit insgesamt 5 Ankerpunkten in einen Vektor gezeichnet.

blank

Es kann eine unterschiedliche Anzahl von Ankerpunkten für dieselbe Vektorzeichnung geben. Im folgenden Beispiel hat das linke Objekt 13 Ankerpunkte. Das Objekt auf der rechten Seite hingegen enthält 20 Ankerpunkte. Beobachten Sie die Vektoren und notieren Sie, welche Ankerpunkte unnötig sind. Überlegen Sie, ob Sie Ankerpunkte reduzieren können! Denken Sie daran, dass es nicht immer das Ziel ist, die Ankerpunkte zu reduzieren. Es können Details verloren gehen. Konzentrieren Sie sich auf den unteren Teil des linken Objekts. !!!!

blank

Wie Sie sehen, sind die unnötigen Ankerpunkte des rechten Objekts die in der Mitte der Kurve.

So,

Setzen Sie keine Ankerpunkte auf den oberen Teil der „C“- oder „S“-förmigen Kurven in Ihren eigenen Zeichnungen. Fügen Sie nicht zu jeder Kurve, die Sie beim Zeichnen sehen, einen Ankerpunkt hinzu, wie es die meisten Konstrukteure tun. Dies ist nicht die richtige Zeichenmethode.

Betrachten Sie das Vorlagenobjekt, bevor Sie den Vektor über das Bild zeichnen. Erzeugen Sie in Ihrer Vorstellung die C- und S-Bézier-Kurven. Wenn ja, beginnen Sie mit dem Zeichnen in der Ecke. Zeichnen Sie eine „S“- oder „C“-Form.

blank

Das Hinzufügen eines Ankerpunkts am oberen Ende der Kurve ist eine einfache Art des Zeichnens. Denn man muss nicht viel auf die Griffe achten. Andererseits kostet es Sie zusätzliche Ankerpunkte.

Außerdem wissen wir jetzt, dass die Griffe leicht mit der ALT-Taste verwaltet werden können. Scheuen Sie sich also nicht, zu den Ankerpunkten zurückzukehren, die Sie erstellt haben.

Erinnern Sie sich, dass die Auswahl der Ankerpunkte mit STRG + linke Maustaste erfolgt. Sie wird oft benötigt. Andere notwendige Tastenkombinationen wurden bereits oben beschrieben.

Viel Erfolg.

Akif Kutlu

P.S. Die folgenden Videos sind auch zu empfehlen. Sie sind auf Türkisch. Sie können aber Untertitel einschalten und die automatische Übersetzung in Ihre Sprache veranlassen.

Wie man das Stiftwerkzeug in Illustrator benutzt – Ausführliches Illustrator-Stiftwerkzeug-Tutorial für Anfänger und Fortgeschrittene
Tagged on: illustrator stiftwerkzeug tutorial Layer stiftwerkzeug vorlage

Schreibe einen Kommentar

Deine E-Mail-Adresse wird nicht veröffentlicht.