German (Deutsch) translation by Rebecca Priscilla (you can also view the original English article)
Wasser kann so schöne, inspirierende und kreative Bilder hervorbringen! In diesem Tutorial zur Unterwasser-Typografie werden wir einen Text nehmen und ihn visuell unter Wasser "platzieren". Wir erstellen somit einen wellenförmigen Texteffekt, bei dem der Blick Unterwasser fällt, während der Text visuell darunter "schwimmt".
Übrigens, wenn Sie einfach nur tolle Photoshop Text Effekte auf Knopfdruck erstellen möchten, schauen Sie sich diesen coolen Wasser-Texteffekt an, oder scrollen Sie nach diesem Tutorial einfach weiter, um mehr tolle Photoshop Effekte zu finden!
Möchten Sie sehen, wie man Unterwasser-Effekt in Photoshop erstellt? Dann haben wir dieses coole Tutorial zum Unterwasser-Typografie aus dem Envato Tuts+ YouTube-Kanal für Sie:
Was Sie in diesem Unterwassereffekt-Photoshop-Tutorial lernen werden
- Wie man Text und Textur zu einem Dokument hinzufügt
- Wie man einen Unterwassereffekt erzeugt
- Wie man den letztem Schliff gibt
Arbeitsmaterial
Die folgenden Materialien werden in diesem Tutorial zur Unterwasser-Typografie verwendet:
Also, lasst uns gleich loslegen und mit ein paar Schriften und coolen Unterwassereffekten experimentieren!
1. Text und Textur zu einem Dokument hinzufügen
Schritt 1
Beginnen Sie mit Neues Dokument—jede beliebige Größe ist möglich!
Denken Sie an den Umfang Ihres Projekts: Möchten Sie etwas für den Druck oder etwas für die Online-Nutzung erstellen? Ich werde in diesem Beispiel mit einer Auflösung von 850 x 650 arbeiten, aber wenn Sie Ihre Arbeit drucken möchten, sollten Sie die höhere Auflösung wählen.
Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf OK.
Schritt 2
Als Nächstes fügen Sie Ihr wässriges Hintergrundbild in Ihr Dokument ein. In diesem Fall verwenden wir dieses Water Stock Photo von Envato Elements, aber Sie können jedes beliebige Bild verwenden!
Dies wird das Wasser sein, auf dem unser Text basieren wird..
Schritt 3
Fügen wir nun den Text hinzu, um einen Unterwasser Texteffekt zu erzeugen. Geben Sie einfach den gewünschten Text mit dem Textwerkzeug in der Schriftart Ihrer Wahl ein. In diesem Beispiel werde ich die Schriftart Fibre Vintage verwenden.
An dieser Stelle geht es nicht um Effekte, Positionierung oder irgendetwas anderes—schreiben Sie einfach den Text, den Sie haben möchten!
Ich habe mich entschieden, zwei verschiedene Textebenen zu erstellen. Sie können so viele erstellen, wie Sie möchten. Färben Sie den Text in einem dunklen Grau.
Schritt 4
Als Nächstes machen Sie Ihre Textebene (oder -ebenen) zu einem Smart-Objekt.
Wählen Sie dazu die entsprechenden Ebenen aus, klicken Sie mit der rechten Maustaste (auf dem PC) oder bei gedrückter Ctrl-Taste (auf dem Mac) und wählen Sie im Dropdown-Menü die Option In Smart-Objekt konvertieren.
Auf dieses Smart-Objekt werden wir Effekte anwenden. Auf diese Weise können wir den Originaltext bei Bedarf leichter erhalten und ändern.
Schritt 5
Drehen Sie den Text und positionieren Sie ihn so, wie Sie ihn vor dem Wasser haben möchten. Ich habe mich dafür entschieden, ihn ein wenig zu drehen, damit die Aufnahme etwas natürlicher wirkt.
Schritt 6
Stellen Sie nun die Füllmethode dieser Ebene auf Überlagern. Sie werden feststellen, dass sich dadurch das Aussehen des Textes auf dem Wasser ändert.
2. Einen Unterwasser-Effekt erstellen
Schritt 1
Eines der Hauptziele ist es, den Text so aussehen zu lassen, als würde er vom Wasser beeinflusst werden. Dafür gibt es eine Reihe von Möglichkeiten, z. B. die Verformungswerkzeuge oder die Verzerrungsfilter - es gibt viele Optionen! In diesem Fall wollen wir jedoch den Versetzen ausprobieren.
Wählen Sie zunächst die Ebene mit dem Wasserhintergrund aus. Klicken Sie auf die Miniaturansicht der Ebene, um den Inhalt auszuwählen (oder drücken Sie CMD-A (auf Mac) bzw. STRG-A (auf PC)).
Erstellen Sie nun ein neues Dokument. Klicken Sie auf einfügen und speichern Sie das Dokument. Ich habe mein Dokument "displace.psd" genannt, aber Sie können Ihr Dokument gerne so nennen, wie Sie es wünschen.
Schritt 2
Kehren wir nun zu unserem Originaldokument zurück. Wählen Sie die Ebene mit unserem Smart-Objekt aus. Wählen Sie dann Filter > Verzerrungsfilter > Versetzen.
Schritt 3
Daraufhin wird dieses Popup-Dialogfeld angezeigt. Ich habe eine horizontale und vertikale Skalierung von 10 gewählt, aber ich würde Sie ermutigen, damit zu experimentieren! Ich wählte auch die Option Auf Auswahlgröße skalieren aus, da ich möchte, dass der Bereich dem ursprünglichen Hintergrundbild ähnelt, das wir hier verwendet haben.
Wenn Sie mit Ihren Einstellungen zufrieden sind, klicken Sie auf OK. Denken Sie daran: Wenn Ihnen das Ergebnis nicht gefällt, können Sie es jederzeit rückgängig machen (Strg-Z auf dem PC, CMD-Z auf dem Mac) und andere Werte ausprobieren. Ich experimentiere oft gerne ein paar Mal.
Wählen Sie Ihre zuvor erstellte Datei displace.psd als die Datei aus, die der Verzerrungsfilter Versetzen zur Erstellung dieses Effekts verwenden wird.
Schritt 4
Hier sehen Sie, wie der Text mit diesem Effekt aussieht. Er kommt dem gewünschten Ergebnis schon sehr nahe, sieht aber immer noch ziemlich klar aus, nicht wahr? Da sich das Wasser zwischen uns und dem Wasser auf dem Boden befindet, sollten wir hier eine Unschärfe sehen.
Wenden wir einen Gaußschen Weichzeichner auf dieses Smartobjekt an. Gehen Sie zu Filter > Weichzeichnungsfilter > Gaußscher Weichzeichner.
Schritt 5
Ich habe hier einen Radius von 2,0 gewählt, aber Sie können auch mehr oder weniger wählen. Ich würde etwas empfehlen, das den Text ein wenig unscharf macht, aber auch lesbar bleibt. Eine starke Unschärfe sieht zwar gut aus, aber wenn wir den Text nicht gut lesen können, könnte das unseren Zweck verfehlen.
Klicken Sie auf OK, wenn Sie mit dem von Ihnen gewählten Wert zufrieden sind. Denken Sie daran, dass Sie den Vorgang auch rückgängig machen und erneut versuchen können, wenn Sie Ihre Meinung ändern.
3. Die abschließende Feinarbeit hinzufügen
Schritt 1
So, wir haben den Anfang von dem, was wir hier machen wollen—aber lassen Sie uns noch etwas mehr mit diesem Wassertext-Effekt-Design machen.
Ich persönlich würde den Text gerne dunkler haben. Wir haben hier ein paar Möglichkeiten.
Ich habe die Smart-Objekt-Ebene zweimal dupliziert und die Füllmethode jeweils auf Überlagern eingestellt. Das Ergebnis war genau so, wie ich es mir vorgestellt hatte.
Schritt 2
Da wir diesen Typ in ein Smart-Objekt eingefügt haben, können wir jederzeit zurückgehen und ihn ändern. Doppelklicken Sie auf das Vorschaubild, um das Smart-Objekt zu öffnen.
Sie werden feststellen, dass es den Text so enthält, wie wir ihn ursprünglich in unserem Dokument hatten. Sie können hier Änderungen vornehmen—wie die Textfarbe oder den Text selbst. Wenn Sie das Objekt speichern, wird dies in unserem Dokument übernommen.
Schritt 3
Denken Sie daran, dass diese Änderungen unter Umständen berücksichtigt werden müssen! Wenn ich zum Beispiel die Farbe ändere, wird die Füllmethode beeinflusst—wenn ich den Text hellrosa mache, muss ich das berücksichtigen (da wir ursprünglich mit einer Farbe mit einem dunklen Wert gearbeitet haben).
In diesem Szenario würde ich einfach meine zusätzlichen Überlagerungsebenen entfernen und die Smart-Objekt-Ebene auf Farbig nachbelichten, Deckkraft auf 75% setzen. Voilà, wir haben einen ähnlichen Effekt.
Schritt 4
Haben Sie Änderungen vorgenommen, die Sie nicht beibehalten möchten? Einfach rückgängig machen! Stellen Sie sicher, dass Sie alle Änderungen im Smart-Objekt speichern.
Zum Schluss kehre ich zu der ursprünglichen Farbe und die Füllmethode zurück, mit denen wir zuvor gearbeitet haben.
Step 5
Zum Schluss möchte ich hier noch eine kleine Anpassung vornehmen. Ich kopiere die Wasser-Hintergrundebene und bringe sie in den Vordergrund meiner Ebenen. Dann habe ich die Füllmethode auf Negativ multiplizieren, Deckkraft 20% eingestellt. Ich wollte die Dinge nur ein wenig aufhellen.
Ich empfehle jedoch, mit der Füllmethode zu experimentieren—sehen Sie sich an, wie es mit Color Dodge oder Color Burn aussieht! Das Experimentieren mit Füllmethoden ist eine gute Möglichkeit, sich mit ihnen vertraut zu machen.
Und jetzt ist unser Text unter Wasser!
Ich hoffe, es hat Ihnen Spaß gemacht, diesen Unterwassereffekt mit mir durchzugehen—und ich wünsche Ihnen viel Spaß beim Experimentieren damit und gutes Gelingen beim Erstellen Ihrer eigenen Unterwassertextur-Photoshop-Kreationen! Auch hier gibt es viele verschiedene Möglichkeiten, Ihren Text zu verzerren—wollen Sie wissen, wie man Text in Photoshop noch weiter verzerren kann? Wenn Sie noch mehr Anpassungen vornehmen möchten, empfehle ich Ihnen einen Blick auf Bearbeiten > Transformieren > Verformen zu werfen!
Jetzt wissen Sie, wie Sie in Photoshop Wassertext erstellen können! Vielen Dank, dass Sie mir gefolgt sind, und viel Erfolg bei Ihren kreativen Projekten!
Die 5 beste Photoshop Texteffekte von Envato Elements
Sie lieben Texteffekte und möchten noch mehr sehen, mit denen Sie sofort experimentieren können? Schauen Sie sich diese anderen Photoshop-Texteffekte an, die bereits fertig sind und sofort verwendet werden können.
1. Vintage Text Effects Vol.3 (PSD)
Schau mal diese Sammlung von Vintage-Text-Effekten an! Es gibt so viele farbenfrohe, skurrile und interessante Optionen zur Auswahl, die sich perfekt für abwechslungsreiche Projekten eignen.
2. 80s Text Effects Vol.1 (PSD)
Ich weiß nicht, ob es Ihnen gefällt, aber ich liebe die 80er Jahre—und ich liebe diese fantastischen 80er-Jahre-Texteffekte! Sieh dir all die satten Farben, den Glam und den schlichten Retro-Stil an! Ich denke schon an all die coolen Sachen, die ich damit ausprobieren möchte.
3. Metal Layer Styles: Photoshop Gold Text Effect (PSD)
Diese Texteffekte sind fantastisch—und es gibt sie nicht nur in Gold. Es gibt Chrom, Bronze, Stahl... eine große Auswahl in diesen einfach zu verwendenden Ebenenstilen.
4. 3D Text Effects Vol.3 (PSD)
In dieser dritten Ausgabe von 3D-Text-Effekten gibt es so viele tolle Effekte zur Auswahl! Ersetzen Sie den Text ganz einfach mit Smart Objects—ein Kinderspiel, nicht? Schauen Sie sich Volume 1 und Volume 2 an, um noch mehr Effekte auszuprobieren!
5. 100 Photoshop Layer Styles Bundle: Texteffekt (PSD)
Dies ist eine riesige Sammlung von Photoshop-Texteffekten—jede Menge zum Spielen und Experimentieren! Von strukturierten Effekten über schleimige Texteffekte bis hin zu Feuereffekten ist hier von allem etwas dabei! Eine großartige Ergänzung für jede Sammlung!
Weitere Photoshop-Texteffekt-Tutorials und -Ressourcen
Wenn Ihnen dieses Photoshop-Tutorial zu Texteffekten gefallen hat, sehen Sie sich auch diese anderen an! Viel Spaß beim Gestalten!
Realistischen Stickerei-Text-Effekt in Adobe Photoshop erstellen
38 coole Photoshop Texteffekte, Aktionen und Stile für 2022
Die besten Ressourcen des Jahres 2022: Photoshop Texteffekte und Ebenenstile
100 besten Photoshop-Texteffekt-Tutorials
48 beste Photoshop-Textstile (Laden Sie jetzt Ebeneneffekt-PSDs herunter!)
Redaktionelle Anmerkung: Dieser Beitrag wurde mit Beiträgen von Maria Villanueva. Maria ist die stellvertretende Redakteurin des Tuts+ Design-Kanals.
By
