Unterwasser Text erstellen (Swimming Pool Text Effekt)

Um einen Text oder eine Grafik so erscheinen zu lassen, als wäre es auf dem Boden eines Schwimmbeckens geschrieben, kann das natürlich so fotografieren (mit ziemlich viel Aufwand) oder diese Aufgabenstellung mit Bildbearbeitung lösen.

In diesem Tutorial wird gezeigt, wie du diesen Effekt erstellst und auch mittels Smartobjekt jederzeit wieder ändern und anpassen kannst.

Das besondere an dieser Methode ist, dass die Oberfläche und die Reflektionen des Wassers im Text oder der Grafik gespiegelt wird.

Unterwasser Text erstellen (Swimming Pool Text Effekt)
Unterwasser Text erstellen (Swimming Pool Text Effekt)

Arbeitsmaterial

Um dein eigenes Foto zu machen, reicht schon ein Handyfoto im Schwimmbad.

Start

Lege dir einen neuen Ordner für das Projekt an. Lege hier das Swimming Pool Foto als JPG ab. Öffne die Datei Swimming%20Pool_Rob%20Nguyen.jpg in Photoshop und dupliziere die Ebene mit Strg + J bzw. Cmd + J oder ziehe die Hintergrundebene mit dem Verschiebenwerkzeug (V) auf das „Neue Ebene erstellen“ Symbol. Speichere nun die Photoshop Datei unter Unterwassertext.psd ab.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren
Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren

Gaußscher Weichzeichner

Diese Ebene wird für den Versetzen Effekt des Textes bzw. der Grafik im Wasser benötigt.
Zuerst wird aber die duplizierte Ebene mit Filter => Weichzeichnungsfilter => Gaußscher Weichzeichner bearbeitet. Dies ergibt einen realistischeren Effekt.
Als Wert für den Weichzeichner wird hier für diese Bildgröße 3 px verwendet. Je nach Bildgröße variiert der Wert. Das Wasser soll nur leicht verschwommen sein.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Gaußscher Weichzeichner
Unterwasser Text erstellen (Swimming Pool Text Effekt) Gaußscher Weichzeichner

Ebene duplizieren

Wähle Ebene => Ebene duplizieren… . In diesem Dialogfeld wähle folgende Optionen: Als: Hintergrund Kopie und Dokument: Neu. Als Name verwenden wir Versetzen Filter.
Es öffnet sich nun ein neues Dokument mit der weichgezeichneten Wasseroberfläche. Klicke nun auf Datei => Speichern unter… Speichere die Datei nun als Photoshop Datei in diesem Projekt Ordner ab.
Du hast nun drei Dateien in deinem Ordner liegen: „Swimming%20Pool_Rob%20Nguyen.jpg“ + „Unterwassertext.psd“ + „Versetzen Filter.psd“

Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren in neuem Dokument
Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebene duplizieren in neuem Dokument

Das Dokument „Versetzen Filter.psd“ kannst du nun in Photoshop schließen. Im Dokument „Unterwassertext.psd“ kannst du jetzt auch Ebene „Hintergrund Kopie“ löschen. Klicke hierzu mit der rechten Maustaste auf die Ebene und wähle Ebene löschen. Bestätige das sich nun öffnende Dialogfeld mit Ja.

Text hinzufügen

Wähle nun das Horizontaler Text-Werkzeug (T) und klicke in das Bild. Als Textfarbe wähle schwarz.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Text hinzufügen
Unterwasser Text erstellen (Swimming Pool Text Effekt) Text hinzufügen

Als Schrift kannst du jede beliebige verwenden. Hier wurde Arial Bold mit Bold verwendet mit einer Schriftgröße von 72pt. Bestätige nach Eingabe deines Textes mit dem Pfeil Symbol. Text und Formatierung kannst du beliebig wählen. Investiere aber zum Üben nicht zu viel Zeit damit.
Du kannst auch optional hier eine Grafik in das Bild einfügen.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Text eingeben
Unterwasser Text erstellen (Swimming Pool Text Effekt) Text eingeben

Wähle nun das Verschieben-Werkzeug (V) und drücke anschließend Strg + A bzw. Cmd + A. Damit erstellst du eine Auswahl des gesamten Dokumentes. Mit den Symbolen kannst du nun den Text horizontal und vertikal zentrieren. Mit Strg + D bzw. Cmd + D hebst du die Auswahl wieder auf.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Text horizontal und vertikal zentrieren
Unterwasser Text erstellen (Swimming Pool Text Effekt) Text horizontal und vertikal zentrieren

Smartobjekt

Nun ist es an der Zeit, aus dieser Text oder Grafik Ebene ein Smartobjekt zu erstellen. Klicke mit der rechten Maustaste auf die Text / Grafik Ebene und wähle In Smartobjekt konvertieren, somit kannst du später noch den Inhalt dieser Ebene jederzeit ändern. Achja, zwischendurch mal wieder speichern…

Unterwasser Text erstellen (Swimming Pool Text Effekt) Smartobjekt erstellen
Unterwasser Text erstellen (Swimming Pool Text Effekt) Smartobjekt erstellen

Gaußscher Weichzeichner #2

Der Gaußsche Weichzeichner wird nun ein zweites Mal eingesetzt. Diesmal mit einem Radius von 1px.

Versetzen Filter

Unter Filter => Verzerrungsfilter => Versetzen… öffnet sich nun ein Dialogfeld. Hier gib bitte folgende Werte ein:
Horizontal skalieren 20
Vertikal skalieren 20
Auf Auswahlgröße skalieren
Kantenpixel wiederholen

Durch bestätigen mit OK öffnet sich ein Fenster, um die Verschiebungsmatrix auszuwählen. Hier wird die Datei „Versetzen Filter.psd“ verwendet, welche am Anfang erstellt wurde.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Versetzen Filter
Unterwasser Text erstellen (Swimming Pool Text Effekt) Versetzen Filter

Wenn dir die Werte zu heftig oder zu schwach sind, kannst du sie mit einem Doppelklick auf „Versetzen“ beim Smartobjekt anpassen und ändern. Hier musst du aber immer wieder aufs neue die Datei „Versetzen Filter.psd“ angeben.

Realistischer machen

Der Text bzw. die Grafik sind nun mit der Wasseroberfläche mit in Bewegung. Sieht aber noch immer nicht optimal aus. Wähle nun den Ebenenmodus „Weiches Licht“. Bei Bedarf kannst du auch noch die Deckkraft reduzieren.

Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebenenmodus Weiches Licht
Unterwasser Text erstellen (Swimming Pool Text Effekt) Ebenenmodus Weiches Licht

Ändern des Textes

Der Unterwasser Texteffekt ist nun fertig. Willst du den Text ändern, reicht ein Doppelklick auf das Smartobjekt und kannst ihn beliebig anpassen.

Unterwasser Text erstellen (Swimming Pool Text Effekt)
Unterwasser Text erstellen (Swimming Pool Text Effekt)

Blue Lightning TV YouTube Video

Das englischsprachige Video zu diesem Tutorial findest du im Videokanal von BlueLightningTV auf YouTube.
Blue Lightning TV auf Facebook
Blue Lightning TV Website
Blue Lightning TV auf Google+
Blue Lightning TV auf Twitter

Feedback

Hast du auch ein Bild bemacht? Verlinke es im Kommentar. Noch Fragen oder Wünsche für weitere Tutorials?

In diesem Sinne – bleib kreativ!

COMMENTS

Kommentar verfassen