ZMBP

Wissenschaftlich Arbeiten mit Computer und Internet
- Bildbearbeitung

Uni Tuebingen

Kursübersicht

Suchen

Grafikbearbeitung

Rastergrafik

Vektorgrafik


Vektorgrafik - Illustrator

Übungsaufgaben

Vektorgrafik Wikipedia

Adobe Illustrator

Anwendungsbereiche Illustrator

Beispiele




Übungen mit Adobe Illustrator

Werkzeuge und Paletten

Paletten ein und ausblenden unter Menü Fenster

Effektiv Arbeiten mit Tastenkürzel
V Auswahl (Verschieben)
A Direktauswahl
P Zeichenstift-Werkzeug
T Text
B Pinsel
N Buntstift ...

H Hand
Z Zoom

Tastenkürzel, die in allen Tools gehen:
Leertaste -> Verschieben
Strg-(Windows) bzw. Befehlstaste(Mac OS) -> Auswahlwerkzeug


Doppelklick auf die Hand -> Arbeitsfläche passt sich dem Monitor an.
Doppelklick auf die Lupe -> 100%


Lineal und Hilfslinien

Lineal einfügen.
Welcher Maßstab ist eingetragen?
Menü Bearbeiten : Voreinstellungen : Einheiten & Rückgangig

Hilfslinien neu anlegen.

Magnetische Hilfslinien aktivieren.


Zeichnen

Zeichnen in der Vektorgrafik beginnt mit der Erstellung eines Pfades. Pfade sind Kurven, Gerade oder Formen ohne Strichstärke, Farbe oder Farbverläufe. Die Pfade können später mit Hilfe der Kontur und Farbe bearbeitet werden.

Bézierkurve Info

- Das Zeichnen mit dem Zeichenstift-Werkzeug erfordert einige Übung.

Eine Anleitung gibt es bei media.rz.uni-potsdam und Arbeitsdateien hier



Beispiel. Zeichenstift-Werkzeug. Versuche die Form "Schließzelle" nachzuzeichnen"
Tipp: Füge dazu zusätzliche Ebene ein (s.u.)

- Ankerpunkte hinzufügen und Ankerpunkte konvertieren benutzen.



Freihandlinien

- Mit dem Buntstift-Werkzeug kann eine Freihandlinie gezeichnet werden. Nützlich sind noch die Übergangs-Werkzeug und Löschen-Wergzeug. Das Übergangs-Werkzeug glättet den Pfad und mit Löschen können Pfadsegmente gelöscht werden. Das Buntstift-Werkzeug kann bevorzugt mit Tabletts eingesetzt werden.

- Frei-Transformieren-Werkzeug

- Ausrichten

- Transformieren

- Pfeile zeichnen mit Zeichenstift-Werkzeug und Menü Effekt : Stilisierungsfilter : Pfeilspitzen

- Farbe der Fläche und der Kontur einstellen.
Stärke der Kontur mit der Palette Konturen bestimmen.



Kombinieren von Formen

Beispiel als Illustratordatei

- Versuche die Formen "Spaltöffnung" aus Kreisen und Rechtecken nachzubauen
(s.a. Palette Pathfinder)

- Bearbeiten einer Form mit Ankerpunkt-umwandeln-Werkzeug

- Farbe mit Farbfelder oder Stile sowie Verläufe verwenden.

- Formen als 3D Struktur erscheinen lassen
Versuche die 3 Möglichkeiten:
Verläufe
Verlaufsgitter-Werkzeug
Angleichen-Werkzeug



Verkrümmen-Werkzeuge (Verflüssigen)

Illustrator stellt einige Werkzeuge zur Verfügung, die Objekte deformieren können. Dadurch kommt man von einer einfachen Form (z.B. Kreis, Rechteck) mit Hilfe dieser Werkzeuge zu einer gewünschten komplexen Struktur. Die Optionspalette wird durch Doppelklick auf das Werkzeug geöffnet. Hier kann die Werkzeugeinstellungen geändert werden.
  • Verkrümmen-Werkzeug
  • Strudel-Werkzeug
  • Zusammenziehen-Werkzeug
  • Aufblasen-Werkzeug
  • Ausbuchten-Werkzeug
  • Kristallisieren Werkzeug
  • Zerknittern-Werkzeug

- Teste die Werkzeuge mit einem einfachen Kreis.

- Versuche die Form "Spaltöffnung" Beispiel aus einem Kreis und mit Hilfe dieser Werkzeuge zu bekommen (Vorschlag "Verkrümmen")




Malen mit Pinsel

Department of Biochemistry
University of Wisconsin-Madison
Cliparts
http://www.biochem.wisc.edu/medialab/clipart.aspx

Beispiel (ai-Datei)

Aufgabe: Lege einen neuen Pinsel mit dem DNA-Molekül in neuen Farben an.


Ebenen

- Palette Ebenen

- Ebene von unten nach oben bringen und umgekehrt

- Ebene ausblenden oder fixieren

- Ebene duplizieren

- Auf Hintergrundebene reduzieren

- Transparenz und Ebeneneffekte (Schlagschatten)


Grafiken plazieren

- Füge in das Beispiel einen Hintergrund hinzu

Hintergrund

Tipp: Lege vorher eine eigene Ebene für den Hintergrund an.

Ist die Grafik in Illustrator eingebettet oder nur verlinkt? Siehe Palette "Links" oder "Verbindung".

- Verändere Helligkeit, evtl. Farbe und Raster des BIldes auf 300 dpi

- Transformieren (Spiegeln und Drehen, Frei transformieren)

- mache das Bild transparent.



Beispielbilder Gebäude Morgenstelle ZMBP oder Beispiele aus dem Internet.

Morgen1

Morgen3

Morgen5

Morgen28


Arbeiten mit Text

- Füge im Beispiel eine Abbildungsunterschrift hinzu.
1. Mit dem Text-Werkzeug einmal auf den Arbeitsplatz klicken und einfügen
2. Mit dem Text-WerKzeug einen Textrahmen aufziehen und Text einfügen.
Was ist der Unterschied?
Was passiert wenn in einem Textrahmen zu viel Text eingegeben wird?

- Beschrifte die Abbildung und füge evtl. Pfeile oder Striche hinzu
Palette Zeichen und Absätze

- Text mit Menü Datei : Plazieren.. einfügen.
Erstelle eine Word-Datei mit Text und speichere diesen Text als doc- oder rtf-Datei ab. Füge diese Datei mit Plazieren in Illustrator ein.
Werden die Schriftarten miteingebettet?
Es kann auch über die Zwischenablage eingefügt werden, allerdings verliert der Text dann seine Textattribute (Schriftart, Schriftschnitt).

- Bitte das Pfadtext-Werkzeug ausprobieren.
Einen Pfad erstellen (Strich, Kreis, etc.)
Pfadtext-Werkzeug auswählen, auf den Pfad klicken und Text eingeben.
Beachte: das Pfadtext-Werkzeug macht aus allen geometrischen Figuren einen Pfad.

- Tipp: Mit dem Pipette-Werkzeug kann die Textformatierung auf andere Textfelder übertragen werden.

- Mehrere Textblöcke mit Fleißtext
Kopiere Text aus dem Internet und teile das in mehrere Textblöcke auf.
Menü Text : Textblöcke... : Verbinden
Alternativ können mit Menü Text : Textzeilen & -spalten Textblöcke genau bestimmt werden.
Aufgabe: Markiere einen Textblock und teile den Block in 2 Spalten auf.

- Umfließen von Text
Bild und Text zusammen auswählen
Menü Text : Umfließen : Erstellen

- Text in Pfad umwandeln
Ein Text kann in einen Pfad umgewandelt werdn, dadurch ist der Text(Buchstaben) beliebig veränderbar.

Einen Textblock markieren
Menü Text : In Pfad umwandeln.

Text kann jetzt beliebig verformt werden (kunstschrift)



Speichern und Exportieren

- Welche Formate stehen beim Speichern zu Verfügung?

- Exportiere die Vektorgrafik in eine Pixelgrafik. Welche Formate stehen zur Verfügung?



Extra

Symboldatenbank

1500 Vector Symbole für den Biologischen Bereich
- http://ian.umces.edu/symbols/





Zum Weitermachen empfehle ich das Tutorial nach

"Adobe Illustrator X Classroom in a Book: Das offizielle Trainingsbuch von Adobe Systems", Addison-Wesley, München; Auflage: 1 (27. September 2007), EUR 39,95

Tour durch Illustrator: illustrator_start.ai

So soll es aussehen: Illustrator:end.ai


http://www.inkscape.org/doc/basic/tutorial-basic.html

deutsch
http://www.inkscape.org/doc/basic/tutorial-basic.de.html