Coole Illustrator-Kniffe für den Einsteiger

Adobe Illustrator bietet dir zahlreiche Optionen an, Informationen grafisch umzusetzen. Icons etwa stehen für eine Anwendung oder eine Funktion als visuelle Schnittstelle zur Verfügung, um den Anwender schneller zum Ziel zu führen.

Und Diagramme können, etwas interessanter gestaltet, durchaus ansprechend Inhalte präsentieren. Doch auch größere Überschriften, mit eher langweiligem Text, könnten in wenigen Schritten aufgepeppt werden. So ist ein gemalter Text oder ein Grunge-Schriftzug kein Problem.

Mit dem Buntstift ausgemalt

Vorbereitung

Icons liegen im Trend, die eine Fläche zeigen, die wie mit dem Buntstift ausgemalt erscheint. In Illustrator ist es leicht möglich, diesen Stil zu simulieren. In einem neuen Dokument ziehst du mit dem Liniensegment-Werkzeug eine Linie auf, die etwas über den Rand hinaus geht. Eine Kontur sollte dabei nicht aktiv sein, aber eine passende „Buntstiftfarbe“ ausgewählt werden. Diese Linie wird dann über das Menü und Objekt > Transformieren > Drehen um 45 Grad gedreht.

Positioniere die Linie an der oberen, linken Seite außerhalb des Dokumentes. Ziehe dann mit gedrückter Alt-Taste eine Kopie zur rechten, unteren Ecke, ebenso außerhalb des Dokumentes.

Gestrichelt

Klicke das Angleichen-Werkzeug doppelt an und stelle den Abstand auf Festgelegte Stufen und 100 ein. Bestätige mit OK und gehe mit dem Werkzeug über die erste Linie. Sobald sich das Icon verändert, klicke die Linie an. Es folgt ein weiterer Klick auf die zweite Linie, wodurch eine ganze Reihe von Linien sichtbar geworden sein sollte. Gehe dann im Menü auf Objekt > Umwandeln mit Umwandeln: Objekt.

In Form gebracht

Mit dem Abgerundeten-Rechteck-Werkzeug wird eine Fläche aufgezogen, die nicht gefüllt und ohne Kontur ist. Mit dem Auswahl-Werkzeug werden alle Pfade selektiert und dann im Pathfinder Schnittmengenfläche angeklickt. Damit wurden die Linien an die neue Form angepasst.

Striche optimieren

Der Effekt > Verzerrungs- und Transformationsfilter > Tweak mit Stärke und Horizontal 1% sowie der Verzerrungs- und Transformationsfilter > Wirbel mit Winkel: 2 Grad sorgt nun für die Simulation des „Gezeichneten“. Falls die Farbe deaktiviert wurde, wähle noch einmal eine Farbe aus und steuere über die Kontur die Breite der Striche. Stelle dazu die Konturfarbe auf Weiß ein und die Stärke auf 1 bis 2 pt. Sehr leicht kann diese Grundlage nun für Icons eingesetzt werden.

Kreisdiagramm in 3D

Diagramm zeichnen

Diagramme sind sehr nützlich, um Informationen visuell darzustellen. Allerdings haftet ihnen auch eine gewisse Langeweile an. Mit Illustrator kannst du ein Kreisdiagramm leicht in die dritte Dimension befördern und damit weitaus interessanter darstellen. In einem neuen Dokument ziehst du mit dem Werkzeug Kreisdiagramm eine Grundform auf, womit auch das Diagrammdatenfenster geöffnet wurde. Darin gibst du in der ersten Zeile die Namen zu den Werten ein, in der zweiten Zeile die Werte zu den Namen. Bestätige die Eingabe über die Schaltfläche Anwenden.

Farben neu definieren

Die Farben sind noch etwas langweilig, weshalb du mit dem Gruppenauswahl-Werkzeug (verbirgt sich hinter dem Direktauswahl-Werkzeug) einmal die Farbe in der Legende und die gleiche Farbe im Diagramm auswählst, bei gedrückter Umschalttaste. Jetzt kannst du sehr leicht die Farben austauschen und zum Beispiel die angebotenen Brauntöne von Illustrator verwendest. So gehst du bei allen Feldern vor, bis das Diagramm etwas farbenfroher gestaltet wurde. Auch Verläufe oder Muster könntest du einsetzen. Jederzeit kann auch erneut das Diagrammdatenfenster aufgerufen werden, über Objekt > Diagramm > Daten.

Bereiche trennen

Um jetzt das Diagramm, nicht aber die Legende in die dritte Dimension zu befördern, müssen diese Bereiche getrennt werden. Dazu könntest du die Legende mit dem Direktauswahl-Werkzeug selektieren und über Bearbeiten > Kopieren und auch wieder Einfügen. Jetzt kannst du das Diagramm mit dem Auswahl-Werkzeug aktivieren und die Namen der Werte löschen. Wähle die Werte in der zweiten Zeile aus, drücke Strg+X zum Ausschneiden und in der ersten Zeile Strg+V zum Einfügen. Bestätige mit Anwenden. Wir haben damit das Diagramm für die 3D-Umsetzung vorbereitet.

Dreidimensional

Das Diagramm wird nun mit dem Direktauswahl-Werkzeug selektiert und über Effekt > 3D > Extrudieren und abgeflachte Kante in die dritte Dimension befördert. Aktiviere die Vorschau und drehe das Diagramm in Position. Klicke die Schaltfläche Mehr Optionen an und steuere über das Umgebungslicht die Tiefe des Schattens. Bestätige deine Eingaben über OK.

Diagramm beschriften

Wenn du möchtest, könntest du auch das Diagramm direkt beschriften. Schreibe ein Wort und gehe im Menü auf Fenster > Symbole. Ziehe den Text in das Fenster hinein und gebe dem neuen Symbol einen passenden Namen. Wähle noch einmal das Diagramm aus und klicke in der Aussehen-Palette 3D-Extrudieren an. Aktiviere die Vorschau und klicke die Schaltfläche Bildmaterial zuweisen an. Über Nächste Fläche kannst du die einzelnen Bereiche des Diagramms anspringen und an beliebiger Stelle ein Symbol, wie etwa der soeben erstellte Name, eingefügt werden. Dieses lässt sich leicht drehen, skalieren und verschieben.

Text verzerren

Wie gezeichnet

Sollen Überschriften nicht nur informieren, sondern auch zum Thema passend gestaltet werden, so könntest du diese leicht verzerren. Schreibe ein großes Wort, etwa in Times New Roman und 200pt, um den Effekt gut verfolgen zu können. Mit dem Auswahl-Werkzeug wird der Text selektiert. Wende den Effekt > Verzerrungs- und Transformationsfilter > Aufrauen mit Größe: 1% und Relativ an. Setze Detail auf 20 Zoll. Die glatten Kanten der Buchstaben wurden damit aufgeraut.

Um diesen Text passend zum ersten Beispiel wie gezeichnet und ausgemalt wirken zu lassen, wende Effekt > Stilisierungsfilter > Scribble mit Variation: 0px an. Unter den Zeilenoptionen setzt du die Strichbreite auf einen Pixel, die Kurvenstärke auf 0 sowie die Variation auf 40%. Den Abstand stellst du auf 1,5px, die Variation auf 0,5px.

Stärker Verzerren

Auch stärkere Verzerrungen sind möglich. Gehe dazu im Menü auf Effekt > Verzerrungs- und Transformationsfilter > Tweak und aktiviere Absolut. Stelle bei Stärke Horizontal auf 20px ein, Vertikal auf 0px. Der Text ist kaum noch lesbar.

Grunge-Text

Ein passender Effekt, wenn es darum geht, schlechten Empfang bei einem Fernsehgerät zu simulieren. Soll der Text besser lesbar sein, klicke im Aussehen-Fenster auf Tweak und stelle Horizontal auf 10px Stärke ein. Auch könntest du eine Kontur in der Farbe des Hintergrundes aktivieren. Ein Grunge-Effekt wird sichtbar, den du auch über einer passenden Textur positionieren kannst.