Ursprünglich veröffentlicht in: PSDTUTS Autor: Collis Übersetzung: Gao Xiaobai
Dieses Tutorial von Collis zeigt Ihnen, wie Sie ein Feuerfoto in Kombination mit Text verwenden. Was wir jetzt sehen, ist ein schöner dunkler Hintergrund, kombiniert mit einem wunderschönen Texteffekt im gesamten Bild.
Endeffekt: Wie immer werden wir die Ersten sein, die den Endeffekt sehen, sodass Sie wissen, was am Ende dabei herauskommt. Dieses wunderschöne Bild dient derzeit als Desktop-Hintergrund meines Laptops.
Klicken Sie auf das Bild oben, um das vollständige Bild anzuzeigen
Teil eins – Hintergrund
Erstellen Sie in Photoshop ein neues Dokument mit einer Größe von 1920 x 1200 Pixel. Wählen Sie das Verlaufswerkzeug aus und zeichnen Sie einen braunen radialen Verlauf (Farbwerte von #5c3d09 bis #1f1409), sodass Sie einen Effekt wie den folgenden erhalten.
Beachten Sie, dass der Farbverlauf nicht von der Mitte, sondern vom oberen Bildrand aus gezeichnet wird. Wir möchten den Feuereffekt über dem Text erzeugen, daher sollte der obere Teil des Bildes etwas heller sein.
Schritt 2
Wir werden erneut eine Hintergrundtextur aus dem Tutorial zum Grastexteffekt verwenden. Aber dieses Mal habe ich nicht ganz von vorne angefangen, sondern direkt den Hintergrund kopiert, der bereits im Text-Tutorial zu Gras-Spezialeffekten erstellt wurde, alle Ebenen gemischt und die Sättigung reduziert, um den unten gezeigten Effekt zu erzielen.
Wenn Sie von vorne beginnen müssen, müssen Sie zunächst zu Bittbox gehen, um das ursprüngliche Texturbild abzurufen, und dann die vorherigen Schritte ausführen.
Schritt 3
Jetzt verschmelzen wir die Textur mit dem Hintergrund und stellen den Mischmodus auf „Überlagern“.
Schritt 4
Lassen Sie uns den Texture-Filter verwenden, um etwas Textur hinzuzufügen. Ich begann damit, eine neue Ebene zu erstellen und sie mit Braun zu füllen (#66500f). Gehen Sie dann zu Filter > Textur > Textur, stellen Sie den Skalierungswert unter der Textur-Leinwand auf 80 % ein und markieren Sie ihn auf 4.
Schritt 5
Stellen Sie den Mischmodus dieser Ebene auf „Überlagern“, da wir an einer großen Leinwand arbeiten. Wenn Sie also ein paar schöne zusätzliche Details hinzufügen, sieht sie noch besser aus.
Schritt 6
Als Nächstes wenden wir eine Ebene an, um die untere Hälfte dieses Bildes leicht zu entsättigen. Der Zweck besteht darin, das obere Feuer wie eine heiße Glut aussehen zu lassen, während das untere Feuer etwas kalt aussieht. Also habe ich eine neue Ebene erstellt und sie mit Farbe gefüllt (#4b4f3b), dann eine Ebenenmaske hinzugefügt und den Farbverlauf verwendet, um die obere Hälfte des Bildes auszublenden. (Sie sollten jetzt etwas wie das Bild unten erhalten). Stellen Sie nun den Mischmodus der Ebene auf Farbe und die Deckkraft auf 45 % ein.
Teil Zwei – Text + Licht = Großartig
Okay, jetzt haben wir einen schönen Hintergrund! Jetzt fügen wir etwas Text hinzu. Die Schriftart, die ich verwendet habe, ist Trajan, weil sie hier großartig aussieht. Ich habe der Schriftart eine Farbe hinzugefügt (#cb9328), dann den Füllmodus der Ebene auf „Linear abwedeln“ (Hinzufügen) eingestellt und die Deckkraft auf 8 % gesenkt. Wir werden rote Flammen verwenden, um dem oberen Teil des Textes einen Effekt zu verleihen, sodass er aus dem Hintergrund hervorsticht. Das bedeutet, dass wir dem Text einige Effekte und Ebenenmasken hinzufügen werden, um nur den oberen Teil des Textes anzuzeigen, während der untere Teil des Textes derselbe bleibt wie der aktuell ausgeblendete Effekt.
Schritt 8
Erstellen Sie zunächst eine neue Ebenengruppe und fügen Sie alle Textebenen darin ein – hier wird viel Text vorhanden sein. Anschließend duplizieren Sie die Textebene und setzen den Farbwert des kopierten Texts auf #5e3f1c.
Schritt 9
Stellen Sie nun die neueste Textebene auf „Überlagern“ und ihre Deckkraft auf 70 % ein. Es sieht aus wie eine tolle rötliche Farbe. (Wie im Bild unten gezeigt)
Schritt 10
Duplizieren Sie nun die Textebene erneut und stellen Sie die zuletzt duplizierte Ebene auf eine hellgelbe Farbe ein (#cb9328). Stellen Sie dann „Linear Dodge (Hinzufügen)“ ein und verringern Sie die Deckkraft auf 30 %. Dann fügen wir eine Ebenenmaske hinzu und zeichnen einen Farbverlauf, sodass die neueste Textebene ein schwaches Gefühl hat, wie im Bild unten gezeigt. In Kombination mit den beiden Textebenen unten können Sie die leicht rötliche Farbe am unteren Rand des Textes sehen.
Schritt 11
Als nächstes duplizieren wir die Textebene erneut. Dieser Schritt dient dazu, dem unteren Rand des Textes eine schöne Note zu verleihen. Stellen Sie die Textfarbe auf Schwarz (#000000) ein, führen Sie dann Filter > Weichzeichnen > Gaußscher Weichzeichner aus und stellen Sie den Radius auf 4 px ein. Um Text zu rastern, wählen Sie > Ändern > Erweitern. Halten Sie dann die Strg-Taste gedrückt und halten Sie sie auf einer anderen Textebene gedrückt. Gehen Sie zurück zur schwarzen Ebene und klicken Sie auf „Löschen“, sodass nur ein sehr weicher Schatten übrig bleibt. Dann duplizieren Sie diese Ebene und fügen Sie sie zusammen, um einen sehr starken Effekt zu erzielen. Was Sie machen, sollte wie im Screenshot unten aussehen.
Schritt 12
Wie im Bild unten gezeigt, verwenden Sie erneut die Ebenenmaske, um schnell den Schatten-Fade-Effekt zu erzeugen. Dadurch sieht der Text so aus, als würde er über dem Bildschirm schweben.
Schritt 13
Duplizieren Sie nun die schwarze Ebene erneut und malen Sie mit dem Verwischwerkzeug mit einem ziemlich großen weichen Pinsel um den Schatten herum, damit er wie Brandflecken aussieht.
Schritt 14
Jetzt sieht unser Texteffekt wie im folgenden Bild aus. Ich habe tatsächlich zwei „Brandflecken“ erstellt, wobei jede dieser vier Schattenebenen etwas unschärfer ist als die letzte.
Schritt 15
Jetzt ist es an der Zeit, oben im Text etwas Licht hinzuzufügen. Erste. Duplizieren Sie die Textebene erneut. Stellen Sie es auf Gelb – #dc9a08, gehen Sie dann zu Filter > Weichzeichnen > Gaußscher Weichzeichner, stellen Sie den Radius auf 8 Pixel ein und löschen Sie dann mit einem großen weichen Radiergummi den unteren Teil des Textes, um ein schönes Gefühl der Unausgewogenheit zu erzeugen.
Schritt 16
Stellen Sie die erste Lichtebene auf „Weiches Licht“ ein. Sie sollten diesen Vorgang noch einmal wiederholen, um den oberen Textrand glänzender zu machen.
Schritt 17
Duplizieren Sie nun die Textebene erneut und platzieren Sie sie darüber. Ändern Sie ihre Farbe erneut in Gelb (#dc9a08) und gehen Sie zu Ebene > Rasterisieren > Text, um den Text zu einer einzelnen Ebene zu machen. Halten Sie dann diese Ebene bei gedrückter Strg-Taste gedrückt, um die Auswahl zu erhalten, wählen Sie > Ändern > Verkleinern und stellen Sie den Verkleinerungsgrad auf 1 Pixel ein. Dann löschen Sie den Rest, außer dass Sie ihn um 1 Pixel verkleinern.
Schritt 18
Stellen Sie nun die 1-Pixel-Ebene auf „Überlagerung“ und Sie sollten nun den unten gezeigten Effekt erzielen.
Schritt 19
Fügen Sie nun der 1-Pixel-Ebene eine Ebenenmaske hinzu, um den unteren Rand des Textes auszublenden, genau wie ich es bei den anderen Ebenen getan habe. Dann duplizieren Sie diese Ebene, gehen Sie zu Filter > Weichzeichnen > Gaußscher Weichzeichner und stellen Sie den Radius auf 1 Pixel ein. Dann duplizieren Sie diese Ebene erneut und verwischen Sie sie um 2 Pixel. Dann duplizieren Sie diese Ebene erneut und verwischen Sie sie um 4 Pixel. Klicken Sie dann bei gedrückter Strg-Taste auf eine Textebene, drücken Sie Strg+Umschalt+I, um die Auswahl umzukehren, und löschen Sie den Teil jeder lichtempfindlichen Ebene, der aufgrund von Unschärfe über die Schriftgrenze hinausgeht. Der Zweck dieses Schritts besteht darin, dem feurigen Text einen Effekt zu verleihen, bei dem das feurige Gefühl zu den Texträndern hin allmählich zunimmt.
Schritt 20
Jetzt duplizieren wir diese vier Lichtebenen und vermischen sie miteinander. Der Endeffekt besteht darin, dass der obere Textrand zunächst leuchtend gelb ist. Mit dem Wischwerkzeug nach oben über den Text streichen, um einen hitzewellenähnlichen Effekt zu erzeugen. Wie unten gezeigt.
Schritt 21