Eine originelle Methode, ein Bild in Illustrator interessanter zu gestalten, ist ein Duotone-Effekt.
Bei einem Duotone-Effekt werden zwei Farben auf ein Bild angewendet, um es in zwei Farben darzustellen.
In diesem Video lernst du, wie du dieses Bild als Deckkraftmaske auf ein grünes Rechteck anwenden und das Ergebnis auf ein blaues Rechteck ziehen kannst, um einen Duotone-Effekt zu erzeugen.
Wähle „Ansicht“ (View), „Alle in Fenster einpassen“ (Fit All in Window).
Links siehst du ein Design für eine Web-Seite.
Rechts ist das Originalbild – unterhalb dieser Zeichenfläche.
Nach Anwendung des Duotone-Effekts auf dieses Bild ziehst du es anschließend auf das Webdesign.
Zeichne zuerst ein Rechteck.
Drücke die M-Taste, um das Rechteck-Werkzeug (Rectangle Tool) aufzurufen.
Beginne in der linken oberen Ecke dieser Zeichenfläche, und ziehe nach rechts unten.
Lasse die Maustaste los.
Du kannst eine beliebige Farbe für die Fläche (Fill) auswählen.
Klicke auf das Farbfeld „Fläche“ (Fill).
Wähle z.
B. diesen Grünton aus.
Drücke die Esc-Taste, um das Bedienfeld auszublenden.
Maskiere nun das grüne Rechteck mit dem Bild hier unten.
An schwarzen Stellen im Bild wird die grüne Farbe verborgen.
Weiße Bereiche machen sie sichtbar.
Die Farben dazwischen zeigen das Grün mit verschiedenen Abdeckungsgraden.
Du erstellst eine sogenannte „Deckkraftmaske“.
Drücke die V-Taste, um das Auswahl-Werkzeug (Selection Tool) aufzurufen.
Klicke auf das Bild, um es auszuwählen.
Schneide es aus der Zeichenfläche: Wähle „Bearbeiten“ (Edit), „Ausschneiden“ (Cut).
Das wird später in eine Maske eingefügt.
Um das Bild als Deckkraftmaske auf das grüne Rechteck anzuwenden, öffne das Bedienfeld „Transparenz“ (Transparency).
Wähle das Rechteck aus.
Öffne das Bedienfeld „Transparenz“ (Transparency) per Klick auf „Deckkraft“ (Opacity) im Bedienfeld „Eigenschaften“ (Properties).
Damit das Bedienfeld dauerhaft angezeigt wird, öffne es separat.
Das macht die Arbeit leichter.
Wähle dazu „Fenster“ (Window), „Transparenz“ (Transparency).
Im Bedienfeld wird das ausgewählte Rechteck angezeigt als Miniatur auf der linken Seite.
Der Kasten rechts ist für die Maske oder den Inhalt, der Teile des Designs links verbergen kann.
Klicke auf „Maske erstellen“ (Make Mask).
Standardmäßig wird eine schwarze Maske angewendet.
In Illustrator und Photoshop verbirgt die Farbe Schwarz auf einer Maske den Inhalt darunter, daher ist das Grün hier nicht mehr zu sehen.
Deaktiviere „Maskieren“ (Clip), um die Maske weiß zu machen, sodass die grüne Fläche wieder sichtbar wird.
Jetzt kannst du das Bild in die Maske einfügen.
Die hellen und dunklen Bereiche im Bild werden Teile des grünen Rechtecks zeigen und verbergen.
Klicke auf die Maskenminiatur, um die Maske zu bearbeiten und das Bild einzufügen.
Wähle „Bearbeiten“ (Edit), „Einfügen“ (Paste).
Ziehe das Bild auf das grüne Rechteck.
Ungefähr so.
Das Bild maskiert jetzt die grüne Farbe.
Um Rechteck und Maske zu verschieben, klicke wieder auf die Miniatur der Original-Zeichenfläche links.
Auf das grüne Rechteck.
Dieser Schritt ist wichtig.
Bleibt die Maskenminiatur ausgewählt, bearbeitest du nur die Maske.
Ziehe den Inhalt von der Zeichenfläche, und schaue, was passiert.
Die weiße Farbe war einfach die Zeichenfläche darunter.
Um nur die Maske anzuzeigen, klicke unter macOS bei gedrückter Wahltaste bzw. unter Windows bei gedrückter Alt-Taste auf die Maskenminiatur.
Jetzt siehst du die Maske, wie Illustrator sie sieht.
Schwarz verbirgt das Grün.
Weiß zeigt das Grün.
Die Farben dazwischen zeigen das Grün in den verschiedenen Abdeckungsgraden.
Zum Beenden dieser Maskenansicht klicke unter macOS bei gedrückter Wahltaste bzw. unter Windows bei gedrückter Alt-Taste auf die Maskenminiatur.
Bei ausgewählter Maskenminiatur kannst du die Maske bearbeiten.
Füge Inhalte hinzu.
Ändere die Größe.
Was auch immer nötig ist.
Um die Bearbeitung der Maske zu beenden, klicke auf die Miniatur der Zeichenfläche links.
Wenn du das grüne Rechteck auf der Zeichenfläche verschiebst, geht die Maske mit.
Wenn du nur das grüne Rechteck verschieben möchtest, aber nicht die Maske, klicke auf dieses Kettensymbol, um die Verknüpfung aufzuheben und Elemente einzeln zu verschieben.
Ziehe nun das Maskenrechteck auf das Webdesign auf der linken Seite.
Die grüne Farbe und die blaue Farbe des Hintergrunds ergeben jetzt einen Duotone-Effekt.
Das ist nur eine von vielen Möglichkeiten, Duotone- und andere Effekte zu erzeugen, um ein Bild interessanter zu gestalten.
Probiere diese Technik aus, wenn du das nächste Mal den Look eines Design-Projekts verändern möchtest.
