Goldeffekt auf Schrift

Einleitung:

Hallo liebe PSD-Community. Schön, dass ihr wieder bei einem meiner Tutorials mit dabei seid. Heute werdet ihr lernen, wie man so einen schönen Goldeffekt wie in Abbildung 01 erstellt. Des Weiteren zeige ich euch, wie ihr eigene Farbbibliotheken anlegen könnt, damit ihr z.B. die Goldfarben, die wir später anlegen werden, jederzeit wieder zu Verfügung habt. Zum Schluss werden wir uns als kleines Extra noch anschauen, wie man aus einem 2D-Text eine 3D-Umsetzung machen kann.

So, jetzt aber genug geredet. Legen wir direkt los ...

Adobe Illustrator – Goldeffekt auf Schrift

Teil 1:

Schritt 1: Goldfarben erstellen

Bevor ihr loslegen könnt, einen Goldeffekt zu erstellen, benötigt ihr natürlich verschiedene Goldfarben. In diesem Tutorial benötigen wir vier verschiedene CMYK-Farbwerte. Doch wo bekommt man diese Werte eigentlich am besten her? Meine Empfehlung in diesem Fall ist recht simpel. Da wir Goldfarben brauchen, gebt ihr bei einer Suchmaschine eurer Wahl (in meinem Fall „Google“) das Wort "Gold, Goldbarren, Goldfarben" oder Ähnliches ein. Geht dann auf die „Bilder-Suche“ und schaut euch mal verschiedene Bilder an, in denen Goldfarben vorkommen. Wie ihr in Abbildung 02 sehen könnt, habe ich mich hier für ein Bild mit zwei Goldbarren entschieden. Speichert euch dieses oder das Bild eurer Wahl auf eurem Rechner und wechselt dann zu Illustrator.

Adobe Illustrator – Goldeffekt auf Schrift

In Illustrator angelangt, legt ihr euch als Allererstes eine neue Arbeitsfläche im Format DIN A3 an. Das macht ihr über Datei>Neu.

Adobe Illustrator – Goldeffekt auf Schrift

Jetzt geht ihr auf Datei>Platzieren und wählt im folgenden Dialogfeld das Bild aus, das ihr vorher abgespeichert habt. Bestätigt dieses Fenster mit OK.

Adobe Illustrator – Goldeffekt auf Schrift

Dieses Bild werden wir nun als Referenz für die Goldfarben nehmen. Schnappt euch das Rechteck-Werkzeug, legt vier kleine Quadrate an und platziert diese irgendwo am Rand eurer Arbeitsfläche. Die Größe spielt dabei keine Rolle. In meinem Fall sind die Quadrate alle 28 x 28mm groß.

Adobe Illustrator – Goldeffekt auf Schrift

Nun sind wir an dem Punkt angelangt, an dem ihr die Farbwerte eures Bildes auslesen müsst. Dazu wählt ihr euch immer erst ein Quadrat aus und schnappt euch dann die Pipette aus der Werkzeug-Palette. Wählt nun verschiedene Goldtöne aus dem Bild aus. Macht das Ganze für jedes Quadrat einmal. In Abbildung 06 könnt ihr sehen, aus welchen Bereichen ich die Farbwerte mit der Pipette abgelesen habe.

Adobe Illustrator – Goldeffekt auf Schrift

Für alle, die mit ihren eigenen Farbwerten nicht ganz zufrieden sind, habe ich hier noch mal die CMYK-Werte von meinen vier Farben (siehe auch Abbildung 07).

• CMYK – 9/43/96/37
• CMYK – 6/24/80/9
• CMYK – 2/13/67/0
• CMYK – 3/6/65/0

Adobe Illustrator – Goldeffekt auf Schrift

Schritt 2: Verlauf anlegen

Nachdem ihr die vier verschiedenen Farbwerte angelegt habt, ist es an der Zeit, einen Verlauf mit diesen Farben anzulegen. Dazu schnappt ihr euch noch mal das Rechteck-Werkzeug und erstellt wieder ein Quadrat. Die Größe spielt auch in diesem Fall keine große Rolle.

Bevor ihr nun direkt loslegen könnt, einen Verlauf mit den Goldfarben zu erstellen, müsst ihr diese Farben noch in eure Farbfelder-Palette bringen. Auch diese Palette könnt ihr wieder über Fenster>Farbfelder aufrufen, falls ihr diese noch nicht eingeblendet habt.

Adobe Illustrator – Goldeffekt auf Schrift

Wenn ihr nun ein Quadrat mit einer Goldfarbe anklickt, erscheint diese Farbe auch im unteren Bereich der Werkzeug-Palette auf der linken Seite. Mit gedrückt gehaltener linker Maustaste könnt ihr diese Farbe nun per Drag&Drop in die Farbfelder-Palette ziehen. Macht dies mit allen vier Farben.

Adobe Illustrator – Goldeffekt auf Schrift

Als Nächstes benötigt ihr die Verlauf-Palette. Solltet ihr diese noch nicht geöffnet haben, dann geht auf Fenster>Verlauf (oder auch auf dem Mac - Command+F9), um diese einzublenden.

Adobe Illustrator – Goldeffekt auf Schrift

Im nächsten Schritt wählt ihr euch das Quadrat aus, das ihr ganz am Anfang von Schritt 2 erstellt habt. Klickt einmal in das Verlaufsfeld in der Verlauf-Palette, um einen voreingestellten Schwarz-Weiß-Verlauf anzulegen. Diesen Verlauf gilt es nun, für unsere Zwecke zu modifizieren.

Adobe Illustrator – Goldeffekt auf Schrift

Mithilfe der Farbfelder-Palette könnt ihr jetzt die gerade angelegten Goldfarben per Drag&Drop in das Verlaufsfeld ziehen. Das schwarze und auch das weiße Farbfeld in diesem Verlauf könnt ihr ganz einfach entfernen, indem ihr es mit gedrückt gehaltener linker Maustaste packt und aus der Verlauf-Palette zieht.

Zieht nun so viele Farbfelder in den Verlauf, wie in Abbildung 12 zu sehen sind.

Adobe Illustrator – Goldeffekt auf Schrift

Von links nach rechts habt ihr dann folgende Reihenfolge bei den Farbfeldern (siehe Abbildung 13).

Adobe Illustrator – Goldeffekt auf Schrift

Schritt 3: Text erstellen und für den Goldverlauf vorbereiten

Nachdem ihr den Goldverlauf fertig angelegt habt, könnt ihr mit dem Text-Werkzeug ein Wort oder auch einen Satz schreiben. In meinem Fall schreibe ich das Wort "Gold". Damit der Goldeffekt später auch ordentlich zur Geltung kommt, empfehle ich euch, auf jeden Fall eine Schrift zu wählen, die relativ dick ist. Bei feinen, filigranen Schriften wird der Gold-Effekt nicht so stark auffallen und eher fehl am Platz wirken. In meinem Fall habe ich die Schrift Myriad Pro im Schriftschnitt Bold gewählt. Als Schriftgröße habe ich 300pt eingestellt.

Adobe Illustrator – Goldeffekt auf Schrift

Wenn ihr mit eurer Schrift- und Wortwahl zufrieden seid, geht ihr in der oberen Menüleiste auf Schrift>In Pfade umwandeln.

Adobe Illustrator – Goldeffekt auf Schrift

Jetzt könnt ihr mit der Pipette auf das Quadrat mit dem vorher von euch angelegten Verlauf klicken. Anders als z.B. in Photoshop erkennt die Pipette in Illustrator den Unterschied zwischen einer einzelnen Farbe und einem Verlauf. Dadurch wird der gesamte Verlauf auf euren Schriftzug angewendet. Danach sollte das Ganze in etwa wie in Abbildung 16 bei euch aussehen.

Adobe Illustrator – Goldeffekt auf Schrift

Da der Verlauf jetzt noch von links nach rechts verläuft und nicht wie gewünscht von oben nach unten, könnt ihr entweder in der Verlauf-Palette einfach einen Winkel von 90° einstellen ...

Adobe Illustrator – Goldeffekt auf Schrift

... oder aber ihr schnappt euch das Verlaufs-Werkzeug aus der Werkzeug-Palette. Mit diesem Werkzeug habt ihr die Möglichkeit, durch Klicken und Ziehen den Verlauf frei anzupassen. Somit könnt ihr den Winkel, die Position sowie die Länge des Verlaufs frei festlegen.

Adobe Illustrator – Goldeffekt auf Schrift

Im Anschluss an eure Verlaufs-Anpassung sollte das Ganze in etwa so aussehen (siehe Abbildung 19).

Adobe Illustrator – Goldeffekt auf Schrift

Schritt 4: Gold glänzen lassen

Im nächsten Schritt müsst ihr dafür sorgen, dass euer Gold auch schön glänzt.

Um das zu erreichen, erstellt ihr euch jetzt eine schwarze Kontur mit einer Stärke von 5pt.

Adobe Illustrator – Goldeffekt auf Schrift

Da ältere Illustrator-Versionen noch keine Verläufe auf Konturen erlauben, müsst ihr diese Kontur so umwandeln, dass ihr daraus ein eigenes Objekt macht. Dies geht über Objekt>Umwandeln. Im darauf folgenden Fenster nehmt ihr den Haken bei Fläche heraus und setzt einen bei Kontur. Bestätigt das Ganze mit OK.

Adobe Illustrator – Goldeffekt auf Schrift

Mit dem Shortcut Command+Shift+G (auf dem PC - Strg+Shift+G) könnt ihr das Ganze entgruppieren (drückt diesen Shortcut 2x). Das hat zur Folge, dass ihr euch die Kontur nun extra auswählen könnt. (Abbildung 22)

Adobe Illustrator – Goldeffekt auf Schrift

Jetzt klickt ihr das Quadrat mit dem Verlauf an und erstellt mit gedrückt gehaltener Alt-Taste eine Kopie direkt daneben. Geht jetzt wieder in die Verlauf-Palette und färbt wie in Abbildung 23 den markierten Goldwert in Weiß um. Dieser Weißwert wird später für die Highlights an den Kanten zuständig sein.

Adobe Illustrator – Goldeffekt auf Schrift

Wählt jetzt die Kontur eurer Schrift aus und füllt diese mit dem gerade veränderten Verlauf. Das könnt ihr am einfachsten wieder mit der Pipette machen, indem ihr auf das Quadrat mit dem passenden Verlauf klickt (Abbildung 24).

Adobe Illustrator – Goldeffekt auf Schrift

Um diesen Verlauf noch etwas anzupassen, schnappt ihr euch erneut das Verlaufs-Werkzeug aus der Werkzeug-Palette und zieht den Verlauf von links oben nach rechts unten. (Das müsst ihr für jeden Buchstaben einzeln machen). Danach sollte das Ganze dann in etwa wie in Abbildung 25 aussehen.

Adobe Illustrator – Goldeffekt auf Schrift

Wenn ihr diese Schrift jetzt noch vor einen dunklen Hintergrund setzt, kommen die Glanzkanten am Rand noch etwas besser zum Vorschein. Und fertig ist der Goldeffekt.

Adobe Illustrator – Goldeffekt auf Schrift

Teil 2:

Farbbibliotheken erstellen

Gerade bei solchen Effekten wie der Goldschrift wäre es doch sehr praktisch, wenn man sich diese Farben und Verläufe irgendwie gesondert abspeichern könnte. Klar kann man sich die passenden Farbwerte in ein Notizbuch schreiben und jederzeit nachschlagen, wenn man sie benötigt. Allerdings bietet Illustrator da eine weitaus bessere, schnellere und vor allem simplere Möglichkeit.

Und zwar hat man hier die Möglichkeit eigene Farbbibliotheken anzulegen, die direkt in Adobe Illustrator hinterlegt werden.

Geht jetzt wieder in die Farbfelder-Palette. Dort habt ihr ja vorher die ganzen Goldtöne per Drag&Drop hineingezogen. Das Gleiche könnt ihr jetzt auch noch mit den beiden Verläufen machen, die ihr angelegt habt.

Adobe Illustrator – Goldeffekt auf Schrift

Klickt jetzt auf das kleine Ordner-Symbol am unteren rechten Rand der Farbfelder-Palette. Im folgenden Fenster könnt ihr noch einen Namen für diese neue Farbgruppe vergeben. Nennt diese Gruppe einfach "Goldfarben" und bestätigt das Fenster mit OK. Dadurch wird eine neue Gruppe angelegt.

Adobe Illustrator – Goldeffekt auf Schrift

Per Drag&Drop zieht ihr euch nun eure Goldfarben in diese Gruppe. Die Verläufe könnt ihr leider nicht in diesen Ordner packen, da sich Illustrator dagegen wehrt.

Da ihr in eurer Goldfarben-Bibliothek nur die Goldfarben speichern wollt, müsst ihr die Standardfarben noch löschen. Das macht ihr am besten, indem ihr die Farben, die ihr löschen wollt, mit gedrückt gehaltener Shift-Taste auswählt und dann auf den kleinen Papierkorb im unteren rechten Bereich klickt.

Die Farben Schwarz und Weiß lösche ich meistens nicht, da man diese oftmals gut gebrauchen kann. Wenn ihr das alles gemacht habt, sollte das Ganze in etwa so aussehen (Abbildung 29).

Adobe Illustrator – Goldeffekt auf Schrift

Jetzt klickt ihr auf den kleinen Pfeil in der rechten oberen Ecke, um ein Drop-down-Menü zu öffnen. Geht fast ganz nach unten und klickt auf Farbfeldbibliothek als ASE speichern. Vergebt im folgenden Fenster noch einen Namen (in diesem Fall erneut "Goldfarben").

Adobe Illustrator – Goldeffekt auf Schrift

Fertig ist eure erste eigene Farbbibliothek.

Erstellt jetzt ein neues Dokument über Datei>Neu.

Wenn ihr das Dokument erstellt habt, werdet ihr merken, dass die Goldfarben verschwunden und die Standard-Farben wieder sichtbar sind.

Um die Goldfarben jetzt erneut aufzurufen, klickt ihr wieder auf den kleinen Pfeil oben links in der Farbfelder-Palette, um das Drop-down-Menü aufzurufen. Diesmal geht ihr aber auf Farbfeldbibliothek öffnen und dann auf Benutzerdefiniert. Dort erscheinen nun die von euch selbst abgespeicherten Farbfeldbibliotheken. Wenn ihr jetzt auf Goldfarben klickt, öffnet sich eine neue Farbfelder-Palette mit den Goldfarben und den Verläufen, die ihr vorher abgespeichert habt.

Adobe Illustrator – Goldeffekt auf Schrift

Extra-Content

Goldschrift als 3D-Umsetzung

Wie schon am Anfang des Tutorials angekündigt, habe ich hier einen kleinen Extra-Content für euch vorbereitet. Und zwar möchte ich noch schnell zeigen, wie ihr aus eurer 2D-Schrift eine 3D-Schrift machen könnt. Legen wir also direkt los …

Wählt euren goldenen Schriftzug aus und klickt dann in der oberen Menüleiste auf Effekte>3D>Extrudieren und abgeflachte Kante.

Adobe Illustrator – Goldeffekt auf Schrift

Daraufhin erscheint ein etwas größeres Dialogfenster, in dem ihr jetzt alle Einstellungen für einen 3D-Text treffen könnt. Wenn ihr unten links auf Vorschau klickt, seht ihr immer gleich, was sich verändert, wenn ihr einen Wert abändert.

Zwei Einstellungen sind hier jetzt für unsere 3D-Schrift sehr wichtig.

• Im oberen Bereich könnt ihr die 3D-Schrift frei drehen und so positionieren, wie ihr es möchtet (1).
• Bei Extrusionstiefe könnt ihr einstellen, wie weit eure Schrift nach hinten verlängert werden soll (2).

Im Moment sieht das Ganze noch nicht so besonders toll aus (Abbildung 33), da der nach hinten extrudierte Teil der Schrift grau und noch nicht golden ist.

Adobe Illustrator – Goldeffekt auf Schrift

Dieses Problem könnt ihr aber ganz leicht beheben, indem ihr auf Mehr Optionen klickt und bei Schattierungsfarbe auf Benutzerdefiniert geht. Als Farbwert könnt ihr hier #D2B023 eingeben. Die gesamten Einstellungen, die ich getroffen habe, seht ihr in Abbildung 34.

Adobe Illustrator – Goldeffekt auf Schrift

Fertig ist eure goldene 3D-Schrift.

Adobe Illustrator – Goldeffekt auf Schrift

Schlussworte

Ich hoffe, dass euch dieses Tutorial Spaß gemacht hat und ihr jetzt wisst, wie man mit relativ simplen Mitteln so eine goldene Schrift erstellen kann. Sollten noch irgendwelche Fragen aufkommen, dann schreibt mir diese doch einfach in die Kommentare unter dieses Tutorial. Ich werde mich bemühen, diese zeitnah zu beantworten.

Euer

Julian