Arbeiten mit Pinsel-Konturen

Transkript

1 Arbeiten mit Pinsel-Konturen PISEL In diesem Zusatz-Kapitel finden Sie einige Schritt-für-Schritt- Anleitungen zu Bild- und Muster-Pinseln, die Kapitel 8»Farben und Verläufe«des Illustrator-CS2-Buchs ergänzen. Pinsel-Konturen können sich auf vielerlei Arten in der täglichen Arbeit nützlich machen und sind nicht auf die achahmung analoger Werkzeuge oder das Gestalten opulenter Rahmen beschränkt. Auf den folgenden Seiten sehen Sie einige Beispiele für den Einsatz im Layout, Logo-Design und Illustrationen. Linien gestalten im Layout Wenn Sie kleinere Drucksachen mit Illustrator layouten, benötigen Sie Linien an vielen Stellen zum Umrahmen von Text-Boxen oder Kennzeichnen einer Schnittkante. Auch für die Entwicklung von Symbolen, Logos oder in der Infografik brauchen Sie Spezial- Linien. Mit Hilfe der Aussehen-Palette haben Sie zwar sehr viele Möglichkeiten, Konturen zu gestalten, dafür fehlen an einigen Stellen aber Dinge, die Sie etwa in Layout-Programmen als selbstverständlich kennen. Schritt für Schritt: Eine Spirale mit verjüngender Linie Soll sich die Linienstärke einer Spirale (oder einer anderen Form) gleichmäßig verjüngen, können Sie dies mit einem Bildpinsel erreichen. Die Vorgehensweise ist einfach, aber sehr effektiv. 1 Grundform erstellen Erstellen Sie ein Dreieck, z.b. mit dem Polygon-Werkzeug. Da Sie mit diesem Werkzeug nur gleichseitige Dreiecke erzeugen können, müssen Sie die Form gegebenenfalls nachkorrigieren. Wählen Sie für Ihr Dreieck eine schwarze Füllung und keine Kontur. G Abbildung 1 Spirale mit gleichmäßig verjüngter Kontur G Abbildung 2 Die Grundform 2 Als Pinsel definieren Ziehen Sie die Dreieck-Form in die Pinsel-Palette in der Dialogbox euer Pinsel wählen Sie Bildpinsel. G Abbildung 3 Miniatur in der Pinsel-Palette Linien gestalten im Layout 1

2 3 Pinsel-Optionen einrichten Anschließend müssen Sie in der Dialogbox Bildpinsel-Optionen die Mal-Richtung einstellen. Wählen Sie außerdem unter Einfärben als Methode Tonwerte, damit Sie die Farbe der Spirale über die Konturfarbe bestimmen können. Abbildung 4 E Bildpinsel-Optionen G Abbildung 5 Eine stärkere logarithmische Verjüngung der Spirale (rechts) ist nötig, um die variable Konturstärke zu kompensieren G Abbildung 6 Mit den Kontur-Optionen erzeugen Strichelungen (links und Mitte), mit einem Musterpinsel erzeugt Strichelung (rechts) 4 Form zeichnen und Kontur zuweisen Erstellen Sie die Spirale mit dem Spirale-Werkzeug aufgrund der sich verjüngenden Strichstärke sollten Sie auch die Lücken zwischen den Spirallinien entsprechend verjüngend wählen, so dass die Spirale innen enger ist. Diesen Abstand können Sie interaktiv beeinflussen, indem Sie beim Aufziehen der Spirale ( )/(Strg) gedrückt halten. Weisen Sie der Spirale die eben erstellte Pinselkontur zu. Schritt für Schritt: Strichelung mit sauberen Ecken Versehen Sie eine Kontur über die Kontur-Palette mit einer Strichelung, so erhalten Sie keine verlässliche Eckenführung dieser Kontur, wie sie zum Beispiel von InDesign oder QuarkXPress vorgenommen wird. Darüberhinaus können Sie die gestrichelte Kontur nicht auf dem üblichen Weg in eine Fläche umwandeln und die Strichelung dabei erhalten. In Illustrator müssen Sie gestrichelte Konturen als Musterpinsel anlegen, wenn Sie diese sauber und regelmäßig um Ecken führen möchten. Etliche Strichel-Konturen finden Sie daher schon in den Pinsel-Bibliotheken. Um eine eigene Strichelung zu gestalten, gehen Sie wie folgt vor: G Abbildung 7 Entwurf für eine gestrichelte Kontur mit Eckenelementen. 1 Strichelung der Kanten zeichnen Beginnen Sie mit der Konstruktion der Strichelung. Erstellen Sie die Striche als Flächen. Die Formen müssen nicht in der endgültig 2 Arbeiten mit Pinsel-Konturen

3 verwendeten Größe, aber in den benötigten Proportionen gezeichnet werden. Sie können ein- oder mehrfarbige Strichelungen erzeugen. Die Formen lassen sich am besten weiterverarbeiten, wenn Sie die Strichelung in horizontaler Richtung erstellen. 2 Ecken erstellen Anschließend zeichnen Sie zu den Kantenelementen passende Ecken. Konstruieren Sie diese exakt als Fortsetzung Ihres Kantenelements an der linken Seite senkrecht nach unten und an der rechten Seite senkrecht nach oben. Beide Eckenelemente müssen die gleichen Ausmaße haben. Falls Sie außerdem Abschlusselemente für offene Pfade benötigen, zeichnen Sie auch diese. Sie werden jedoch für unseren Musterpinsel nicht benötigt. 3 Musterelemente vorbereiten Ein Musterpinsel wird aus Musterfeldern erstellt und wie diese basiert die Funktion des Pinsels auf den Begrenzungsrahmen der Musterfelder, also dem untersten unsichtbaren Element. Der Begrenzungsrahmen der Eckenelemente muss exakt quadratisch sein, die Höhe des Begrenzungsrahmens der Kantenelemente richtet sich nach den Maßen des Eckenelements. Die Kontur verläuft in der Mitte des Begrenzungsrahmens. Falls Sie die Kontur nicht bereits auf entsprechenden Hilfslinien gezeichnet haben, lässt sich die Größe des Begrenzungsrahmens einfach konstruieren (siehe Abbildung 8). Anschließend erstellen Sie den Begrenzungsrahmen für das Kantenelement. Der Rahmen schließt an die Rahmen der Eckelemente an. Das nach oben zeigende (rechte) Eckelement drehen Sie zusammen mit seinem Begrenzungsrahmen um 180, so dass es in dieselbe Richtung gedreht ist wie das linke Eckelement. Stellen Sie abschließend alle Begrenzungsrahmen ganz nach hinten und weisen ihnen keine Füllung und keine Kontur zu. G Abbildung 8 Konstruktion der Begrenzungsrahmen für die Eckelemente: die schwarzen senkrechten Linien markieren die Mitte der Lücke. 4 Musterfelder erzeugen Ziehen Sie die Ecken- und Kantenelemente jeweils zusammen mit den zugehörigen Begrenzungsrahmen auf die Farbfelder- Palette. Geben Sie allen Elementen eindeutige amen, damit Sie diese im Menü der Pinsel-Optionen schneller identifizieren können. 5 euer Musterpinsel Erstellen Sie einen neuen Pinsel und wählen die Option Musterpinsel in der Dialogbox. G Abbildung 9 Drehen der Ecke und Ablegen aller Teile als Musterfelder Linien gestalten im Layout 3

4 Abbildung 10 E Musterpinsel-Optionen und angewendete Kontur (unten) Aktivieren Sie nacheinander die Icons der Musterpinselelemente durch einen Mausklick und wählen aus der Liste der Farbfelder ebenfalls mit einem Mausklick das passende aus. G Abbildung 11 Die für eine Doppelkontur (oben einfach, unten komplexer) benötigten Elemente. Die rechte Ecke muss ebenfalls vor der Erstellung der Musterfelder gedreht werden. G Abbildung 12 Pfeilspitzen-Grundobjekte 6 Double Stroke (Doppel-Kontur) Eine Kontur aus einer fetten und einer schmalen Linie lässt sich ebenfalls als Musterpinsel nach demselben Schema anlegen falls Sie diese Kontur nicht um Ecken führen wollen, ist sogar ein Bildpinsel ausreichend. Es lassen sich auch komplexere Elemente verwenden, Ihrer Phantasie sind keine Grenzen gesetzt. Schritt für Schritt: Eigene Pfeilspitzen Illustrators Effekt-Dialogbox enthält zwar Pfeilspitzen für verschiedene Geschmäcker, wenn Ihnen diese jedoch nicht ausreichen, ist es nicht möglich, die Spitzen in einer Voreinstellungsdatei zu ergänzen (wie z.b. bei den Profilkanten der 3D-Effekte). Hier müssen Sie stattdessen zu einem Musterpinsel greifen. Und mit einem kleinen Trick ist es sogar möglich, die Konturstärke und die Größe der Pfeilspitzen unabhängig voneinander zu steuern. Einen kleinen Wermutstropfen gibt es dennoch: per Musterpinsel erzeugte Pfeilspitzen sind mit Kurvenpfaden nur bedingt einsetzbar. 1 Pfeilspitzen-Form erstellen Zunächst zeichnen Sie die Pfeilspitzen und bringen diese auf etwa die später benötigte Größe. Weisen Sie den Spitzen die Farbe Schwarz zu. Anschließend aktivieren Sie in der Grafikattribute- Palette für die Spitzen die Anzeige des Mittelpunkts. Schalten Sie 4 Arbeiten mit Pinsel-Konturen

5 die magnetischen Hilfslinien ein und zeichnen mit dem Rechteck- Werkzeug den Begrenzungsrahmen ausgehend vom Mittelpunkt drücken Sie dafür die Taste (Alt). 2 Musterfelder anlegen Verschieben Sie die Begrenzungsrahmen in den Hintergrund und weisen keine Kontur und keine Füllung zu. Beseitigen Sie gegebenenfalls versehentlich zugewiesene Pinselkonturen. Erzeugen Sie aus jeder Pfeilspitze samt Begrenzungsrahmen je ein Musterfeld. Anschließens erzeugen Sie noch ein Musterfeld aus einem der Begrenzungsrahmen ohne Pfeilspitzen-Grafik. Geben Sie den Musterfeldern aussagekräftige amen. 3 Pfeilspitzen-Pinsel erstellen Generieren Sie einen neuen Musterpinsel. In der Dialogbox Musterpinsel-Optionen weisen Sie anschließend der Kante das»leere«musterfeld zu. Die Pfeilspitzen ordnen Sie den beiden Enden der Kontur zu. Für das Einfärben wählen Sie die Option Tonwerte. G Abbildung 13 Farbfelder mit Pfeilspitzen und»leerem«feld F Abbildung 14 Musterelemente für den Pfeilspitzen-Pinsel 4 Kanten-Pinsel Um die Linie zu Ihren Pfeilspitzen zu erzeugen, benötigen Sie einen zweiten Musterpinsel. Zeichnen Sie zunächst eine Gerade in der Farbe Schwarz und anschließend eine Form in etwa 1/6 der Länge der Geraden. Diese versehen Sie mit der Füllung und Kontur Keine. Ziehen Sie jedes der Elemente auf die Farbfelder- Palette und geben beiden Feldern aussagekräftige amen. Erstellen Sie jetzt einen neuen Musterpinsel, weisen der Kante das Musterfeld»Linie«und beiden Enden das»leere«musterfeld zu. auch hier wählen Sie Tonwerte für das Einfärben. G Abbildung 15 Grundobjekte für die Linie G Abbildung 16 Einfärben-Option Tonwerte F Abbildung 17 Musterelemente für die»linie«linien gestalten im Layout 5

6 G Abbildung 18 Aussehen-Eigenschaften der Pfeilspitzen-Kontur 5 Pinsel anwenden Wenn Sie Ihre Pfeilspitzen anwenden möchten, weisen Sie der Kontur zunächst den»linien«-musterpinsel zu steuern Sie die Konturstärke über die Einstellung Skalieren in den Kontur- Optionen. Anschließend generieren Sie mit Hilfe der Aussehen-Palette eine zweite Kontur und weisen dieser den Pfeilspitzen-Musterpinsel zu. Die Größe der Pfeilspitzen bestimmen Sie entweder über die Stärke-Option in der Kontur-Palette oder ebenfalls über die Kontur-Optionen. Illustration Pinsel lassen sich für viele Aufgaben im Bereich der Illustration produktivitätssteigernd einsetzen. Schritt für Schritt: Fade-In und Fade-Out Möchten Sie einen Pinselstrich am Anfang und Ende schmaler gestalten, so liegt es nahe, einen Kalligrafiepinsel mit einem Grafiktablett zu steuern. Falls Sie kein Grafiktablett zur Verfügung haben oder es Ihnen zu mühsam ist, mit dem Stift so oft neu anzusetzen, bis sich ein gleichmäßiges Verstärken der Kontur ergibt, probieren Sie doch einmal die folgende Vorgehensweise, in der Sie einen Bildpinsel verwenden, der die benötigte Form hat. 1 Grundform erstellen und Pinsel definieren Erstellen Sie zunächst eine Grafik in Linsenform am schnellsten geht es folgendermaßen: Beginnen Sie mit einem Oval. Aktivieren Sie anschließend einen der Punkte mit dem Direktauswahl-Werkzeug und schneiden ihn aus. Direkt anschließend fügen Sie den Inhalt der Zwischenablage vorne oder hinten ein Shortcut ( )/(Ctrl)+(F) bzw. (B). Schieben Sie das eingefügte Teil nach Bedarf über das andere. G Abbildung 19 Illustration von Haaren mit einem»linsen«-pinsel rechts: Pfadansicht der Haare G Abbildung 20 Konstruieren der Linsenform 6 Arbeiten mit Pinsel-Konturen

7 Dann aktivieren Sie beide Teile und richten die Füllung Keine ein. Rufen Sie die Pathfinder-Palette auf und verwenden den Befehl Kontur aufteilen. Lösen Sie die Gruppierung und löschen die nicht benötigten Teile. Zeichnen Sie mit dem Direktauswahl- Werkzeug ein Auswahlrechteck über den ersten Eckpunkt und wählen Objekt Pfad Zusammenfügen. Erstellen Sie einen Eckpunkt. Verfahren Sie ebenso mit dem zweiten Eckpunkt. F Abbildung 21 Fertigstellen der Grundform Um den Pinsel universell einsetzen und einfach färben zu können, wählen Sie die Farbe Schwarz für die Grundform. 2 Bildpinsel definieren Aktivieren Sie anschließend die Form und ziehen sie in die Pinsel- Palette. In der Dialogbox euer Pinsel wählen Sie Bildpinsel. In den Bildpinsel-Optionen aktivieren Sie für das Einfärben die Methode Tonwerte, so können Sie die Farbe der Kontur über die Felder in der Werkzeugpalette bestimmen. 3 Pinsel anwenden Weisen Sie die Pinselkontur einem Pfad zu, um sie anzuwenden oder wählen Sie Ihre Bildpinsel-kontur und zeichnen eine Linie mit dem Pinsel-Werkzeug. Die Stärke der Linie können Sie entweder über die Optionen für ausgewähltes Objekt in der Pinsel-Palette oder durch Auswahl einer geeigneten Konturstärke steuern. G Abbildung 22 Einfärben-Optionen G Abbildung 23 Veränderung der Konturstärke mit Hilfe der Objekt-Optionen Schritt für Schritt: Schwärme und große Mengen Die einzelnen Formen innerhalb eines Schwarms z.b. Fische oder die Blätter eines Baumes sehen natürlich nicht identisch aus bzw. bewegen sich unterschiedlich. Dieser Tatsache können Sie mit einem Bildpinsel sehr einfach und effektiv Rechnung tragen. 1 Grundform zeichnen Zeichnen Sie die Grundform möglichst regelmäßig und ohne Verzerrung. Für diese Übung verwenden Sie ein Symbol aus einer der Bibliotheken unser Fisch stammt aus»tiki«. Platzieren Sie eine Instanz des Symbols auf der Zeichenfläche und lösen Sie die Verknüpfung zum Symbol. G Abbildung 24 Ein Fischschwarm (unten: Pfadansicht) Illustration 7

8 Abbildung 25 E Bildpinsel-Optionen 2 Bildpinsel erstellen Aktivieren Sie das Objekt und wählen sie euer Pinsel aus dem Menü der Pinsel-Palette oder durch Klick auf den gleichnamigen Button. Aktivieren Sie die Option Bildpinsel. In den Bildpinsel- Optionen sind in diesem Fall keine Änderungen nötig. 3 Bildpinsel anwenden Wählen Sie das Pinsel-Werkzeug und Ihren eben erzeugten Bildpinsel. Zeichnen Sie einige Striche, um ein Gefühl für die benötigte Länge der Striche zu bekommen. Anschließend zeichnen Sie die Elemente. Abbildung 26 E Schwarm aus Pinselstrichen Schritt für Schritt: Telefonkabel, Zöpfe oder Ketten Auch beim Illustrieren aneinanderhängender Formen können Pinsel Ihnen viel Arbeit abnehmen.»klassische«beispiele sind Ketten, Zöpfe und geringelte Telefonkabel. Diese aus einzelnen Elementen aufzubauen, macht sehr viel Arbeit, selbst wenn Sie nach einiger Zeit Routine bekommen. Mit einem Musterpinsel geht es einfacher: Abbildung 27 E Eine Kette 8 Arbeiten mit Pinsel-Konturen

9 1 Grundform zeichnen In diesem Fall benötigen Sie exakte Anschlüsse, daher macht es Sinn, die Kettenglieder zunächst einzeln zu erstellen. Duplizieren und verschieben Sie anschließend das linke Element und bewegen Sie die Kettenglieder horizontal in die endgültige Position. G Abbildung 28 Einzelne Kettenglieder F Abbildung 29 Duplizieren des linken Kettenglieds 2 Rapport erstellen Trennen Sie als nächstes die Teile für die Ketten-Enden rechts und links ab. Konstruieren Sie dafür jeweils eine senkrechte Linie auf dem rechten und linken Teil der Kette. Suchen Sie sich einen markanten Punkt aus, um die Linien exakt zu positionieren. Aktivieren Sie gegebenenfalls die magnetischen Hilfslinien, um ganz exakt zu arbeiten. F Abbildung 30 Abtrennen der beiden End-Elemente Teilen Sie die Objekte an den Linien rufen Sie dafür Objekt Pfad Darunter liegende Objekte aufteilen auf. F Abbildung 31 Zeschneiden des Mittelelements Anschließend zerschneiden Sie das mittlere Objekt mit dem Messer-Werkzeug fixieren Sie aber vorher die beiden Objekte, die nicht geschnitten werden sollen. Stellen Sie den»oberen«teil des mittleren Kettenglieds nach hinten. F Abbildung 32 Grobaufteilung des Mittelelements Wechseln sie dann zum Direktauswahl-Werkzeug und kopieren Sie die Pfadsegmente der beiden äußeren Teile wie in Abbildung 33 gezeigt. Fügen Sie die Segmente vorn ein und setzen die jeweils zusammengehörenden Segmente zu einem Pfad aneinander Objekt Pfad Zusammenfügen. Illustration 9

10 Abbildung 33 E»Schneidepfade«für die Detailarbeit Fixieren Sie alle Objekte, die nicht geschnitten werden dürfen, wählen Sie den ersten Pfad aus und teilen die darunterliegenden Objekte auf. Verfahren Sie ebenso mit dem zweiten Pfad. Abbildung 34 E Fertigestellte Grundelemente 3 Musterfelder erstellen Aus diesen Teilen dem linken und rechten Ende sowie dem ineinanderliegenden Mittelteil generieren Sie jetzt jeweils Musterfelder. Einen Begrenzungsrahmen benötigen Sie in diesem Fall für keines der Teile. Ist kein Begrenzungsrechteck vorhanden, verwendet Illustrator die Außenbegrenzung des Musterfelds für die Berechnung. G Abbildung 35 Musterfelder für die Kette 4 euen Musterpinsel Rufen Sie euer Pinsel auf und wählen einen Musterpinsel. Als Kante weisen Sie das Mittelteil zu, das linke und rechte Ende ordnen Sie zu den Linienenden. Abbildung 36 E Musterfelder zu den Pinsel-Elementen zuordnen G Abbildung 37 In vergleichbarer Weise bereiten Sie den Bildpinsel für einen Zopf vor Schritt für Schritt: Kreissäge Das Problem bei der Konstruktion eines Sägeblatts ist, zu wissen, um wieviel Grad ein»zacken«um den Mittelpunkt gedreht werden muss, damit das letzte Teil exakt an das Erste passt. Sie können sich ersparen, den exakten Winkel zu konstruieren, wenn Sie die Zacken des Sägeblatts mit einem Musterpinsel generieren. Und das geht so: 10 Arbeiten mit Pinsel-Konturen

11 1 Zahn konstruieren Beginnen Sie damit, einen einzelnen Zahn und jeweils einen halben Übergang zu seinen achbarzähnen zu zeichnen. Anschließend erstellen Sie das Begrenzungsrechteck, setzen dessen Kontur und Füllung auf Keine und stellen es nach hinten. Ziehen Sie beide Elemente zusammen in die Farbfelder-Palette. 2 Musterpinsel erstellen Das eben erstellte Musterfeld definieren Sie in einem neuen Musterpinsel als Kante. Achten Sie darauf, dass unter Einpassen die Option Auf Kantenlänge anpassen ausgewählt ist. 3 Sägeblatt zeichnen Ziehen Sie einen Kreis mit dem Ellipsen-Werkzeug auf und weisen diesem den Musterpinsel als Kontur zu. Eine Füllung können Sie für den Kreis an dieser Stelle noch nicht definieren. Die Größe der Zacken regulieren Sie, indem Sie den Kreis aktivieren und in der Pinsel-Palette die Optionen für ausgewähltes Objekt aus dem Palettenmenü oder über den Button aufrufen. Unter Größe richten Sie im Eingabefeld Skalieren einen passenden Wert ein. 4 Umwandeln Entspricht die Anzahl und Größe der Zacken Ihren Wünschen, müssen Sie das Objekt in Pfade umwandeln. Aktivieren Sie Ihr Sägeblatt und wählen Objekt Aussehen umwandeln. Anschließend sollten Sie anhand des im Anschluss nicht mehr benötigten Kreisobjekts den Mittelpunkt markieren, denn diesen können Sie ggf. noch für die Illustration der Details brauchen. Dann lösen Sie die Gruppierung auf und löschen den nicht mehr benötigten Kreispfad. Aktivieren Sie alle Zacken und fügen diese mit Hilfe des Befehls Zum Formbereich hinzufügen in der Pathfinder-Palette zu einem einzigen Objekt zusammen. G Abbildung 38 Grundelement den stärkeren Übergangsbereich benötigen Sie für das Zusammenfügen der Zähne. G Abbildung 39 Verändern der Zackengröße G Abbildung 40 Kennzeichnen Sie sich den Mittelpunkt des Kreisobjekts (rot) und löschen Sie dieses dann. HIWEIS Registrierte utzer finden die Illustrator-Dateien zu den Übungen im Download-Bereich des Buchs auf der Galileo-Website. Illustration 11