7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Text Effects

Erstellen Sie einen einfachen, eleganten strukturierten Metalltext-Effekt in Adobe Photoshop

Read Time: 8 mins

German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Die Verwendung von Texturen für Photoshop schenkt oft schöne Details und verleiht Tiefe in flachen Designs. In diesem Photoshop-Tutorial zur Erzeugung eines Metalleffekts zeige ich Ihnen, wie Sie mithilfe von Photoshop-Ebenenstilen einen einfachen metallischen Texteffekt erstellen. Anschließend zeige ich Ihnen, wie Sie diesen Text durch Hinzufügen von einfachen Textureffekten interessanter gestalten können. 

Suchen Sie nach einer edlen Schriftart für Ihre Projekte? Brauchen Sie Photoshop-Texteffekte oder vielleicht doch ein paar neue Photoshop Texturen? Schauen Sie sich das Angebot auf Envato Elements an, wo Sie eine große Auswahl an verschiedenen digitalen Assets finden, die Sie schnell und einfach herunterladen und verwenden können. 

Zum Beispiel die Glamore - luxuriöse Anzeigeschrift, eine Serifenschrift, die sich hervorragend für die Gestaltung von Vorlagen, Broschüren, Branding, Logos und mehr eignet! Diese Schrift können Sie einfach über den unten stehenden Link herunterladen und installieren:

font glamorefont glamorefont glamore

Schauen Sie lieber Video-Tutorials als detaillierten schriftlichen Anleitungen? Dann besuchen Sie den Envato Tuts+ YouTube-Kanal für Photoshop-Tutorials über Texteffekten und mehr. In diesem neuen Video lernen Sie, wie Sie in Photoshop einen Metalleffekt auf Text und Bild erstellen können:

Was Sie in diesem Photoshop-Tutorial über Metall-Effekte lernen werden

  • Wie Sie den Hintergrund erstellen
  • Wie Sie den Text erstellen
  • Wie Sie die Photoshop-Stile auf Text anwenden
  • Wie Sie die texturierte Metall-Effekte erstellen
  • Wie Sie eine glänzende Metall-Texturen erstellen
  • Wie Sie die Beleuchtung und Farbgebung des Endergebnisses anpasst

Was Sie brauchen

Die folgenden Materialien wurden bei der Erstellung dieses Photoshop-Tutorials für coole Texteffekte verwendet:

1. Den Hintergrund erstellen

Schritt 1

Beginnen wir mit diesem 3D-Texteffekt-Photoshop-Tutorial. Erstellen Sie ein neues 1024 x 1024 px großes Dokument in Adobe Photoshop. Setzen Sie die Vordergrundfarbe auf #7d7d7d und die Hintergrundfarbe auf #434343. Wählen Sie das Verlaufswerkzeug, wählen Sie die Verlaufsfüllung Vordergrund-Hintergrund und klicken Sie auf das Symbol Radialverlauf.

Klicken und ziehen Sie dann von der Mitte des Dokuments zu einer der Ecken, um den Hintergrundverlauf zu erstellen, und duplizieren Sie die Ebene Background.

create the background using gradientscreate the background using gradientscreate the background using gradients

Schritt 2

Importieren Sie Ihre Papiertextur und stellen Sie sicher, dass sich die Ebene über der Hintergrundebene befindet. Stellen Sie dann die Füllmethode wie folgt ein:

  • Füllmethode : Multiply
  • Deckkraft: 100%
add a paper texture to the backgroundadd a paper texture to the backgroundadd a paper texture to the background

Schritt 3

Dadurch erzeugen wir ein subtiles Muster auf dem Hintergrund.

paper texture addedpaper texture addedpaper texture added

Schritt 4

Duplizieren Sie die Ebene Background copy klicken Sie dann mit der rechten Maustaste auf die Kopie und wählen Sie Ebenenstil rastern. Wenn Sie mit einer früheren Version als CS6 arbeiten, gruppieren Sie die Kopierebene und fügen Sie die Gruppe zusammen.

Ändern Sie die Füllmethode der gerasterten Ebene auf Ineinanderkopieren und die Deckkraft auf 80%. Dadurch wird das Muster intensiviert und der Hintergrund verdunkelt.

apply overlay layerapply overlay layerapply overlay layer

2. Den Text erstellen

Schritt 1

Der nächste Schritt in diesem Photoshop-Tutorial zum Metalleffekt: der Text. Erstellen Sie den Text in Großbuchstaben mit der Schriftart SpinweradC Bold, der Farbe #454646, und wenn Sie mehr als eine Textzeile erstellen, ändern Sie den Wert für den Zeilenabstand auf 250.

create the textcreate the textcreate the text

Schritt 2

Duplizieren Sie die Textebene und ändern Sie den Wert der Füllfläche auf 0.

duplicate the text layerduplicate the text layerduplicate the text layer

Schritt 3

Doppelklicken Sie auf die ursprüngliche Textebene, um einen einfachen Schlagschatteneffekt mit den unten stehenden Werten anzuwenden:

  •  Abstand: 35
  •  Größe: 50
apply drop shadowapply drop shadowapply drop shadow

Schritt 4

Damit wird der Schatten auf die untere Textebene angewendet.

apply a shadow to textapply a shadow to textapply a shadow to text

3. Die Photoshop-Stile auf Text anwenden

Diese Anleitung für Texteffekte in Photoshop ist noch nicht vollständig. Doppelklicken Sie auf die Kopie der Textebene, um den folgenden Ebenenstil anzuwenden.

Schritt 1

Klicken Sie auf Abgeflachte Kanten und Relief und diese Einstellungen zuweisen:

  • Größe: 10
  • Globales Licht verwenden deaktivieren
  • Winkel: -169
  • Höhe: 64
  • Glätten aktivieren
  • Lichtermodus: Strahlendes Licht
add a bevel and embossadd a bevel and embossadd a bevel and emboss

Schritt 2

Aktivieren Sie Glätten für die Kontur.

check anti aliasedcheck anti aliasedcheck anti aliased

Schritt 3

Fügen Sie eine Textur mit dem  3 px Kachelmuster hinzu.

add the textureadd the textureadd the texture

Schritt 4

Fügen Sie eine Kontur mit diesen Einstellungen hinzu:

  • Größe: 1
  • Füllart: Verlauf
  • Art: Reflektiert
  • Winkel: 45
  • Verwenden Sie den Farbverlauf Chrome Bar 135
add a strokeadd a strokeadd a stroke

Schritt 5

Setzen Sie Schein nach innen mit diesen Einstellungen ein :

  • Füllmethode: Ineinanderkopieren 
  • Rauschen: 100%
  • Farbe: #f6f6f6
  • Größe: 10
add inner glowadd inner glowadd inner glow

Schritt 6

Fügen Sie eine Verlaufsüberlagerung mit diesen Einstellungen hinzu:

  • Füllmethode: Weiches Licht
  • Deckkraft: 35%
  • Art: Reflektiert
  • Winkel: 45
  • Das Kästchen Umkehren aktivieren
  • Verwenden Sie den Verlauf stove pipe 10
add a gradient overlayadd a gradient overlayadd a gradient overlay

Schritt 7

Geben Sie Schlagschatten mit diesen Einstellungen:

  • Deckkraft: 62%
  • Abstand: 8
  • Größe: 8
add a drop shadowadd a drop shadowadd a drop shadow

Schritt 8

Damit wird der Haupttext gestaltet. Der Text sieht allerdings etwas flach aus, und es fehlen ihm einige interessante Details. Wir werden also eine Textur verwenden, um das zu korrigieren.

metal text effectmetal text effectmetal text effect

4. Die texturierte Metall-Effekte erstellen

Schritt 1

Dieses coole Photoshop-Tutorial für Texteffekte braucht eine Textur. Legen Sie das Bild NYC Stock über alle Ebenen und gehen Sie dann auf Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner und ändern Sie den Radius auf 1.5.

blur the photoblur the photoblur the photo

Schritt 2

Ändern Sie die Füllmethode der Texturebene auf Ineinanderkopieren und verringern Sie die Deckkraft auf 20% oder einen anderen Wert, je nachdem, wie subtil oder stark Sie den Effekt haben möchten. Sie können auch die Größe der Textur ändern und sie so verschieben, dass Sie den Text dahinter sehen können, bis Ihnen das Ergebnis gefällt.

photo overlayphoto overlayphoto overlay

Schritt 3

Klicken Sie Cmd-/Strg-Taste auf die Miniaturansicht der Textebene, um eine Auswahl zu erstellen.

control click textcontrol click textcontrol click text

Schritt4

Klicken Sie unten im Ebenenbedienfeld auf das Symbol Ebenenmaske hinzufügen, um die zusätzliche Textur außerhalb des Textes zu entfernen.

Das Tolle an der Verwendung einer Ebenenmaske anstelle des Löschens ist, dass Sie sie auf jeden anderen Text, den Sie erstellen, erneut anwenden können, ohne die Textur noch einmal bearbeiten zu müssen.

add layer maskadd layer maskadd layer mask

5. Lichtscheine: Glänzende Metall-Texturen erstellen

Schritt 1

Der nächste Schritt in dieser Photoshop-Anleitung für 3D-Texteffekte: Glanz (Flares). Setzen Sie die Vordergrundfarbe auf #ebebeb, wählen Sie das Pinselwerkzeug und öffnen Sie das Pinselbedienfeld (Fenster > Pinsel).

Wählen Sie eine weiche, runde Pinselspitze von 35 px und ändern Sie den Wert für die Rundheit auf  30%.

create a flare brushcreate a flare brushcreate a flare brush

Schritt 2

Erstellen Sie eine neue Ebene über allen Ebenen, nennen Sie sie Flares, und ändern Sie die Füllmethode in Strahlendes Licht. Fügen Sie dann einige strahlende Lichtscheine über einige der horizontalen Textkanten hinzu.

vivid light layervivid light layervivid light layer

Schritt 3

Um weitere Lichtscheine mit unterschiedlichen Winkelwerten über den gesamten Text zu legen, können Sie den Winkelwert der Pinselspitze ändern, indem Sie auf den Pfeil im Vorschaufeld neben dem Winkelwert im Pinselbedienfeld klicken und ihn ziehen oder einfach einen Wert manuell in das Feld Winkel eingeben.

adjust angleadjust angleadjust angle

6. Die Beleuchtung und Farbgebung zum Schluß anpassen

Schritt 1

Das Design des PSD-Metalleffekts ist fast fertig. Klicken Sie auf das Symbol Neue Füll- oder Einstellungsebene erstellen am unteren Rand des Ebenenbedienfelds und wählen Sie Tonwertkorrektur.

create levelscreate levelscreate levels

Schritt 2

Ändern Sie den Tonwertumfang auf 245, um den Effekt ein wenig aufzuhellen.

change highlightschange highlightschange highlights

Schritt 3

Klicken Sie erneut auf das Symbol Neue Füll- oder Einstellungsebene erstellen und wählen Sie Verlaufsumsetzung.

create gradient mapcreate gradient mapcreate gradient map

Schritt 4

Wählen Sie den unten stehenden Farbverlauf aus der Datei CSP True Sky Gradients.grd aus und ändern Sie dann die Füllmethode der Ebene Verlaufsumsetzung auf Strahlendes Licht und die Deckkraft auf 30%. Dadurch wird die Farbgebung des Endergebnisses verbessert.

use true sky gradientsuse true sky gradientsuse true sky gradients

Glückwunsch! Ihr PSD-Texteffekt-Design mit Metall-Stile ist fertig!

In diesem Photoshop-Tutorial zum Metalleffekt haben wir einen Text mit verschiedenen Metall-Stilen erstellt und gestaltet, um den Metall-Look zu erzeugen.

Dann haben wir eine Stock-Image-Textur verwendet, um dem Metalleffekt auf dem Text einige Details hinzuzufügen und ihn etwas flach und interessanter aussehen zu lassen. Danach haben wir einen einfachen Pinsel modifiziert, um die Ränder des Textes mit einigen Lichtscheinen zu versehen.

Schließlich fügten wir einige Einstellungsebenen hinzu, um die Beleuchtung und die Farbgebung des Endergebnisses zu verbessern. Ich hoffe, dass Ihnen dieses Photoshop-Tutorial für glanzvolle Metalleffekte gefallen hat. Als Nächstes werden wir uns einige gebrauchsfertige Assets für Ihre Projekte ansehen!

Die 5 besten luxuriösen Schriftarten von  Envato Elements

Sie suchen nach geeigneten Schriftarten für Ihr Photoshop-Projekt mit Metalleffekt? Dann besuchen Sie Envato Elements, wo Sie viele verschiedene luxuriöse Schriftarten und elegante Texteffekten mit Photoshop-Add-ons herunterladen und sofort verwenden können. Hier sind fünf meiner Favoriten:

MARLIN: Luxury Font (OTF)

marlin fontmarlin fontmarlin font

Marlin ist eine elegante serifenlose Luxusschrift, die sich perfekt für Ihre Magazine, Websites, Logos, Beauty-Poster und Branding-Projekte eignet.

Deluce: Luxury Serif Font (OFT, TTF)

deluce fontdeluce fontdeluce font

Deluce ist eine luxuriöse, moderne Serifenschrift, die einen geschäftsmäßigen Stil vermittelt. Sie eignet sich vor allem für Projekte, die mit Kunst, Buchdesign, trendigen Galerien, Hochzeiten und mehr zu tun haben.

Glamore: Luxury Display Serif (OTF, TTF)

glamore fontglamore fontglamore font

Glamore ist eine luxuriöse, dekorative Serifenschrift, die sich perfekt für die Gestaltung von Logos, Vorlagen, Broschüren, Videos, Branding und mehr eignet. Sie wird sowohl als OTF- als auch als TTF-Datei geliefert, die einfach zu installieren ist und sowohl mit PC als auch mit Mac funktioniert.

Laura: A Minimal Luxury Font (OTF, TTF, WOFF)

laura fontlaura fontlaura font

Laura ist eine dekorative luxuriöse Serifenschrift, die Eleganz und Schönheit ausstrahlt. Sie eignet sich für den Einsatz in modernen Logos, Branding-Projekten, Hochzeiten, Titeln und mehr.

GLAMOUR: Luxury Sans Serif Font (OTF, TTF, WOFF)

glamour fontglamour fontglamour font

Glamour ist eine elegante, moderne serifenlose Schriftart mit einem einzigartigen und klassischen Look. Sie eignet sich für Projekte mit einem luxuriösen Thema, Zeitschriften, soziale Medien, Logos, Branding-Projekte und vieles mehr.

Möchten Sie mehr erfahren? Sehen Sie sich unten noch mehr Photoshop-Tutorials für Texteffekten an!

Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads