Mit Adobe Illustrator lassen sich ganz einfach und schnell Logos und Icons erstellen. Alles was man dafür braucht ist ein bisschen Fantasie und das praktische Pathfinder-Werkzeug, das auch von Einsteigern leicht zu bedienen ist.

Dies sind die Illustrator-Werkzeuge, die wir für das Logo brauchen:

Kreis, Rechteck und Dreieck Aufziehen
Für unser Logo wollen wir eine stilisierte Schere und einen Zeichenstift gestalten. Als erstes ziehen wir für die Schere mit Rechteck- und Ellipse-Werkzeug einen Kreis und ein schmales Rechteck auf. Mit dem Zeichenstift werden dann Ankerpunkte für ein spitzes Rechteck gesetzt, das die Schneide der Schere darstellen wird. Falls etwas schief gehen sollte: Command/Control Z macht den letzen Schritt rückgängig.

Pathfinder – Hinzufügen
Alle drei Formen werden aneinander gelegt und mit der Shift-Taste und dem Auswahl-Werkzeug markiert. Mit gedrückter Alt-Taste und Pathfinder „Hinzufügen“ werden sie zu einem Objekt vereinigt. (Die Alt-Taste beseitigt überflüssige Pfade, man kann aber auch den Umwandeln-Button im Pathfinder klicken)

Schnittmenge entfernen
Für das Loch im Scherengriff wird ein weiterer Kreis aufgezogen und mit Alt + „Schnittmenge entfernen“ ausgeschnitten.

Spiegeln
Das Spiegeln-Werkzeug mit gedrückter Alt-Taste erzeugt eine reflektierte Kopie des Scherenelements. Dafür wählt man das Objekt mit dem Auswahlwerkzeug und aktiviert das Spiegeln-Werkzeug, welches sich hinter dem Drehen-Werkzeug in der Werkzeugleiste verbirgt, oder Objekt-Transformieren-Spiegeln in der Menüleiste. Das Spiegeln erfolgt entweder per Hand, indem man einen Ankerpunkt wählt und das Objekt mit gedrückter Alt-Taste zieht, oder über die Eingabe eines Winkels.

Subtrahieren
Damit sich die beiden Teile besser voneinander abheben, wird ein schmales Rechteck auf eines der beiden Scherenteile gelegt, beides markiert und mit Alt + „Subtrahieren“ ausgeschnitten.

Das Gleiche noch einmal mit einem kleinen Kreis in der Mitte des anderen Scherenteils:

Am Ende wählen wir die ganze Schere aus und fügen alle Teile zusammen mit Alt und „Hinzufügen“ – fertig!

Ankerpunkte bearbeiten
Jetzt bauen wir einen Stift und gehen ganz ähnlich vor. Zuerst ziehen wir ein längliches Rechteck auf. In der Mitte der Ober- und Unterkante wird mit dem Ankerpunkt-hinzufügen-Werkzeug, das hinter dem Zeichenstift-Werkzeug liegt, jeweils ein weiterer Ankerpunkt gesetzt.

Mit dem Direktauswahl-Werkzeug, wählt man den oben gesetzten Ankerpunkt und zieht ihn hoch, so dass eine Spitze entsteht.

Die Rundung an der Unterkante des Stiftes erzeugt man mit dem Ankerpunkt-Konvertieren-Werkzeug. Dazu muss der Ankerpunkt auch mit dem Direktauswahl-Werkzeug ausgewählt werden. Danach zieht man den Punkt nach unten, die Rundung kann man mit den Grifflinien ausbessern.

Fläche aufteilen
Als nächstes sollen die Spitze des Stiftes und die Stiftmine abgetrennt werden. Ein auf der Spitze platzierter Kreis wird zusammen mit dem Stift markiert. Klickt man „Fläche aufteilen“ entstehen drei gruppierte Objekte. Über Objekt – Gruppierung aufheben kann man den oberen abgetrennten Teil des Kreises löschen. Dasselbe wiederholt man oben an der Mine. Die drei übrigen Teile etwas auseinander ziehen, damit man die Konturen erkennt.

Subtrahieren
Um die Linien auf dem Stift zu erzeugen ziehen wir ein sehr schmales Rechteck auf, das wir mit dem Auswahl-Werkzeug und der Alt+Taste ein paarmal auf der Stiftfläche duplizieren.

Diese werden gemeinsam mit der Stiftfläche ohne Spitze ausgewählt und wieder mit „Subtrahieren“ ausgeschnitten. Zum Schluss wird der Stift über „Hinzufügen“ zusammengefügt.

Drehen & Duplizieren
Um das Ganze interessanter zu gestalten, kann man Schere und Stift noch ein paarmal drehen und gleichzeitig duplizieren. Das Drehen Werkzeug wählen und bei gedrückter Alt-Taste den Rotationspunkt etwas nach unten ziehen und loslassen. Es erscheint der Drehen Dialog und man kann einen 90° Winkel eingeben. Wichtig ist, dass man dann eine Kopie erstellt und nicht einfach „ok“ drückt. Mit Transformieren – Erneut transformieren oder Command/Control D kann man diesen Vorgang dann vier mal wiederholen.

Jetzt wird schnell noch ein Rechteck aufgezogen. Mit gedrückter Shift-Taste wählen wir es zusammen mit den vier Scheren aus. Wir klicken „Hinteres Objekt abziehen“ im Pathfinder, erhalten eine Silhouette und sind fertig.

Fazit
Adobe Illustrator bietet erstaunlich viele Werkzeuge, mit denen man von Vektor-Illustrationen, Grafiken und sogar simple 3D-Objekte erstellen kann. Der Pathfinder macht einem das Leben besonders leicht. Am besten probiert man alle Optionen einfach einmal durch, oft ergeben sich auch überraschende und unerwartete Ergebnisse. Für eine solche Vektorillustration gibt es natürlich verschiedene Herangehensweisen, vielleicht kennt jemand eine noch schnellere. (sl)
Aniko
Aniko ist Volkswirtin, studiert aber momentan Digital Media in Ulm. Sie interessiert sich besonders für Grafikdesign/Illustration und möchte unbedingt auch HTML und CSS lernen. Im Internet ist sie meist als Defifee unterwegs.




Schönes Tutorial. Danke!
Kann mich anschließen… Werde wohl auch mal mit Illustrator arbeiten, anstatt nur mit Photoshop :) Mal sehen, ob ich ein Schnäppchen finden kann.
LG
Nettes Einsteiger-Tutorial für den Pathfinder. Was das nun mit Logodesign zu tun haben soll, kann ich nicht sagen. Sicher kann man das Werkzeug zur Erstellung eines Logos nutzen, nur trifft dies im Prinzip auf alle anderen Illu-Werkzeuge zu.
Fazit: Titel des Artikels verspricht was der Inhalt nicht hält.
Lustig, gestern Abend hab ich noch gestöbert, weil ich mich mal ein wenig mit Illustrator zwecks Logogestaltung vertrauter machen wollte, und jetzt kommt ein Tutorial dazu.
Nutzen hat das für mich leider keinen ersichtlichen, aber das Timing ist nett ;)
@Daniel: Verstehe ich wirklich nicht. Was hält der Inhalt nicht? Mit Hilfe des Pathfinder Werkzeugs wird gezeigt, wie man Icons und Logos erstellt. So wie es auch in der Überschrift stand. Hier wurde eben speziell auf dieses Werkzeug eingegangen …
Und es soll Leute geben, die nicht als Illustrator-Guru auf die Welt gekommen sind. Die sind für solche Tuts dankbar. Oder sollten es zumindest sein.
Sehe den aktuellen Beitrag eher als Erfrischung des DrWeb-Alltags.
Zum Glück wurde vor kurzem nach willigen Schreibern gesucht, welches für ein oder anderen Hobby-Grantler die Chance bietet brauchbares zu schreiben.
Danke für so viel Feedback!
Ja, wahrscheinlich ist der Titel Logodesign etwas irreführend.
@Mario: Wo kommen wir denn hin, wenn niemand was zu meckern hat? ;-) Ich sag Danke für das Tut!
Ist mit “spitzes Rechteck” ein Dreieck mit spitzem Winkel gemeint?
Cooles Tutorial… finde ich super
@Turicon: Und ich dachte schon, dass mich niemand versteht. ;-) Meckern ist aber auch so schön einfach. Und viel angenehmer als selbst was zu tun …
Tolles Tutorial, danke…
[...] Illustrator, Logos, Vektorgrafiken | Illustrator: Logodesign mit dem Pathfinder | Dr. Web Magazin [...]