Sie sind auf Seite 1von 12
2D-Tutorials >> Adobe Illustrator Optische Täuschung mit Illustrator: Von Weitem sichtbar, von Nahem nicht Autor:

2D-Tutorials >> Adobe Illustrator

2D-Tutorials >> Adobe Illustrator Optische Täuschung mit Illustrator: Von Weitem sichtbar, von Nahem nicht Autor:

Optische Täuschung mit Illustrator: Von Weitem sichtbar, von Nahem nicht

Autor:

vritz_ophrene

Inhalt:

Dieses Tutorial beschreibt die Möglichkeit, mit wenigen Schritten in Illustrator aus einem Grundmuster eine optische Täuschung zu erstellen, sei es einen Text oder eine Grafik, die nur aus der Ferne sichtbar ist, aus der Nähe jedoch nicht. Dies ist einer meiner Lieblingseffekte, auf Großformat und Leinwand gedruckt gibt dies ein hervorragendes Bild ab!

Bitte beachtet: Dieses Tutorial setzt ein gewisses Vorwissen in Illustrator voraus, sprich den Umgang mit dem Pathfinder, zusammengesetzten Pfaden und so weiter. Außerdem ist meine Version englisch, aber mit ein bisschen Fantasie sollte das kein Problem sein.

Genug geredet, schreiten wir zur Tat. ACHTUNG: Dieses Tutorial bezieht sich auf das Arbeiten mit der Illustrator-Version CS4. Ältere Versionen weichen möglicherweise ab, ich übernehme hierfür keine Garantie.

mit der Illustrator-Version CS4. Ältere Versionen weichen möglicherweise ab, ich übernehme hierfür keine Garantie.

Schritt 1:

Wir erstellen zuerst eine Datei in beliebiger Größe. Dazu öffnen wir Illustrator und drücken Strg+N (PC) oder Cmd+N (Mac). Folgendes Fenster erscheint:

(PC) oder Cmd+N (Mac). Folgendes Fenster erscheint: Die meisten werden es schon wissen - hier nun
(PC) oder Cmd+N (Mac). Folgendes Fenster erscheint: Die meisten werden es schon wissen - hier nun

Die meisten werden es schon wissen - hier nun noch mal für Neulinge: Ins pinkfarbene Feld kommt der gewünschte Dateiname, dieser lässt sich jedoch beim Abspeichern nochmals ändern.

• Ins rote Feld kommt die Breite,

• ins grüne Feld die Höhe der Zeichenfläche.

• Im blauen Auswahlmenü können die Farbmodi ausgewählt werden (CMYK

für Drucksachen, aber bitte dann noch ein Tutorial zum korrekten Druckexport konsultieren!, RGB für Computerdarstellung).

Schritt 2:

Nun haben wir unsere Zeichenfläche vor uns: Wir benötigen ein Grundmuster, welches wir dann so verändern, dass die gewünschte Grafik oder der gewünschte Text aus der Ferne zu sehen ist. In diesem Tutorial werde ich ein rechtwinkliges Dreieck benutzen, aber es funktionieren auch alle anderen Formen. Linien ebenfalls. Die Möglichkeiten sind unbegrenzt.

Wir erstellen nun ein Objekt, das wir duplizieren, welches dann das Muster darstellt. Wie ihr es erstellt, bleibt euch überlassen, es sollte nur eine geschlossene Fläche darstellen.

Ihr färbt das Objekt mit einer Füllfarbe ein und gebt ihm eine Kontur in anderer Farbe. Das ist SEHR WICHTIG!

So sieht mein Dreieck nun aus:

Farbe. Das ist SEHR WICHTIG! So sieht mein Dreieck nun aus: Wie ihr seht, ist die
Farbe. Das ist SEHR WICHTIG! So sieht mein Dreieck nun aus: Wie ihr seht, ist die

Wie ihr seht, ist die Flächenfarbe Schwarz und die Kontur in diesem Fall Orange.

Übrigens: Je dicker die Kontur, desto leichter (d.h., aus desto kürzerer Entfernung) sieht man die Grafik/Schrift. Spielt damit je nach Lust und Laune.

Schritt 3: Das Muster

Nun wählt das Objekt aus und macht Folgendes: Klickt auf Objekt (Object)> Pfad (Path)>Konturlinie (Outline Stroke), wie im Bild.

Klickt auf Objekt (Object)> Pfad (Path)>Konturlinie (Outline Stroke), wie im Bild. PSD -Tutorials.de 4
Klickt auf Objekt (Object)> Pfad (Path)>Konturlinie (Outline Stroke), wie im Bild. PSD -Tutorials.de 4

Diese Aktion bewirkt, dass sich die Konturlinie (das Orangefarbene), die davor lediglich ein Vektor mit festgelegter Dicke war, nun in eine Fläche (mit eigenen Umrisslinien) umwandelt. Um den Unterschied zu sehen, drückt

einfach mal

Strg+Y/Cmd+Y:

den Unterschied zu sehen, drückt einfach mal Strg+Y/Cmd+Y: Unten die Vektoransicht, oben die Vorschauansicht. Unten
den Unterschied zu sehen, drückt einfach mal Strg+Y/Cmd+Y: Unten die Vektoransicht, oben die Vorschauansicht. Unten

Unten die Vektoransicht, oben die Vorschauansicht. Unten sieht man hervorragend: Nach dem Anwenden obiger Operation ist die Konturlinie keine einzelne Linie mehr, sondern eine Fläche (hier rot).

Gut. Klickt mit rechts auf das Objekt und wählt Degruppieren (Ungroup). Dies bewirkt, dass Kontur und Fläche einzeln anwählbar sind.

Nun beginnen wir mit dem Duplizieren des Objekts in ein Muster: Wählt sowohl Objekt als auch Konturlinie aus und zieht mit gedrückter linker Maustaste und gedrückter Alt-Taste (der Cursor wird zu zwei kleinen Pfeilen) sowie, wenn eine gerade Linie erwünscht ist, mit gedrückter Shift-Taste das Objekt in eine Distanz zum ersten, die euch gefällt, und lasst die Maustaste los.

Das sieht dann ungefähr so aus:

Distanz zum ersten, die euch gefällt, und lasst die Maustaste los. Das sieht dann ungefähr so
Distanz zum ersten, die euch gefällt, und lasst die Maustaste los. Das sieht dann ungefähr so

Und jetzt ganz einfach immer brav Strg+D/Cmd+D drücken, bis die Reihe die gewünschte Länge hat: (Sollte Illustrator nicht duplizieren, müsst ihr das letzte Objekt neu auswählen!)

duplizieren, müsst ihr das letzte Objekt neu auswählen!) (Entschuldigt bitte die Breite Nun machen wir dasselbe
duplizieren, müsst ihr das letzte Objekt neu auswählen!) (Entschuldigt bitte die Breite Nun machen wir dasselbe

(Entschuldigt bitte die Breite

Nun machen wir dasselbe mit der ganzen Reihe nach unten: Wie oben die gesamte Reihe auswählen, wahlweise Strg+A/Cmd+A, dann mit gedrückter linker Maus-, Alt- und wahlweise Shift-Taste nach unten ziehen. Dann wieder bis zum gewünschten Ergebnis auf Strg+D/Cmd+D drücken.

Bei mir ist das jetzt so:

!)

Dann wieder bis zum gewünschten Ergebnis auf Strg+D/Cmd+D drücken. Bei mir ist das jetzt so: !)

Schritt 4: Zeit für Kopfschmerzen

Kommen wir zum komplizierten Teil: Erstellt einfach einen Text oder eine Grafik eurer Wahl (Textwerkzeug, Linksklick und eintippen). Diese sollte in meinem Fall mindestens siebenmal so hoch sein wie ein Muster-Objekt und zweimal so dick, sonst ist es später schwer oder nicht erkennbar.

so dick, sonst ist es später schwer oder nicht erkennbar. Dann, wie auf dem Bild zu
so dick, sonst ist es später schwer oder nicht erkennbar. Dann, wie auf dem Bild zu

Dann, wie auf dem Bild zu sehen: Rechtklick auf den Text (dieser Schritt entfällt bei einer Grafik). In Kontur umwandeln (Create Outlines).

Rechtklick>Degruppieren, Rechtsklick>Zusammengesetzten Pfad entfernen

so ähnlich).

Solltet ihr Buchstaben mit geschlossenen Formen haben, ("O", "B", "D" wählt diese danach komplett aus und drückt erst mal für diese separat Strg+8, dann führt den nächsten Schritt aus.

Dann

),

(oder

Dann einmal Strg+8 (Cmd+8) drücken, um einen zusammengesetzten Pfad zu erstellen.

Schritt 5: OK, JETZT Zeit für Kopfschmerzen

Jetzt wählt ihr eine orangefarbene Kontur aus (NUR DIE KONTUR!) und klickt auf folgende Schaltfläche: Die Schaltfläche links vom Ankerpunkt, der Zeiger mit den zwei Vierecken: Gleiche Objekte auswählen.

Schaltfläche links vom Ankerpunkt, der Zeiger mit den zwei Vierecken: Gleiche Objekte auswählen. PSD -Tutorials.de 9
Schaltfläche links vom Ankerpunkt, der Zeiger mit den zwei Vierecken: Gleiche Objekte auswählen. PSD -Tutorials.de 9

Dies wählt automatisch alle orangefarbenen Konturen aus. Drückt nun

Strg+8/Cmd+8, um aus allen Konturen

(compound Path)

Jetzt schiebt ihr eure Schrift so auf das Feld, wie es euch gefällt, und wählt mit Shift-Klick die orangefarbenen Konturen aus.

(Das sollte in etwa so aussehen):

einen

zusammengesetzten Pfad

zu erstellen.

so aussehen): einen zusammengesetzten Pfad zu erstellen. Dann geht ihr in den Pathfinder, wenn ihr sicher
so aussehen): einen zusammengesetzten Pfad zu erstellen. Dann geht ihr in den Pathfinder, wenn ihr sicher

Dann geht ihr in den Pathfinder, wenn ihr sicher seid, sowohl aus Grafik als auch aus Konturen jeweils einen zusammengesetzten Pfad erstellt zu haben (Strg+8, remember?), und klickt auf dieses Symbol:

haben (Strg+8, remember?), und klickt auf dieses Symbol: Dies nimmt alle Flächen weg, die keine Schnittflächen

Dies nimmt alle Flächen weg, die keine Schnittflächen beider zusammengesetzter Pfade sind. D.h., nur die Überschneidungen bleiben übrig.

Et voilà! So aus der Nähe:

Et voilà! So aus der Nähe: Und so aus der Ferne: Vielen Dank für eure Aufmerksamkeit;
Et voilà! So aus der Nähe: Und so aus der Ferne: Vielen Dank für eure Aufmerksamkeit;

Und so aus der Ferne:

Et voilà! So aus der Nähe: Und so aus der Ferne: Vielen Dank für eure Aufmerksamkeit;

Vielen Dank für eure Aufmerksamkeit; im Anhang findet ihr eine Illustrator- Datei mit dem vorgefertigten Muster-Raster, in dem ihr nur noch die

Pathfinder-Funktion

ausführen müsst.

Cooler Stoff für Kreative

In der Aktion: Fotografie-Workshop-DVD

für Kreative In der Aktion: Fotografie-Workshop-DVD „Das Nonplusultra an fotografischem Know-how !“ Sassa

„Das Nonplusultra

an fotografischem

Know-how!“

Sassa W., Fleesensee

„Besonders für

Einsteiger ist es eine

unglaubliche Hilfe

und sollte zu jeder neu-

en DSLR gleich mitge-

kauft werden.“

www.shockmotion.de

Zur Zeit ist

diese Sammlung in

ihrem Aufbau und

Konzept ohne

Konkurrenz!

www.pixelstarter.de

Fotografie-Workshop-DVD

» 170 Tutorials zu 15 Schwer- punktthemen der Fotografie

» 13 Fotoexperten erklären ihr Know- how auf insgesamt 3.800 PDF-Seiten

» PLUS: 9 Stunden Video-Training zur Fotografie und Postproduction

» Über 100 positive Kommentare auf Amazon!

» Über 100 positive Kommentare auf Amazon! Aktionspreis: nur 0,00 € Einziger Haken:

Aktionspreis: nur 0,00

Einziger Haken: Mindestbestellwert von 20 € im Shop. Und nur solange der Vorrat reicht.

Für alle Infos zur Aktion klicke jetzt auf den Link:

www.psd-tutorials.de/fotografie.php

Anbieterkennzeichnung:

4eck Media GmbH & Co. KG Hauptstraße 20 17309 Viereck

Telefon: 0551-27659611 Fax: 03212/3070064 Internet: www.psd-tutorials de E-Mail: webmaster@psd-tutorials.de

Geschäftsführer: Stefan Petri, Matthias Petri Verantwortlich im Sinne des Presserechts:

Stefan Petri (Anschrift siehe links) Umsatzsteueridentnummer: DE815133031

Sitz: Viereck, AG Neubrandenburg, HRA 2067 Komplementärin:

4eck Media Verwaltungsgesellschaft mbH Sitz: Viereck, AG Neubrandenburg, HRB 7234