I’ve got a nice little text effect that I’d like to share with you today. This one is a “self-contained” effect, meaning it can be completed entirely inside of the Layer Style palette. It’s so simple, but it’s got a really cool look to it. I guess you could call it a liquid effect because the end result appears as though someone has melted the text inside of an oven. You’re going to love this one. And the best part is that after the effect has been applied, it’s completely editable. You can use the Horizontal Text Tool to change the wording if you wish.
In today’s post, I’m going to demonstrate how to go about applying the text effect I just mention above using Adobe Photoshop. I’ll first write the text out in an empty document and then I’ll apply a few different layer styles to it. From there, I’ll manipulate those styles in a way that’s somewhat unexpected. I hope you like it.
The Demo Text
I’ll start off with writing a random word on an empty document inside of Photoshop. Today, I decided upon the word “MELTED” because it seemed appropriate. I also gave it a random color because the actual text color doesn’t even matter at this point. Here’s the text.
So basically, I have a document with two layers at this point. The bottom layer is a white background and the top layer is the text.
Adding a Drop Shadow & Adjusting the Settings
I’d like to now add a drop-shadow to the text. To do this, I’ll double-click on the text layer in the Layers panel and then, when the Layer Style palette opens up, I’ll click on the Drop Shadow option in the left column. If you’ve ever seen this area of the Layer Style palette, you’re familiar with what it looks like. If you’re not, this is pretty much the default look and these are the default settings.
It’s in this one area that almost all the work will be done. Watch how easy this is.
I’ll work right down this list of options. I’ll first change the Blend Mode to Normal and the Opacity to 75%. Then, I’ll keep the Angle at 90°.
This is what I have so far.
Next, I’ll change the Distance, Spread and Size to 20px, 25% and 35px respectively.
Making these changes will give me this.
The next step I’ll take is to click on the Contour box and then, when the Contour Editor dialog opens up, I’ll click the Preset drop-down and inside of that drop-down, I’ll select the Ring – Double option.
Now let’s take a look at what I have.
Okay, as you can tell, I’ve got a bit of a problem. We can clearly see that I’m going for a shadow effect, but the original text is blocking it. I’d like to get rid of that text, or at least hide it so it’s invisible. To do this, I’ll head up to the Blending Options option in the left column and click. Once I’m in that area, I’ll push the Fill Opacity slider all the way to the left until it has a value of 0%. This will completely hide the text, but will leave the shadow.
At this point, I think it’s safe to return to the Drop Shadow area, so that’s what I’ll do. But first, let’s take a look at what I’ve got as a result.
Wait a second. That doesn’t look very good. The text is gone, but it appears that it’s still cutting out part of the shadow. Okay, the way to fix this is to uncheck the Layer Knocks Out Drop Shadow option in the Drop Shadow area. This will allow for the shadow effect to shine through, without being blocked at all by the original text.
You know, there’s a reason why I’m doing things in this order. I wanted to confront these issues as I was explaining things to you. I learn better like this and my hope is that you do too.
Okay, let’s see what I have now.
Making Final Adjustments
What I have right now is indeed the effect. A few minor adjustments need to be made though before it will actually look good. I’ll go ahead and change the color of the shadow to a darkish orange and then I’ll push the Size slider to the left a bit so its value is only 20px as opposed to 35px. That gives the text some clarity. Here’s the result.
If I wanted to go even further, I could darken the orange a bit and add a 30% value for the Noise setting. This is what that looks like. It looks like a sandblaster hit the text, which could be neat in some cases.
As you can see, I changed the text in the above example, just like I said I could in the top part of this post. It’s totally editable.
I hope you’re getting an idea of how flexible this area of editing in Photoshop can be. The sky really is the limit. I can sit here all day and make changes to this for a whole bunch of different effects, but I’ll leave that to you. I hope I clearly explained how to create this liquid or melted text effect as well as a sandblasted text effect inside of Adobe Photoshop. If you have any questions regarding this post, please ask in the comment section down below or in the Photoshop forum. Thanks for reading!