Do you want to learn how to make melting effect in Photoshop? Today, I will show you how to create two melt glitch text effects using standard Photoshop tools, adjustment layers, and textures. Let's go!
What You Will Learn in This Melting Effect Photoshop Tutorial
- How to prepare a document for creating a liquid glitch text effect
- How to create melting letters with a glitch effect in Photoshop
- How to set up color correction for the melting font effect
- How to create a liquid melting text effect with the Smudge Tool
- How to create alternative color adjustments for a melting text effect
If you prefer to learn via video, watch how to make a melting effect in Photoshop on our Envato Tuts+ YouTube Channel:
The following assets were used during the production of this liquid text tutorial:
1. How to Prepare a Document for Creating a Liquid Glitch Text Effect
Let's start by setting up a new document with a Size of 3000 x 2000 px and the Background Contents set to Black.
After that, go to File > Place, put the free dust texture above the background layer, and change its Opacity to about 45%.
After that, create a text layer using any font you want to use and White color. I used the Highman Font, which I found on Envato Elements.
Create a duplicate of the layer by hitting Control-J (or Right Click > Duplicate).
2. How to Create Melting Letters in Photoshop
Select the second text layer and go to Edit > Transform > Flip Vertical. Then Move the layer down, as you can see on the screen.
Select both layers while holding Shift and move them to the center.
Select the second text layer and press Control-T to activate the Free Transform Tool, and then drag the bottom and top lines of the Free Transform Tool, as shown below.
Select the text layers while holding Shift and then Right Click > Rasterize Type. Then Right-Click one more time and select Merge.
Now, we are ready to create our melting font effect! Hit Shift-Control-X to open the Liquify tool, and then select the Forward Warp Tool and set the Size to about 600 and the Pressure and Density to 100.
Let's start dragging our brush around the top half of the text, to make it a bit "wavy".
Now we can drag the bottom half of the text down, until it looks as if it's starting to melt. Don't hesitate to make these elements thinner or thicker—it really depends on your taste! Once you've finished, just hit OK.
Create two duplicates of the layer by pressing Control-J (or Right Click > Duplicate). Rename these layers to Red, Green, and Blue.
Double-Click on the Red layer and make the Blue and Green channels Invisible.
Leave only the Green Channel visible on the Green layer and only the Blue Channel visible on the Blue layer.
Move the green layer 25 px to the right and the blue layer 50 px to the right. It will create a glitch text effect.
Select all the text layers and Right-Click > Convert to Smart Object. Then go to Filter > Noise > Median and set it to 22.
This is how it should look now:
Now we can add one more element to our melting letters—this step is optional! Go to Liquify (Shift-Control-X) and select the Twirl Clockwise Tool with the following settings:
- Size: 450
- Pressure: 60
- Density: 100
- Rate: 100
This is how our effect will look with the twirl effect applied to it:
Create a Duplicate of the Smart Object and then go to Filter > Blur > Motion Blur and set the Angle to 90 and the Distance to 700.
Now let's move the second smart object down by 350 px. Change the Blend Mode of this layer to Color Dodge and the Opacity to 60%.
Place the plastic wrap texture #9 above all the layers and change the Opacity to 25%.
3. How to Set Up Color Correction for the Melting Font Effect
Go to Layer > New Adjustments Layer > Brightness/Contrast and use the following settings: Brightness: -37 and Contrast: 30.
Create another adjustment layer, this time selecting Hue/Saturation and setting the Hue to -12 and Saturation to +69.
And finally, go to Layer > Adjustments one more time and select Curves, using the settings shown below:
Here's our liquid melting text effect:
4. How to Create a Liquid Melting Text Effect With the Smudge Tool
Now, let's try one more technique of creating melting letters. We need to create three rasterized text layers (I used the Novus Sans font, but you can use any other font you like) with channels separated to red, green, and blue, just as we did before.
After that, select the Smudge Tool from the Tools panel and use the following settings:
- Size: 250
- Hardness: 25%
- Strength: 72%
Select the red layer and start dragging your smudge brush around each letter until you get a slight glitch effect.
Repeat the same process with other layers.
After that, select the red layer and start dragging your brush down the letter to give it a melting look.
Continue to smudge all the letters on the red layer the same way.
And finally, just smudge other layers the same way!
Group all the layers into one folder and then Double-Click on this new group and add a Color Overlay with the following settings:
- Blend Mode: Hard Light
- Opacity: 25%
- Color: Orange
Right-Click on the Group and select Convert to a Smart Object, and then create a duplicate of this layer by pressing Control-J.
Add a Gaussian Blur filter with the Radius of the duplicate set to 25, and add a Color Overlay with the same settings we used before.
Change the Blend Mode of the Smart Object to Linear Dodge.
Place the plastic texture, with the Opacity set to 35%.
Here's the result of our manipulations:
5. How to Create Alternative Color Adjustments for the Melting Text Effect
Let's make our melting glitch text effect even more interesting with some color adjustment layers. Go to Layer > New Adjustment Layer > Curves and use these settings:
Change the Opacity of the curves layer to 60%.
Create another Curves layer with the following settings:
Change the Opacity to 75%.
Create a Hue/Saturation adjustment layer and set the Hue to -66 and Saturation to 74.
And for the last step, Group the last two adjustment layers and change the Opacity of this new group to 50%.
Awesome Work, You're Now Done!
Today you've learned how to make a melting effect in Photoshop! Using Photoshop tools like the Liquify Tool and the Smudge Tool, you can create some awesome effects, I hope you enjoyed the tutorial and you're now ready to create awesome artworks with the methods we've covered.
5 Top Melting Effect Photoshop Actions and Text Effects From Envato Elements
Want to create a liquid glitch text effect in seconds? Try this amazing set of liquid melting text effects in a PSD file format! You get three different designs with a trendy look, which you can apply to any font or shape. All the PSD files are created with smart objects, so all you need to do is place your design inside a special layer, and voila!
If you are looking for a more pronounced liquid melting text effect, check out this package of smart PSD files! This melting effect pack will be a great addition to your creative library. All the liquid text effects are fully customizable and can be used with any font or shape. Beautiful color combinations and background elements create an amazing look, and you can easily use these for your Instagram or blog!
Another trendy effect here! This is not a melt glitch text effect, but it looks so cool and realistic! Convert your text into a beautiful-looking artwork with tons of details and great colors. All the elements of this effect are fully customizable, and you can change or remove any element.
80s Retro Text Effects Vol. 01 (PSD, ASL, PDF)
If you are a fan of 80s and retrowave design, we've got something for you! This package contains ten different PSD files with smart objects and fully editable designs. With these effects, you can create 80s text effects with no effort. Just select the one you like and change the text to yours!
Play: 80s Retro Text Effect (PSD, PDF)
Designing a game poster or need to freshen up your Twitch banner? Check out this cool Photoshop effect inspired by the text effects of the 80s and old 8-bit games. It boasts a clean and simple design with neat background elements in a well-organized PSD file. Just change the text and colors if needed, and your design is ready!
Wondering how to make other types of text effects in Adobe Photoshop? Check out these amazing tutorials:
- Text EffectsHow to Create an Easy Digital Glitch Text Effect in Adobe PhotoshopRose
- Text EffectsHow to Create a Typewriter Font Text Effect (And the Best Typewriter Fonts)Ivan Gromov
- Photoshop ActionsHow to Create a Fur Action Text Effect in Adobe PhotoshopAnderson Luiz
- Text EffectsHow to Create a Magma Hot Text Effect in PhotoshopGianluca Giacoppo
- Text EffectsHow to Make Dripping Text in PhotoshopIvan Gromov
- Text EffectsHow to Create an 80s-Inspired Text Effect in Adobe PhotoshopIvan Gromov