Als ich neulich wieder einmal mit dem Transformieren – Effekt in Adobe Illustrator herumexperimentiert habe, habe ich ein tolles Muster erstellt, welches mich auf eine Idee zur Erstellung einer Visitenkarte brachte. Dafür verwende ich hier Adobe Illustrator und Adobe Photoshop in Kombination. Das Endergebnis, welches aber gerne noch ergänzt oder verändert werden kann, sieht dann so aus:
1. Wir öffnen also zunächst einmal Adobe Illustrator und erstellen darin ein neues Dokument in der Größe einer Visitenkarte (85 x 55 mm, 3 mm Anschnitt). Dann erstellen wir uns mit dem Ellipsen – Werkzeug (L) eine Ellipse (schwarze Fläche, keine Kontur).
2. Jetzt müssen wir die obere und untere Rundung in Ecken verwandeln. Dazu rufen wir das Ankerpunkt – konvertieren – Werkzeug (Umschalt + C) auf und klicken jeweils auf den oberen und unteren Ankerpunkt, welcher sich nun von rund in eckig umwandelt.
3. Wir halten die Alt – Taste gedrückt und schieben einen der beiden seitlichen Ankerpunkte mit dem Verschieben – Werkzeug (V) nach innen, so dass unser Objekt von der Mitte aus schmaler wird.
4. Mit dem Auswahl – Werkzeug (V) und gedrückter Umschalt – Taste (oder über Rechtsklick auf Transformieren -> Drehen -> 45°) drehen wir unsere Ellipse um 45°.
5. Wir markieren nun mit dem Verschieben – Werkzeug (V) unser Objekt, schieben es exakt in die linke obere Ecke unseres Dokumentes und gehen auf Effekt -> Verzerrungs – und Transformationsfilter -> Transformieren. Dort geben wir folgende Werte an: - Verschieben: Horizontal: 2,5 mm; Vertikal: 2,2 mm - 24 Kopien - Haken bei „x spiegeln“ setzen
6. Jetzt gehen wir erneut auf Filter -> Verzerrungs – und Transformationsfilter -> Transformieren und nehmen mit immer noch aktivem ersten Objekt folgende Einstellungen vor: - Verschieben: Horizontal: 5,3 mm - 15 Kopien
7. Die in 5. und 6. angegebenen Werte sind natürlich nur Richtwerte und können leicht von den bei Ihnen einzustellenden Werten abweichen. Alle diese Werte können auch nachträglich noch einmal durch Anklicken der Effekte im Aussehen – Fenster (Umschalt + F6) verändert werden. Dann rücken wir das Muster noch in die Bildmitte mit Hilfe des Verschieben – Werkzeuges und der Pfeiltasten. Zum Schluss der Arbeiten in Adobe Illustrator speichern wir das Ganze noch als Adobe Illustrator – Datei (.ai) ab und wechseln dann in Adobe Photoshop.
8. In Adobe Photoshop öffnen wir ein neues Dokument (Strg + N; 85 x 55 mm, 300 ppi Auflösung). Um zu vermeiden, dass später unsere Schrift in der Druckerei weggeschnitten wird, ziehen wir aus der Linealleiste (Strg + R) Hilfslinien im 3 mm – Randabstand. Anschließend gehen wir auf Ansicht -> Hilfslinien sperren, damit wir die Hilfslinien beim Weiterarbeiten nicht ungewollt verschieben. Über Datei -> Platzieren rufen wir unsere zuvor gespeicherte Adobe Illustrator - Datei auf und fügen diese in unser Dokument ein.
9. Die untere, noch leere Ebene füllen wir nun mit dem Füll – Werkzeug (G) mit einer beliebigen Farbe. Dann rufen wir mit Doppelklick auf diese Ebene (oder über Ebene -> Ebenenstil -> Verlaufsüberlagerung) den Ebenenstil auf und gehen in das Fenster Verlaufsüberlagerung.
Dort stellen wir folgende Parameter ein:
- Füllmethode: Negativ Multiplizieren
- Deckkraft: 100 %
- Art: Radial, An Ebene ausrichten
- Winkel: 180°
- Skalieren: 150 %
Mit Doppelklick auf das Verlaufsfenster können wir den Verlauf bearbeiten. Der linke Farbstopp erhält ein 90%-iges Schwarz und rechte ein 45%-iges Schwarz. Abzulesen sind diese Werte im eingerahmten Kästchen im Farbwähler.
10. Jetzt rufen wir den Ebenenstil unserer soeben platzierten Ebene mit dem Riffelblech auf. Dort sind nun einige Einstellungen vorzunehmen:
Abgeflachte Kante und Relief:
- Stil: Abgeflachte Kante innen
- Technik: Hart meißeln
- Tiefe: 800 %
- Richtung: Nach oben
- Größe: 24 px
- Winkel: 10°; Globales Licht verwenden
- Höhe: 40°
- Lichtermodus: Ineinanderkopieren; Farbe #B4B3B3
- Tiefenmodus: Normal; Farbe #151515
Kontur:
- Einbuchtung – Stark; Bereich: 50 %
Glanz:
- Füllmethode: Multiplizieren; Farbe #A3A3A3
- Deckkraft: 50 %
- Winkel: 90°
- Abstand / Größe: 30 px
- Kontur: Gaußsche Normalverteilung; Glätten; Umkehren
Kontur:
- Größe: 3 px
- Position: Innen
- Füllmethode: Negativ multiplizieren
- Füllart: Farbe; Farbe #808080
11. Die Textur sollte nun in etwa so aussehen:
Jetzt schreiben wir mit dem Textwerkzeug einen beliebigen Text. Dabei wird für jede Zeile eine neue Textebene angelegt. Als Schriftart wählen wir „Bernard MT Condensed“. Die Schriftgröße beträgt für die oberste Zeile 20 px und für die unterste Zeile 10 px. Alle Buchstaben werden rechtsbündig an der neu gezogenen Hilfslinie bei 79 mm ausgerichtet. Die Fläche der jeweiligen Textebenen setzen wir auf 0 %.
12. Anschließend laden wir uns hier kostenlos eine Metalltextur herunter. Diese Textur öffnen wir mit Strg + O in Photoshop, wählen das Freistellungs – Werkzeug (C) aus und ziehen mit gedrückter Umschalt – Taste ein Quadrat (hier 200 x 200 px). Mit Enter bestätigen wir die Freistellung. Danach markieren wir alles mit Strg + A und gehen auf Bearbeiten -> Muster festlegen.
13. Nun geht es an die Einstellung der Ebenenstileigenschaften für die zunächst einmal obere Textebene. Es sind folgende, rot eingerahmte Werte zu ändern:
14. Der Text sollte danach in etwa so aussehen. Damit alle Textebenen dieses Aussehen erhalten und wir nicht für jede Ebene diese Einstellungen vornehmen müssen, können wir mit Rechtsklick auf die oberste Ebene deren Ebenenstil kopieren und in den anderen Ebenen wieder einfügen.
15. Zum Abschluss springen wir noch einmal in Adobe Illustrator zurück. Wir laden uns hier eine Vektorgrafik mit dem Auto herunter, öffnen diese Grafik in Illustrator, verringern die Größe mit dem Verschieben – Werkzeug (V) auf die Größe der Visitenkarte und speichern die entstandene Grafik dann in einem neuen Dokument (85 x 55 mm) ab. Über Datei -> Platzieren fügen wir dieses Auto dann in Photoshop ein und schon ist unsere Visitenkarte erstellt. Zum Abschluss löschen wir alle Hilfslinien wieder (Ansicht -> Hilfslinien löschen). Natürlich lässt dieses Tutorial auch noch viel Raum für eigene Ideen und soll nur als Anregung verstanden werden. Viel Spaß beim Ausprobieren!
Hier unser Tutorial als PDF-Download: Tutorial Riffelblechvisitenkarte (21)
Der Autor: Martin
