Vektorgrafik und Illustrator - Tipps, Tricks & Tutorials

Konstruieren: Teil 2 | Teil 1

Schnittmarken wie in CS3

Wenn Sie gerne in Illustrator CS4 die Schnittmarken verwenden möchten so wie es in CS3 möglich war (so dass sie gleich nach dem Erstellen editierbar sind), können Sie sich das CS3-Schnittmarken-Plug-in bei Adobe herunterladen. Allerdings muss es gegen das neue ausgetauscht werden. Sie können also nur entweder-oder (so sieht es dann aus)

5. Februar 2010

Mehrere Punkte verbinden

Illustrator alleine ist in diesem Punkt nicht sehr gut, denn Sie können mit Objekt > Pfad > Zusammenfügen nur jeweils zwei Punkte auf einmal verbinden. Einige Skripte nehmen sich des Problems an.

Windows-Nutzer können aber auf eine echte Luxus-Variante zurückgreifen. Und das sogar kostenlos. Dafür laden Sie sich die Kartografie-Funktionen der ETH Zürich und installieren sie nach den Anweisungen. Laden Sie sich außerdem die Dokumentation von der Website.

Jetzt gehen wir von mehreren Pfaden mit unterschiedlichen Konturen aus.

Aktivieren Sie alle und wählen Sie Objekt > Filter > Connect Paths.

Ein Optionendialog fragt jetzt noch ab, ob Pfade mit unterschiedlichen Eigenschaften getrennt bleiben oder ob der Filter die Eigenschaften ignorieren soll. Hier aktivieren Sie die Option, dass die Pfade getrennt bleiben sollen.

Klicken Sie OK und Sie erhalten das gewünschte Ergebnis:

28. Oktober 2009, Link zu diesem Abschnitt

Interaktiv malen und Alberto Seveso

In meinem neuen Workshop für die DOCMA 31 (6/09) zeige ich, wie Sie Bilder im Stil von Alberto Seveso bearbeiten können. Sevesos Arbeiten bewundere ich schon eine ganze Weile - sie sind unglaublich viel komplexer als das Beispiel in dem Workshop. Dazu nutze ich die Funktion „Interaktiv malen“. Die Fotovorlage ist von Miguel Poveda (stock.xchng)– ein Foto seiner Frau Adriana. Dafür noch einmal herzlichen Dank.

15. Oktober 2009, Link zu diesem Abschnitt

Straßenkreuzungen

Eine wichtige Technik, die überraschend viele - sogar erfahrene - Anwender nicht kennen, ist das Erzeugen von Straßenkreuzungen in Anfahrtsplänen, ohne dazu die Konturen in Flächen umzuwandeln und mit Pathfinder zu verschmelzen. Daher habe ich das als Video erstellt.

Mit der Technik müssen Sie nicht (wie es in mancher Fachliteratur empfohlen wird) mühsam Kopien der ursprünglichen Pfade machen und diese aufbewahren für den Fall, dass der Kunde Änderungen am Straßenverlauf wünscht.

Diese Technik ist bereits in der ersten Auflage meines Illustrator-Buchs (zu CS2) zu finden. In der aktuellen Auflage (zu CS4) finden Sie eine neue, verfeinerte Version, in der auch erklärt wird, wie Sie unterschiedliche Straßen mit einer gemeinsamen Outline versehen können (trotz der veränderten Aussehen-Palette).

Produktionsvorgaben für T-Shirt-Druck

Spreadshirt hat ein kleines Video produziert, in dem sie ihre Vorgaben erläutern und auch zeigen, was passiert, wenn die Vorgaben nicht eingehalten werden.

Der Spreadshirt Design Service in a box from Spreadshirt on Vimeo.

Vereinfachen und die Pfadrichtung

Auf dieses Phänomen brachte mich Ernst Hutzler vom Institut für Kartografie an der ETH Zürich. In seiner Dokumentation der Kartografie-Funktionen-Plug-ins erwähnt er beiläufig, dass das Ergebnis der Funktion Pfad vereinfachen von der Pfadrichtung abhängig ist.

Beispiel gefällig?

Wenn Sie sich also jemals über uneinheitliche Ergebnisse beim Ausführen der Funktion gewundert haben sollten ...

Andererseits kann man das natürlich auch nutzen, wenn einem das Ergebnis des Vereinfachens nicht richtig zusagt: einfach Pfadrichtung umkehren und nochmal versuchen. Wobei - „einfach“ ist das nicht immer. Bei offenen Pfaden klicken Sie mit dem Zeichenstift auf ein Pfadende, um die Richtung dorthin zu lenken. Bei geschlossenen Pfaden können Sie nur die Richtung zusammengesetzter Pfade umkehren (mit der Attribute-Palette.

Und falls Sie darauf angewiesen sind, dass immer ein identisches Ergebnis herauskommt: Die Kartografie-Funktionen-Plug-ins können einen Pfad unabhängig von der Pfadrichtung vereinfachen. Leider nicht auf dem Mac.

Link zu diesem Abschnitt

Transparente Kontur

Wie man beliebig viele Konturen um einen Text legt, habe ich bereits in einem Illustrator-Typo-Tipp gezeigt. Was ist aber, wenn eine Kontur transparent sein soll? Dann könnte man auf eine Technik zurückgreifen, die Mordy Golding einmal vorgestellt hat und die Option „Aussparungsgruppe“ benutzen. Und das geht so:

Der Text wird als Flächen- oder Punkttext angelegt. Man kann auch mehrere Textobjekte gruppieren. Der Text selbst erhält die gewünschte Farbe. Dann geht es an die Outlines. Über das Aussehen-Bedienfeld wird eine zweite Kontur angelegt und unter den Eintrag „Zeichen“ bzw. „Inhalt“ geschoben. Diese Kontur erhält die Farbe schwarz und eine Deckkraft von 0%. DieStärke definieren Sie nach Belieben.

Anschließend wird eine weitere Kontur angelegt und unter die schwarze geschoben. Diese erhält eine beliebige Farbe und ist stärker als die schwarze Kontur.

Dann legen Sie noch für das gesamte Objekt die Option „Aussparungsgruppe“ im Transparenz-Bedienfeld fest. Et voilà.

Link zu diesem Abschnitt

Silvester-Feuerwerk

Für das Webstandardblog habe ich wieder ein Tutorial geschrieben. Und wie könnte es zu dieser Jahreszeit anders sein - es geht um Feuerwerk. Und um den Transformieren-Effekt, einen wahren Zauberkünstler. Und natürlich geht es auch ein bisschen um die Aussehen-Palette (pardon: das Aussehen-Bedienfeld). Denn die steht auf der Liste der Dinge, die Sie sich im neuen Jahr in Illustrator mal besonders vornehmen sollten, ganz weit oben. Und wenn Sie noch mehr dieser Dinge in Illustrator abarbeiten möchten, dann sehen Sie sich einfach die Liste der 10 Neujahrsvorsätze für 2009 bei Mordy Golding an.

Ein gutes neues Jahr!

Aussehen-Beispieldatei

Rufus Deuchler hat jetzt auch einen Beitrag zu dem Aussehen-Effekt gebracht, den er auf der Adobe-Tour vorgeführt hat - die deutsche Übersetzung der zugehörigen Aussehen-Palette hier. Bei Rufus können Sie sogar die Illustrator-Datei herunterladen.

Tutorial und Buchgewinn im Webstandard-Blog

Für den Galileo-Autoren-Kollegen Heiko Siegert vom Webstandard-Blog habe ich ein Grundlagen-Tutorial zur Logo-Erstellung mit Illustrator geschrieben: Einsatz von Form-Werkzeugen, Ausrichten, Pathfindern, Zusammengesetzten Pfaden und Transformationen. Und es gibt auch was zu gewinnen, wenn Sie einen Kommentar dazu schreiben.

Verlauf auf einer Kontur

In Illustrator kann man keinen Verlauf auf einer Kontur einrichten. Und was ist dann das?

Vorab: das ist keine Screenshotmontage. Aber wie kommt der Verlauf auf die Kontur?

Ganz einfach. In Inkscape kann man so etwas sehr wohl erstellen. Und SVG - Inkscapes natives Speicherformat - unterstützt Verläufe auf Konturen. Wenn ein SVG einen Konturverlauf enthält, kann man den in Illustrator auch übernehmen.

Nur nicht editieren. Oder als AI, EPS oder PDF speichern.

Vorsicht: einige ältere Illustrator-Versionen lassen den Verlauf beim Speichern in AI, EPS oder PDF u.U. in der Datei und können diese dann später nicht wieder öffnen. Wenn Sie mit diesem Feature spielen möchten, probieren Sie es erstmal mit einer Testdatei.

Link zu diesem Abschnitt

Verlaufsgitter: Einstieg

Die aus meiner Sicht wichtigsten Tipps für den Umgang mit Verlaufsgittern:

1. Konstruieren Sie erst das Gitter und definieren die Farbe an den Gitterpunkten im zweiten Schritt
2. Gitterpunkte werden in die Mitte der zu definierenden Farbfläche (der Vorlage) gesetzt, nicht an deren Rand. Das ist anfangs irritierend, weil es bei Vektorisierungen mit anderen Mitteln umgekehrt ist.
3. Vor allem gekrümmte Formen lassen sich mit Gittern besser nachbauen, wenn Sie erst ein einfaches rechteckiges Gitter mit 3-4 Gitterlinien erstellen und dieses dann der gewünschten Form anpassen.
4. Versuchen Sie nicht, zu komplexe Objekte mit einem einzigen Gitter zu bauen. Teilen Sie die Objekte in mehrere Gitter auf.

Übrigens können Sie in Illustrator CS3 Vollton- und Prozessfarben im Gitter mischen und es wird trotzdem korrekt separiert.

Und da ein Beitrag zu Verlaufsgittern ohne den Link zu den erstaunlichsten Vektorgrafiken nicht denkbar ist: The World’s most realistic vector art

Link zu diesem Abschnitt

Ein ganz unglaubliches Making of

Chad Pugh zeigt in diesem Film den Entstehungsprozess einer sehr großen, umfangreichen und komplexen Infografik in Adobe Illustrator. Einen Druck der Illustration kann man dann bei ihm auch kaufen.

Ankerpunkte nicht ganz so destruktiv umwandeln

Illustrators Ankerpunkt-konvertieren-Werkzeug arbeitet destruktiv, es bleibt zwar die Position des Ankerpunkts erhalten, mitnichten aber die der Griffe. Dankenswerterweise rasten die magnetischen Hilfslinien an den Positionen der Griffe ein. Das können Sie sich zu Nutze machen, wenn Sie die Position der Griffe unbedingt erhalten möchten. Je nachdem, ob der hinführende oder der wegführende Griff erhalten werden soll, ist noch ein kleiner Umweg erforderlich.

Dieser Tipp ergänzt Markus' Quicktipp „Umwandeln von gebrochenen Ankerpunkten in Kurvenpunkte“. Die Ausgangssituation ist vergleichbar: ein Eckpunkt mit anschließenden Kurvensegmenten soll in einen Kurvenpunkt (Übergangspunkt) umgewandelt werden. Ich ergänze die Bedingung, dass bei der Umwandlung ein Griff (und damit die Kurvenform) erhalten bleiben soll. Mein Film zeigt die Vorgehensweise für den wegführenden und den hinführenden Griff.

Link zu diesem Abschnitt

Raum schaffen

In der MACup 05/2008 finden Sie einen Illustrator-Workshop zur Darstellung dreidimensionaler Räume. Hier die Alternativen zu den dort vorgestellten Techniken.

Erstellen einer Kachelfläche
Anstatt den Kachelboden mit Hilfe eines Musters zu konstruieren, das abhängig vom Nullpunkt des Dokuments positioniert wird und anschließend mühsam umgewandelt muss, könnten Sie in Betracht ziehen, den Transformieren-Effekt zu verwenden. Dort ist es möglich, exakt die Menge an Kacheln herzustellen, die Sie brauchen. So sparen Sie sich auch das anschließende Löschen überflüssiger Kacheln. Darüberhinaus können Sie diese Konstruktion dann auch direkt mit Hüllen verzerren.

Zeichnen Sie zunächst den Rapport. Dann wenden Sie den Transformieren-Effekt zweimal nacheinander an: einmal für die horizontale und dann für die vertikale Vervielfältigung.

Perspektivische Darstellung der Fläche
Hier bietet sich neben dem Frei-transformieren-Werkzeug der 3D-Effekt „Drehen“ an. Die Perspektive bekommen Sie damit praktisch geschenkt.

Demodatei (Illustrator CS2)

Link zu diesem Abschnitt

Magnetische Hilfslinien sparen Hilfslinien

Markus hat wieder einen Illustrator-Podcast gemacht (diesmal zu Transformations-Werkzeugen). Leider nutzt er nicht das volle Potenzial der magnetischen Hilfslinien. Hier mein Verbesserungsvorschlag (aktuell gewählt ist das Ellipse-Werkzeug):

Die Aussehen-Palette

Auf der Adobe Masters Tour präsentierten Jason Levine, Rufus Deuchler und Greg Rewis sehr schicke Tipps, die Ihrem Workflow einen deutlichen Schubs geben können.

Abbildung: Konzentration vor der Show, nach dem „Startschuss“ ging es lockerer zu.

Einer der wichtigsten Tipps zu Illustrator kam von Rufus: Nutze die Aussehen-Palette! Und für alle, die die Typo zu Hause nachbauen wollen (im Gegensatz zu einigen Versuchen der Sendung mit der Maus können Sie das ohne Schutzausrüstung gefahrlos durchführen). In Ermangelung der verwendeten Typo habe ich es hier mit der Cooper Black ausgeführt:

Link zu diesem Abschnitt

Konischer Verlauf

FreeHand kann einen konischen Verlauf von sich aus - Sie weisen ihn einfach zu. In Illustrator ist es nicht ganz so einfach.

Um einen konischen Verlauf zu erstellen, brauchen Sie eine lineare Verlaufsfläche und eine ganz spezielle Verzerrungshülle, die Sie sich aus einem kreisförmigen Verlauf generieren können. Wie das geht, habe ich schon einmal für einen anderen Tipp beschrieben.

Legen Sie die Verzerrungshülle in der Stapelreiehnfolge über den linearen Verlauf und wählen Objekt > Verzerrungshülle > Mit oberstem Objekt erstellen. In den Hüllen-Optionen muss „Lineare Verläufe verzerren“ aktiviert sein.

Und hier gibt es eine Beispieldatei

Link zu diesem Abschnitt