Advertisement
  1. Design & Illustration
  2. Adobe Photoshop

Wie man einen schmelzenden Glitch-Text-Effekt in Photoshop erstellt

Scroll to top
Read Time: 9 mins

German (Deutsch) translation by Ahmet Öztürk (you can also view the original English article)

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

Möchten Sie lernen, wie man in Photoshop einen Schmelzeffekt erzeugt? Heute zeige ich Ihnen, wie Sie mit den Standardwerkzeugen von Photoshop, Einstellungsebenen und Texturen zwei schmelzende Texteffekte erstellen können. Diese Technik erlaubt Ihnen in kürzester Zeit sehr kreative Bilder zu erstellen, ohne Photoshop Aktionen anwenden zu müssen. Selbstverständlich, falls Sie Photoshop Text Effekte per Klick bevorzugen, verlinke ich ganz am Schluss auch ein paar der besten Photoshop Aktionen. Legen wir los!

Was Sie in diesem Photoshop-Tutorial zum Schmelzeffekt lernen werden

  • Wie Sie ein Dokument für die Erstellung eines flüssigen Glitch-Text-Effekts vorbereiten
  • Wie Sie schmelzende Buchstaben mit einem Glitch-Effekt in Photoshop erstellen
  • Wie Sie die Farbkorrektur für den Effekt der schmelzenden Schrift einrichten
  • Wie Sie einen flüssigen, schmelzenden Texteffekt mit dem Verwischen-Werkzeug erstellen
  • Wie Sie alternative Farbanpassungen für einen schmelzenden Texteffekt erstellen

Wenn Sie lieber per Video lernen, sehen Sie sich auf unserem Envato Tuts+ YouTube Channel an, wie man einen Schmelzeffekt in Photoshop erstellt:

Tutorial-Assets

Die folgenden Assets wurden bei der Erstellung dieses Flüssigtext-Tutorials verwendet:

1. So bereiten Sie ein Dokument für die Erstellung eines Liquid Glitch Texteffekts vor

Schritt 1

Zunächst erstellen wir ein neues Dokument mit einer Größe von 3000 x 2000 px und dem Hintergrundinhalt, der auf Schwarz eingestellt ist.

Ein neues Dokument erstellenEin neues Dokument erstellenEin neues Dokument erstellen

Schritt 2

Gehen Sie danach zu File > Place, legen Sie die freie Staubtextur über die Hintergrundebene und ändern Sie ihre Deckkraft auf etwa 45%.

Platzieren der Textur und Ändern ihrer DeckkraftPlatzieren der Textur und Ändern ihrer DeckkraftPlatzieren der Textur und Ändern ihrer Deckkraft

Schritt 3

Danach erstellen Sie eine Textebene mit einer beliebigen Schriftart und der Farbe Weiß, die Sie verwenden möchten. Ich habe die Schriftart Highman verwendet, die ich auf Envato Elements gefunden habe.

creating first text layercreating first text layercreating first text layer

Schritt 4

Erzeugen Sie ein Duplikat der Ebene, indem Sie Steuerung-J (oder Rechtsklick > Duplizieren) drücken.

ein Duplikat der Ebene erstellenein Duplikat der Ebene erstellenein Duplikat der Ebene erstellen

2. Wie man Schmelzbuchstaben in Photoshop erstellt

Schritt 1

Wählen Sie die zweite Textebene aus und gehen Sie zu Edit > Transform > Flip Vertical. Dann Verschieben Sie die Ebene nach unten, wie Sie auf dem Bildschirm sehen können.

Verschieben des Duplikats einer TextebeneVerschieben des Duplikats einer TextebeneVerschieben des Duplikats einer Textebene

Schritt 2

Wählen Sie beide Ebenen bei gedrückter Umschalttaste aus und verschieben Sie sie in die Mitte.

die ebene in die mitte verschiebendie ebene in die mitte verschiebendie ebene in die mitte verschieben

Schritt 3

Markieren Sie die zweite Textebene und drücken Sie Steuerung-T, um das Werkzeug für freies Transformieren zu aktivieren, und ziehen Sie dann die untere und obere Linie des Werkzeugs für freies Transformieren, wie unten gezeigt.

das Duplikat der Ebene transformierendas Duplikat der Ebene transformierendas Duplikat der Ebene transformieren

Schritt 4

Wählen Sie die Textebenen aus, während Sie die Umschalttaste gedrückt halten, und klicken Sie dann Rechtsklick > Rasterize Type. Klicken Sie dann ein weiteres Mal Rechtsklick und wählen Sie Zusammenführen.

Rasterisieren und Zusammenführen der EbenenRasterisieren und Zusammenführen der EbenenRasterisieren und Zusammenführen der Ebenen

Schritt 5

Jetzt sind wir bereit, unseren Schmelzschrifteneffekt zu erstellen! Drücken Sie Umschalt+Steuerung-X, um das Liquify Tool zu öffnen. Wählen Sie dann das Forward Warp Tool und stellen Sie die Größe auf etwa 600 sowie den Druck und die Dichte auf 100.

opening liquify toolopening liquify toolopening liquify tool

Schritt 6

Beginnen wir damit, den Pinsel um die obere Hälfte des Textes zu ziehen, um ihn ein wenig "wellenförmig" zu machen.

 Die Buchstaben wellenförmig machen Die Buchstaben wellenförmig machen Die Buchstaben wellenförmig machen

Schritt 7

Nun können wir die untere Hälfte des Textes nach unten ziehen, bis es so aussieht, als ob er zu schmelzen beginnt. Zögern Sie nicht, diese Elemente dünner oder dicker zu machen - es hängt wirklich von Ihrem Geschmack ab! Wenn Sie fertig sind, klicken Sie einfach auf OK.

 Die Buchstaben mit einem Pinsel verflüssigen Die Buchstaben mit einem Pinsel verflüssigen Die Buchstaben mit einem Pinsel verflüssigen

Schritt 8

Erzeugen Sie zwei Duplikate der Ebene, indem Sie Steuerung-J drücken (oder Rechtsklick > Duplizieren). Benennen Sie diese Ebenen in Rot, Grün und Blau um.

>

 Duplikate der Ebene erstellen Duplikate der Ebene erstellen Duplikate der Ebene erstellen

Schritt 9

Klicken Sie doppelt auf die Rote Ebene und machen Sie die Blauen und Grünen Kanäle unsichtbar.

Kanäle unsichtbar machenKanäle unsichtbar machenKanäle unsichtbar machen

Schritt 10

Lassen Sie nur den Grünen Kanal auf der Ebene Grün und nur den Blauen Kanal auf der Ebene Blau sichtbar.

Kanäle deaktivierenKanäle deaktivierenKanäle deaktivieren

Schritt 11

Verschieben Sie die grüne Ebene 25 px nach rechts und die blaue Ebene 50 px nach rechts. Dadurch wird ein Glitch-Text-Effekt erzeugt.

>

Verschieben der EbenenVerschieben der EbenenVerschieben der Ebenen

Schritt 12

Wählen Sie alle Textebenen aus und Klicken Sie mit der rechten Maustaste auf > In Smart-Objekt umwandeln. Gehen Sie dann auf Filter > Noise > Median und setzen Sie ihn auf 22

Erstellen eines intelligenten Objekts und Hinzufügen des MedianfiltersErstellen eines intelligenten Objekts und Hinzufügen des MedianfiltersErstellen eines intelligenten Objekts und Hinzufügen des Medianfilters

So sollte es jetzt aussehen:

 Glitch Buchstaben mit angewandtem Medianfilter Glitch Buchstaben mit angewandtem Medianfilter Glitch Buchstaben mit angewandtem Medianfilter

Schritt 13

Nun können wir unseren Schmelzbuchstaben ein weiteres Element hinzufügen - dieser Schritt ist optional! Gehen Sie zu Liquify ( Umschalt+Steuerung-X) und wählen Sie das Twirl Clockwise Tool mit den folgenden Einstellungen:

  • Größe: 450
  • Druck: 60
  • Dichte: 100
  • Rate: 100
 Anwenden des liquify twirl Filters Anwenden des liquify twirl Filters Anwenden des liquify twirl Filters

So sieht unser Effekt aus, wenn wir den Twirl-Effekt anwenden:

 Schmelzender Glitch-Text mit angewandtem Twirl-Filter Schmelzender Glitch-Text mit angewandtem Twirl-Filter Schmelzender Glitch-Text mit angewandtem Twirl-Filter

Schritt 14

Erstellen Sie ein Duplikat des Smart Objekts und gehen Sie dann zu Filter > Blur > Motion Blur und setzen Sie den Winkel auf 90 und den Abstand auf 700.

 Erstellen eines Duplikats des Smart-Objekts und Hinzufügen eines Bewegungsunschärfe-Effekts Erstellen eines Duplikats des Smart-Objekts und Hinzufügen eines Bewegungsunschärfe-Effekts Erstellen eines Duplikats des Smart-Objekts und Hinzufügen eines Bewegungsunschärfe-Effekts

Schritt 15

Nun verschieben wir das zweite Smart-Objekt um 350 px nach unten. Ändern Sie den Blend Mode dieser Ebene auf Color Dodge und die Deckkraft auf 60%.

Verschieben der Ebene und Ändern des Blending ModesVerschieben der Ebene und Ändern des Blending ModesVerschieben der Ebene und Ändern des Blending Modes

Schritt 16

Platzieren Sie die Plastikfolien-Textur #9 über alle Ebenen und ändern Sie die Deckkraft auf 25%.

 Eine plastische textur hinzufügen Eine plastische textur hinzufügen Eine plastische textur hinzufügen

3. So richten Sie die Farbkorrektur für den Schmelzschrift-Effekt ein

Schritt 1

Gehen Sie zu Ebene > Neue Einstellungsebene > Helligkeit/Kontrast und verwenden Sie die folgenden Einstellungen: Helligkeit: -37 und Kontrast: 30.

 Hinzufügen von Helligkeits- und Kontrasteinstellungen Hinzufügen von Helligkeits- und Kontrasteinstellungen Hinzufügen von Helligkeits- und Kontrasteinstellungen

Schritt 2

Erstellen Sie eine weitere Einstellungsebene, wählen Sie diesmal Farbton/Sättigung und setzen Sie den Farbton auf -12 und die Sättigung auf +69.

Farbton- und Sättigungsanpassungsebene erstellenFarbton- und Sättigungsanpassungsebene erstellenFarbton- und Sättigungsanpassungsebene erstellen

Schritt 3

Und schließlich gehen Sie noch einmal auf Ebene > Anpassungen und wählen Kurven mit den unten gezeigten Einstellungen:

curves settingscurves settingscurves settings

Hier ist unser flüssig schmelzender Texteffekt:

Schmelzender Glitch Texteffekt VorschauSchmelzender Glitch Texteffekt VorschauSchmelzender Glitch Texteffekt Vorschau

4. Wie man einen flüssigen, schmelzenden Texteffekt mit dem Smudge Tool erstellt

Schritt 1

Nun lassen Sie uns eine weitere Technik ausprobieren, um schmelzende Buchstaben zu erzeugen. Wir müssen drei gerasterte Textebenen erstellen (ich habe die Schriftart Novus Sans verwendet, aber Sie können auch jede andere Schriftart verwenden), deren Kanäle nach Rot, Grün und Blau getrennt sind, so wie wir es zuvor getan haben.

Erstellen von drei Textebenen mit getrennten KanälenErstellen von drei Textebenen mit getrennten KanälenErstellen von drei Textebenen mit getrennten Kanälen

Schritt 2

Danach wählen Sie das Wischwerkzeug aus dem Werkzeuge Panel und verwenden die folgenden Einstellungen:

  • Größe: 250
  • Härte: 25%
  • Stärke: 72%
 Einrichten des Smudge-Tools für den Schmelzeffekt Einrichten des Smudge-Tools für den Schmelzeffekt Einrichten des Smudge-Tools für den Schmelzeffekt

Schritt 3

Wählen Sie die rote Ebene aus und ziehen Sie den Verwischungspinsel um jeden Buchstaben herum, bis Sie einen leichten Glitch-Effekt erhalten.

Verwischen der Buchstaben Verwischen der Buchstaben Verwischen der Buchstaben

Schritt 4

Wiederholen Sie den gleichen Vorgang mit anderen Ebenen.

Verwischen der Buchstaben des grünen und blauen KanalsVerwischen der Buchstaben des grünen und blauen KanalsVerwischen der Buchstaben des grünen und blauen Kanals

Schritt 5

Danach wählen Sie die rote Ebene aus und beginnen, den Pinsel über den Buchstaben zu ziehen, um ihm einen Verschmelzungseffekt zu verleihen.

 Einen Schmelzeffekt mit dem Smudge Tool erstellen Einen Schmelzeffekt mit dem Smudge Tool erstellen Einen Schmelzeffekt mit dem Smudge Tool erstellen

Schritt 6

Fahren Sie damit fort, alle Buchstaben auf der roten Ebene auf die gleiche Weise zu verwischen.

 Rotes Textfeld verschmiert Rotes Textfeld verschmiert Rotes Textfeld verschmiert

Schritt 7

Und zum Schluss verwischen Sie einfach andere Ebenen auf die gleiche Weise!

3 Textebenen mit einem Wischeffekt versehen3 Textebenen mit einem Wischeffekt versehen3 Textebenen mit einem Wischeffekt versehen

Schritt 8

Gruppieren Sie alle Ebenen in einem Ordner und Doppelklicken auf diese neue Gruppe und fügen eine Farbüberlagerung mit den folgenden Einstellungen hinzu:

  • Blend Mode: Hartes Licht
  • Deckkraft: 25%
  • Farbe: Orange
Erstellen einer Gruppe mit FarbüberlagerungErstellen einer Gruppe mit FarbüberlagerungErstellen einer Gruppe mit Farbüberlagerung

Schritt 9

Klicken Sie mit der rechten Maustaste auf die Gruppe und wählen Sie In ein Smartobjekt konvertieren und erstellen Sie dann ein Duplikat dieser Ebene, indem Sie Steuerung-J drücken.

Erstellen eines Smart Objekts und seines DuplikatsErstellen eines Smart Objekts und seines DuplikatsErstellen eines Smart Objekts und seines Duplikats

Schritt 10

Fügen Sie einen Gaußschen Weichzeichner mit einem Radius des Duplikats von 25 hinzu und fügen Sie eine Farbüberlagerung mit den gleichen Einstellungen wie zuvor hinzu.

 Einen Glüheffekt erzeugen Einen Glüheffekt erzeugen Einen Glüheffekt erzeugen

Schritt 11

Ändern Sie den Blend Mode des Smart Objekts auf Linear Dodge.

Ändern des Blend-Modus des Smart-ObjektsÄndern des Blend-Modus des Smart-ObjektsÄndern des Blend-Modus des Smart-Objekts

Schritt 12

Platzieren Sie die Plastiktextur, wobei Sie die Deckkraft auf 35% setzen.

Deckkraft der Textur ändernDeckkraft der Textur ändernDeckkraft der Textur ändern

Hier ist das Ergebnis unserer Änderungen:

 Schmelzender Glitch-Text-Effekt ohne Farbkorrektur Schmelzender Glitch-Text-Effekt ohne Farbkorrektur Schmelzender Glitch-Text-Effekt ohne Farbkorrektur

5. So erstellen Sie alternative Farbanpassungen für den Schmelztext-Effekt

.

Schritt 1

Lassen Sie uns unseren schmelzenden Glitch-Text-Effekt mit einigen Farbanpassungsebenen noch interessanter machen. Gehen Sie zu Ebene > Neue Einstellungsebene > Kurven und verwenden Sie diese Einstellungen:

Kurven Einstellungen für zweite FarbkorrekturKurven Einstellungen für zweite FarbkorrekturKurven Einstellungen für zweite Farbkorrektur

Schritt 2

Ändern Sie die Deckkraft der Kurven-Ebene auf 60%.

Deckkraft der Kurven ändernDeckkraft der Kurven ändernDeckkraft der Kurven ändern

Schritt 3

Erstellen Sie eine weitere Ebene Kurven mit den folgenden Einstellungen:

dritte Kurveneinstellungendritte Kurveneinstellungendritte Kurveneinstellungen

Schritt 4

Ändern Sie die Deckkraft auf 75%.

Deckkraft der zweiten Kurvenebene ändernDeckkraft der zweiten Kurvenebene ändernDeckkraft der zweiten Kurvenebene ändern

Schritt 5

Erstellen Sie eine Einstellungsebene Farbton/Sättigung und stellen Sie den Farbton auf -66 und die Sättigung auf 74.

Farbton- und Sättigungseffekt erstellenFarbton- und Sättigungseffekt erstellenFarbton- und Sättigungseffekt erstellen

Schritt 6

Und für den letzten Schritt gruppieren Sie die letzten beiden Einstellungsebenen und ändern die Deckkraft dieser neuen Gruppe auf 50%.

die deckkraft der gruppe änderndie deckkraft der gruppe änderndie deckkraft der gruppe ändern

Gute Arbeit, Sie sind jetzt fertig!

Heute haben Sie gelernt, wie Sie in Photoshop einen Schmelzeffekt erstellen können! Mit Photoshop-Werkzeugen wie dem Verflüssigen-Werkzeug und dem Verwischen-Werkzeug können Sie tolle Effekte erzielen. Ich hoffe, das Tutorial hat Ihnen gefallen und Sie sind jetzt bereit, mit den von uns behandelten Methoden tolle Kunstwerke zu schaffen.

>

How to create melting text effect in Photoshop Main PreviewHow to create melting text effect in Photoshop Main PreviewHow to create melting text effect in Photoshop Main Preview
Schmelzender-Text-Effekt VorschauSchmelzender-Text-Effekt VorschauSchmelzender-Text-Effekt Vorschau

5 Top Photoshop-Aktionen und Texteffekte mit Schmelzeffekt von Envato Elements

Wenn Sie nach Schmelzeffekt-Photoshop-Vorlagen und anderen Text-Effekten suchen, werfen Sie einen Blick auf diese Sammlung von Photoshop-Produkten, die auf Envato Elements erhältlich sind:

Liquid Melting Text Effects V1 (PSD)

flüssig schmelzende texteffekte v1flüssig schmelzende texteffekte v1flüssig schmelzende texteffekte v1

Möchten Sie einen flüssigen Glitch-Text-Effekt in Sekundenschnelle erstellen? Probieren Sie dieses erstaunliche Set von flüssig schmelzenden Texteffekten im PSD-Format! Sie erhalten drei verschiedene Designs mit einem trendigen Look, die Sie auf jede Schriftart oder Form anwenden können. Alle PSD-Dateien sind mit Smart Objekten erstellt, so dass Sie Ihr Design nur in einer speziellen Ebene platzieren müssen, und voila!

Flüssig schmelzende Texteffekte (PSD)

Flüssig schmelzende TexteffekteFlüssig schmelzende TexteffekteFlüssig schmelzende Texteffekte

Wenn Sie auf der Suche nach einem ausgeprägten flüssig schmelzenden Texteffekt sind, sollten Sie sich dieses Paket mit intelligenten PSD-Dateien ansehen! Dieses Paket mit schmelzenden Effekten ist eine großartige Ergänzung für Ihre kreative Bibliothek. Alle flüssigen Texteffekte sind vollständig anpassbar und können mit jeder Schriftart oder Form verwendet werden. Wunderschöne Farbkombinationen und Hintergrundelemente sorgen für einen fantastischen Look, den Sie problemlos für Instagram oder Ihren Blog verwenden können!

Ultrarealistischer reflektierender Texteffekt (PSD)

ultra realistischer reflektierender Texteffektultra realistischer reflektierender Texteffektultra realistischer reflektierender Texteffekt

Hier ein weiterer trendiger Effekt! Dies ist kein Schmelzglitch-Texteffekt, aber er sieht so cool und realistisch aus! Verwandeln Sie Ihren Text in ein wunderschönes Kunstwerk mit vielen Details und tollen Farben. Alle Elemente dieses Effekts sind vollständig anpassbar, und Sie können jedes Element ändern oder entfernen.

80er Jahre Retro Text Effekte Vol. 01 (PSD, ASL, PDF)

80s retro text effects80s retro text effects80s retro text effects

Wenn Sie ein Fan von 80er Jahre und Retrowellen-Design sind, haben wir etwas für Sie! Dieses Paket enthält zehn verschiedene PSD-Dateien mit Smart Objects und vollständig bearbeitbaren Designs. Mit diesen Effekten können Sie mühelos 80er Jahre Texteffekte erstellen. Wählen Sie einfach das Design aus, das Ihnen gefällt, und ändern Sie den Text nach Ihren Vorstellungen!

Spiel: 80er Jahre Retro Text Effekt (PSD, PDF)

80s Retro Text Effect abspielen80s Retro Text Effect abspielen80s Retro Text Effect abspielen

Gestalten Sie ein Spieleposter oder möchten Sie Ihr Twitch-Banner auffrischen? Sehen Sie sich diesen coolen Photoshop-Effekt an, der von den Texteffekten der 80er Jahre und alten 8-Bit-Spielen inspiriert ist. Er besticht durch ein sauberes und einfaches Design mit ordentlichen Hintergrundelementen in einer gut organisierten PSD-Datei. Ändern Sie bei Bedarf einfach den Text und die Farben, und schon ist Ihr Design fertig!

Wollen Sie wissen, wie Sie andere Texteffekte in Adobe Photoshop erstellen können? Sehen Sie sich diese tollen Anleitungen 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.
Advertisement
Start your 7-day free trial*
Start free trial
*All Individual plans include a 7-day free trial for new customers; then chosen plan price applies. Cancel any time.