Vektorgrafik und Illustrator - Tipps, Tricks & Tutorials

Die Vektorgarten-Video-Tipps

Auf meinem Youtube-Kanal veröffentliche ich regelmäßig Illustrator-Tipps, meist in englischer Sprache mit englischen und deutschen Untertiteln.

Die folgenden Filme liegen auf Youtube oder Vimeo sowie auf dieser Website. Tonfilme und deren Sprache sind jeweils gekennzeichnet.

Außerdem habe ich einige Trainings für LinkedIn Learning aufgenommen.

Auswählen
Live Color - Interaktive Farbe
Aussehen-Eigenschaften
Pfadwerkzeug, Schneiden, Zusammenfügen
Schnittmasken und Deckkraftmasken
Ebenen-Palette
Pinsel
3D
Illu-Oberfläche
Effekte
Pathfinder
Text
Ausrichten und magnetische Hilfslinien
Verzerren und Verformen
Photoshop
FreeHand
Linkempfehlungen

Auswählen

Warum es manchmal keine gute Idee ist, einfach das Zielsymbol (den Zielbutton, den „Meatball“) anzuklicken, wenn man alle Elemente auf einer Ebene aktivieren möchte.

Auswahl und Zielauswahl in Illustrator from Monika Gause on Vimeo.

Demonstrating some techniques to select and edit objects that are hidden behind others (Illustrator CS4 and CS5); in English

 

Live Color - Interaktive Farbe

Diese Videos sind bereits auf einer eigenen Tutorial-Seite.

Das Farbfeld lässt sich nicht in Prozessfarben umwandeln
img/tut/farbfelder-umandeln.mov

Aussehen-Eigenschaften

You can apply an effect to round all the star's points, but what if you'd like to round only the outer points? This technique works at least in versions from CS and higher.

Dieses Video kommt mit englischem Text

Illustrator: Star with rounded points on youtube

Wie man eine Karte schnell erstellen und einfärben kann (auch wenn Pfade nicht geschkossen sind) und dann einige der Länder extra umranden kann (ohne sie zu duplizieren). How to keep your Live Paint groups and eat them (Youtube)

Wie man mit dem Verlauf-Werkzeug von CS4 ein stylisches Diagramm färbt.

img/tut/verlaufwerkzeug.mov

Wie man mit Illustrators Verlauf-Werkzeug einen durchgehenden Verlauf über mehrere Objekte erstellt.

Eine Anleitung für das Herstellen von Kreuzungen in Anfahrtsplänen (bei Youtube), ohne die Konturen in Pfade umwandeln und mit dem Pathfiner zusammenfügen zu müssen. Das heißt, die Pfade bleiben einfach editierbar.

Pfadwerkzeug, Schneiden, Zusammenfügen

Wie man eine Grafik z.B. für den Schneideplot „saubermacht“.

https://www.youtube.com/watch?v=W_JR--VXj0M

Wie man eine Vorlage erst geradestellt, nachzeichnet, wieder zurückdreht, spiegelt und stanzt.

http://www.m-server.de/m_g/Dartpfeile.mov

Wie säubere ich ein Objekt mit vielen dicht nebeneinander liegenden Pfaden? Dabei spielt die Genauigkeit bei der Auswahl bestimmter Pfade keine Rolle.

https://www.youtube.com/watch?v=Os5aDb4-1qM

Das Schritt-für-Schritt-Tutorial aus den Rheinwerk-Büchern in Kapitel 6 "Vogel":
img/tut/Schritt-fuer-Schritt-6.mov

dasselbe mit dem Pfadwerkzeug in Photoshop:
img/tut/Photoshop-Vektor.mov

Banner, ribbons, flags, wehende Bänder, flip pages – es ist alles dieselbe Vorgehensweise:

Banners, Flags, Flip pages & Treasure Maps (Youtube)

Aus einem Kreis eine Wellenform erstellen: Formwerkzeuge, Zeichenstift, magnetische Hilfslinien und „Erneut duplizieren“
img/tut/Welle.mov

Eckpunkte in Kurvenpunkte konvertieren
img/tut/kurveauto.mov

Schnittmasken und Deckkraftmasken

Der Modus Innen zeichnen ist eine Alternative zum Erzeugen einer Schnittmaske. Wie Sie damit arbeiten können, um Objekte in andere Objekte einzufügen, zu platzieren oder zu zeichnen, zeige ich in diesem Video (Englisch).

Ein Verlauf soll einem Pinselstrich folgen. Der Strich ist hier mit dem Tropfenpinsel-Werkzeug gezeichnet und ist damit eine Fläche. Wer einen Pinselstrich verwenden will, desse Kontur noch „live“ ist, sollte sich Deckkraftmasken ansehen.

img/tut/verlauf-folgt-form.mov

Wie man mit einer Deckkraftmaske ein Objekt um ein anderes wickelt. Erstellt auf besonderen Wunsch eines Lesers.
Hinweise: der Buchstabe muss in Pfade umgewandelt sein, anderenfalls kann es Probleme mit der Genauigkeit der Maske geben. Am Anfang verwende ich zwei Befehle per Kurzbefehl: der Buchstabe wird in die Zwischenablage kopiert und vor dem Pinselpfad wieder eingefügt.

img/tut/deckkraftmaskeverschlingen.mov

Wie man eine Schnittmaske in Pfade umwandelt. Hinweis: Das Umwandeln von Schnittmasken ist in Illustrator nicht vorgesehen, nur in Ausnahmefällen möglich und auch nur in Ausnahmefällen sinnvoll.

http://www.m-server.de/m_g/Guillochen-schnittmaske.mov

Wenn man PDFs in Illustrator öffnet, sind die Elemente meist mit Schnittmasken auf das Seitenformat beschnitten. Die kann man natürlich per Menübefehl aufheben. Kontrollierter geht es mit der Ebenen-Palette.
img/tut/releaseclippingpath.mov

Ebenen-Palette

Unter bestimmten Umständen werden Objekte auch dann aktiviert, wenn sie fixiert sind.
img/tut/gruppen-aktivierung.mov

Mit der Ebenen-Palette lassen sich Objekt-Hierarchien bearbeiten. Damit können Sie zum Beispiel einzelne Schnittmasken zurückwandeln (bei der Anwendung des Schnittmasken-zurückwandeln-Befehls werden dagegen alle Schnittmasken des Objekts aufgelöst).

img/tut/Schnittmaskenperebenen.mov

Pinsel

Was haben Dokumentprofile und der Inhalt der Pinselpalette miteinander zu tun und wie lade ich die Standardpinsel nach? Übertragbar auf Farbfelder, Symbole, Muster, Grafikstile.

img/tut/Pinselpalette.mov

Wie erstelle ich einen mehrfarbigen Bildpinsel?

img/tut/bildpinsel.mov

Wie zeichne ich Wellenformen? Ein weiteres Tutorial zum Bildpinsel.
img/tut/Wellenformen.mp4

Jede neue mit dem Pinsel gemalte Linie soll aussehen wie die vorherige (Bild behält Aussehen bei)
img/tut/bild-behaelt-aussehen.mov

3D

Für eine Isometrie muss man eine Grundform in bestimmten Winkeln drehen, dann bestimmte Skalierungen vornehmen. Nützlich dafür außerdem: das Plug-in EZConstrain (inzwischen Teil von VectorScribe).

img/tut/a-isometrie.mov

3D-Effekte und Konturen vertragen sich nicht immer gut. Was beim Anwenden eines 3D-Effekts auf ein Objekt mit Kontur passiert und an welchen Stellen es damit problematisch werden kann: Das Illustrator-Laboratorium.

Illustrator: 3D-Effekte und Konturen from Monika Gause on Vimeo.

Erstellen einer dreidimensionalen Weltkugel und Ausblenden der Geometrie, sodass nur die Map sichtbar ist.

img/tut/weltkugel.mp4

Wie zeichne ich die Bildmap für eine 3D-Discokugel?

img/tut/discokugel.mov

Illu-Oberfläche

Wie übersetze ich die Illustrator-Hilfe in andere Sprachen?
img/tut/hilfe-uebersetzen.mov

Effekte

Wie spiegele ich meine Pfade direkt beim Zeichnen. Interessant, um symmetrische Designs anzulegen.

img/tut/gespiegelt-zeichnen.mov

Wie rotiere und dupliziere ich ein Objekt um einen beliebigen Mittelpunkt? Hier wird nicht der mühsame Weg über "Erneut duplizieren" verwendet, sondern eine elegantere Lösung.

img/tut/um-mitte-rotieren.mov

Hier gibt es eine Datei zu dem Problem. Ich finde diese Methode eleganter als die von Michel Mayerle vorgestellte, die zwei Transformieren-Effekte benötigt.

Wie erzeuge ich einen Verlauf entlang eines Pfads? Illustrator kann ab Version CS6 eine Verlaufskontur anlegen, in vorherigen Versionen sind andere Methoden gefragt.
Eine mit einem Bildpinsel und eine mit einer Angleichung und einer Schnittmaske

Pathfinder

Ein Film zu zusammengesetzten Pfaden, zusammengesetzten Formen und den Formmodus-Buttons in der Pathfinder-Palette (auf Englisch).

Ein FIlm zum besseren Verständnis des Formerstellungswerkzeugs (aus Illustrator CS5): In diesem kleinen Video (mit Ton!) untersuche ich, was die Option „Offenen gefüllten Pfad als geschlossen behandeln“ bedeutet.

Skalierte Symbole zurücksetzen – dazu gibt es Skripte, z.B. Symbolize oder FindAndReplace. Beide Skripte setzen nicht zurück, sondern ersetzen. Und beide Skripte können noch vielseitiger eingesetzt werden.
img/tut/Symbolezurueksetzen.mov

Wie füllt man eine Fläche zwischen zwei Pfaden?

Nachdem Sie das Interaktiv-malen durchgeführt haben, aber vor dem Umwandeln, sollten Sie noch die Kontur entfernen, indem Sie „Ohne“ zuweisen. Es ist dann hinterher weniger Arbeit.
img/tut/innenteil.mov

Erstellen eines Fensters mit dem Pathfinder.

img/tut/Fenster.mov

Erstellen des Strahlenkranzes (japanische Postersonne)

Japanese Poster Sun (Youtube)

Eine Anwendung von "Verdeckte Fläche entfernen":

img/tut/verdeckteflaecheentfernen.mov

Text

Spiegeln des Pfads eines Pfadtexts, anschließend Neuausrichten des Texts
img/tut/pfadtext-spiegeln.movs

Dasselbe mit Ton (auf Englisch):
text on a path in both directions.

Wie zerschneide ich Texte? Dabei müssen sie aber in Pfade umgewandelt werden.

img/tut/Text-zerschneiden.mov

Wie erzeuge ich eine Fläche unter einem Textobjekt, die größer ist als die Box? Oder einen Rahmen, der etwas Platz zwischen sich und dem Text lässt?

img/tut/Rahmenumtextbox.mov

Wie spiegele ich Text am Pfad?
img/tut/Pfadtextklammern.mov

Was ist der Unterschied zwischen Punkt- und Flächentext?
img/tut/point-area-text.mp4

Textblöcke zurechtscheiden
img/tut/Textschneiden.mp4

Pfadtexte miteinander verknüpfen:

Creating Threaded Text (Youtube)

Ausrichten und intelligente (magnetische) Hilfslinien

Achtung: Die angezeigte Mitte ist nicht die geometrische Mitte des Objekts, sondern die Mitte des Begrenzungsrahmens. Bei Kreisen und Rechtecken ist das egal, bei Sternen und Polygonen nicht immer.

How to Create Editable Stars in Illustrator (Youtube)

Punkte mit der Ausrichten-Palette und mit intelligenten Hilfslinien ausrichten.
img/tut/ausrichten-magnetisch-palette.mov

Schnittmasken mit intelligenten Hilfslinien ausrichten.

img/tut/mh-schnittmasken.mov

Kurvenpunkte in Eckpunkte umwandeln und dabei einen Griff erhalten.
img/tut/Ankerpunkte-umwandeln.mov

Rechteck passend um eine Gruppe aufziehen mit intelligenten Hilfslinien.

img/tut/mh-rechteck-um-gruppe.mov

Ankerpunkte eines Dreiecks ausrichten:

img/tut/punkte-ausrichten.mov

Um einen unbekannten Winkel gedrehte Objekte zurückdrehen - mit intelligenten Hilfslinien How to Transform and Untransform (Youtube)

 

Sehr viele Objekte erzeugen und „zufällig“ verteilen

img/tut/zufallsverteilung.mov

Verzerren und Verformen

Was macht das Form-ändern-Werkzeug eigentlich?
img/tut/form-aendern-wz.mov

Wie erzeuge ich einen konischen Verlauf und warum funktioniert der Trick eigentlich?

Konischer Verlauf in Illustrator from Monika Gause on Vimeo.

WIe verkleinere ich eine Grafik von A4 auf A5 inkl. Zeichenfläche und Objekten. Funktioniert auch für Vergrößern - den Skalierungsfaktor können Sie mit einem Dreisatz berechnen. Achtung: in CS5 müssen Sie mit dem Symbol den Referenzpunkt für die Skalierung der Zeichenfläche setzen, in CS4 wird die Skalierung immer von der Mitte durchgeführt.
img/tut/a4aufa5.mov

Eine Linie auf eine bestimmte Länge verlängern und dabei den Winkel behalten (Taschenrechner erforderlich). In Illustrator CC 2015 geht das dank Interaktiver Formen ganz einfach durch Eingabe der Länge im Transformieren-Bedienfeld.
img/tut/linie-verlaengern.mov

Wie erzeuge ich eine (perspektivische) Verzerrung? Weil man es im Video nicht sieht oder hört: mit dem Frei-transformieren-Werkzeug wird erst der Punkt angeklickt, dann zusätzlich die Befehl/Strg-Taste gedrückt, dann verschoben.
img/tut/rechteckverzerren.mov

Wie erstelle ich einen zweifarbigen Strudel? Es werden Verzerrungshüllen und Verflüssigen-Werkzeuge verwendet.
img/tut/Strudel.mp4

Aus dem Illustrator-Laboratorium:

Editierbare Irisblende mit Illustrator
Neon-Musterpinsel mit Illustrator
Besondere Blüte mit Illustrator
Auswahl und Zielauswahl in Illustrator
Konstruieren und Kombinieren
3D-Effekte und Konturen
Probleme mit dem Formerstellungswerkzeug

15. Mai 2012

Photoshop

Wie fülle ich eine Vektorform in Photoshop mit einem Verlauf (sodass die Vektorinformationen erhalten bleibt)
img/tut/ps-formebene-verlauf.mov

Wie benutze ich die Information in den Kanälen eines Bildes, um schnell ein Motiv freizustellen.
img/tut/ps-freistellenmitkanal.mov

Wie korrigiere ich die Perspektive beim Freistellen in Photoshop?
img/tut/ps-perspektivisch-freistellen.mov

Wie füge ich einem Pfad einen weiteren Pfad hinzu?
img/tut/ps-pfade-vereinigen.mov

FreeHand

Wie erstelle ich eine Kachelfüllung in FreeHand? Am Beispiel eines Punktemusters demonstriert (Polka Dots, Technodots)
img/tut/fh-fills.mov