How to Create an Underwater Text Effect in Photoshop

Water could make for such lovely, inspiring visuals! On this water typography tutorial, we’ll take some textual content and visually “place it” underwater—making a wavy textual content impact, wanting down and into the water, with the textual content visually beneath. 

By the way in which, if you happen to simply wish to create superior Photoshop text effects on the click on of a button, take a look at this cool water textual content impact, or scroll down after this tutorial to seek out extra!

Do you like watching tips on how to make water textual content in Photoshop? We have got this cool water typography tutorial from the Envato Tuts+ YouTube channel for you:

What You will Be taught in This Underwater Impact Photoshop Tutorial

• add textual content and texture to a doc
• create an underwater impact
• add the ending touches

What You will Want

The followings property are used on this water typography tutorial:

Now, let’s dig proper in and begin experimenting with some sort and funky underwater results! 

1.  Add Textual content and Texture to a Doc

Step 1

Begin with a New Doc—any measurement right here will do! 

Maintain the scope of your challenge in thoughts: are you hoping to create one thing print-ready or one thing to be used on-line? I will work at 850 x 650 for this instance, however you would possibly wish to work at the next decision if you would like to print your work.

When you’re glad together with your settings, click on OK.

Step 2

Subsequent, Paste your watery background picture into your doc. On this case, we’ll be utilizing this Water Stock Photo from Envato Elements, however you can use any picture you want!

That is going to be the water that we’ll base our textual content on. 

Step 3

Now, let’s add the textual content to create a water textual content impact. Merely sort out no matter textual content you would like, utilizing the Textual content Instrument, in your font of alternative. Within the case of this instance, I will be utilizing the Fibre Vintage font. 

Don’t be concerned about results, positioning, or anything at this level—simply put down the textual content you would like first!

I made a decision to make two totally different Textual content Layers. You can also make as many as you want. Make the textual content a darkish grey coloration. 

Step 4

Subsequent, make your Textual content Layer (or Layers) right into a Good Object. 

To take action, choose the relevant Layers, Proper-Click on (on PC) or Management-Click on (on Mac), and choose Create Good Object from the drop-down menu.

We’ll be making use of results to this Good Object. We’ll be capable to extra simply protect and alter the unique textual content this fashion, if wanted.

Step 5

Rotate and place the textual content nonetheless you’d prefer it, in opposition to the water. I opted to rotate it slightly, so the shot feels slightly extra pure. 

Step 6

Now, set this layer’s Mixing Mode to Overlay. You will discover that this modifications the textual content’s look on the water. 

2. Create an Underwater Impact

Step 1

One of many main targets right here is to have the textual content look like affected by the water. We might do that in numerous methods—like utilizing the Warp Instruments, Distort Filters… there are many choices! Nevertheless, on this case, let’s check out the Displace Filter. 

First, choose the layer with the water background in it. Click on on the thumbnail on the layer to pick out the content material (or press Command-A (on Mac) or Management-A (on PC). 

Now, Create a New Doc. Paste this picture and Save this doc. I known as my doc “displace.psd”, however you’re welcome to name yours no matter you like. 

Step 2

Now, let’s return to our authentic doc. Choose the layer with our Good Object. Then, choose Filter > Distort > Displace. 

Step 3

Then, you will see this popup dialog field. I went with a Horizontal and Vertical Scale of 10, however I’d encourage you to experiment with this! I additionally selected Stretch to Match, as I would like the world to be just like the unique background picture we have used right here. 

Whenever you’re glad together with your settings, click on OK. Bear in mind, if you happen to do not just like the consequence, you may at all times Undo (Management-Z on PC, Command-Z on Mac) and check out totally different values. I typically wish to experiment a couple of instances.

Choose your displace.psd file created earlier because the file that the Displace Filter will use to create this impact. 

Step 4

And here is what the textual content appears to be like like with this impact utilized. It is getting nearer to what we would like, nevertheless it nonetheless appears to be like sort of clear, would not it? We would count on to see some blur right here, because the water is between us and the water on the bottom.

Let’s apply a Gaussian Blur to this Good Object. Go to Filter > Blur > Gaussian Blur.

Step 5

I went with 2.0 on the radius right here, however you could want roughly. I would suggest one thing that offers it slightly little bit of a blur, but additionally stays legible. A number of blur would possibly look good, but when we won’t learn the textual content properly, which may defeat our goal.

Click on OK if you’re proud of the worth you’ve got chosen. Bear in mind, it’s also possible to undo and take a look at once more, if you happen to change your thoughts.

3.  Add the Ending Touches

Step 1

So, we have the beginnings of what we might love to do right here—however let’s push it ahead and do some extra with this water textual content impact design. 

Personally, I would just like the textual content to be darker. We now have a couple of choices right here. 

I Duplicated the Good Object Layer twice, leaving the Mixing Mode on every set to Overlay. The consequence was simply what I used to be searching for.

Step 2

Nevertheless, as a result of we put this sort right into a Good Object, we are able to return and alter it any time we like. Double-click on the thumbnail to open up the Good Object.

You will discover that it incorporates the textual content as we initially had it in our doc. You can also make modifications right here—just like the textual content coloration or the textual content itself. Then, if you reserve it, this will probably be mirrored in our doc.

Step 3

On a aspect word, needless to say these modifications may need to be accounted for! For instance, altering the colour would possibly have an effect on the mixing modes—if I make the textual content mild pink, I would like to regulate for that (since we labored with a coloration with a darkish worth initially). 

In that situation, I would just drop my further Overlay layers and set the Good Object Layer to Shade Burn, Opacity 75%. Voila, we’ve got the same impact. 

Step 4

Made any modifications that you do not wish to maintain? Merely undo! Inside the Good Object, make sure that to avoid wasting any modifications. 

To wrap up, I am going again to the unique coloration and Mixing Modes we had been working with earlier. 

Step 5

Lastly, I wished to do some adjustment right here. I copied the water Background Layer and introduced it to the entrance of my Layers. Then, I set the Mixing Mode to Display screen, Opacity 20%. I simply wished to lighten issues up slightly.

Nevertheless, I like to recommend experimenting with Mixing Modes—try the way it appears to be like with Shade Dodge or Shade Burn! Experimenting with Mixing Modes is a good way to get extra acquainted with them. 

And Now Our Textual content Is Underwater!

I hope you loved strolling by this underwater impact with me—and I hope you have got lots of enjoyable experimenting with it and making your individual underwater texture Photoshop creations! Once more, there are lots of alternative ways to distort your textual content—wish to know tips on how to warp textual content in Photoshop even additional? If you would like to make much more changes, I would suggest looking at Edit > Remodel > Warp! 

Now you understand how to make water textual content in Photoshop! Thanks for following together with me, and good luck together with your artistic initiatives!

5 Prime Photoshop Textual content Results From Envato Components

Love textual content results and wish to try extra you may experiment with—proper now? Try these different Photoshop text effects which might be ready-made and able to go.

1. Vintage Text Effects Vol.3 (PSD)

Try this assortment of Classic Textual content Results! There are such a lot of colourful, whimsical, and attention-grabbing choices to select from right here, excellent for quite a lot of potential initiatives. 

2. 80s Text Effects Vol.1 (PSD)

I do not learn about you, however I love the 80s—and I like these superior 80s textual content results! Try all of the saturated colours, the glam, and the glossy, retro type! I am already serious about all of the cool issues I would like to check out with these. 

3. Metal Layer Styles: Photoshop Gold Text Effect (PSD)

These textual content results are superior—they usually do not simply are available in gold. There’s chrome, bronze, metal… lots to select from in these easy-to-use Layer Types. 

4. 3D Text Effects Vol.3 (PSD)

There are such a lot of enjoyable results to select from on this third quantity of 3D Textual content Results! Simply change the textual content with Good Objects—a snap, proper? Try Volume 1 and Volume 2 for much more results to check out!

5. 100 Photoshop Layer Styles Bundle: Text Effect (PSD)

This can be a large assortment of Photoshop textual content results—lots to play and experiment with! From textured results and slimy textual content results to fireside textual content results, this one incorporates slightly little bit of all the pieces! What an superior addition to any assortment!

Discover Extra Photoshop Textual content Impact Tutorials and Assets

Should you loved this Photoshop textual content impact tutorial, try these others! Completely satisfied creating!

Editorial Observe: This submit has been up to date with contributions from Maria Villanueva. Maria is the Affiliate Editor of the Tuts+ Design channel.