Blog

What You will Study in This Underwater Impact Photoshop Tutorial

• Find out how to add textual content and texture to a doc
• Find out how to create an underwater impact in Photoshop
• Find out how to add the ending touches

What You will Want

The next property are used on this tutorial:

Now, let’s dig proper in and begin experimenting with some textual content and funky underwater results.

1. Find out how to 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 need to work at a better decision if you would like to print your work.

When you’re completely satisfied 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 Inventory Picture from Envato Components, however you might 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 kind out no matter textual content you need, utilizing the Textual content Device, in your font of alternative. Within the case of this instance, I will be utilizing the Fibre Classic font. 

Don’t fret about results, positioning, or the rest at this level—simply put down the textual content you need first.

I made a decision to make two completely different Textual content Layers. You may make as many as you want. Make the textual content a darkish grey shade. 

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 manner, if wanted.

Step 5

Rotate and place the textual content nevertheless you’d prefer it, in opposition to the water. I opted to rotate it just a little, so the shot feels just a little 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 creating a pleasant underwater overlay. 

2. Find out how to Create an Underwater Impact

Step 1

One of many main objectives right here is to have the textual content seem like affected by the water. We may do that in quite a few 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 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 might be welcome to name yours no matter you favor. 

Step 2

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

Step 3

Then, you will see this popup dialog field for the underwater overlay. 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 might like the world to be just like the unique background picture we have used right here. 

While you’re completely satisfied together with your settings, click on OK. Bear in mind, in case you do not just like the consequence, you’ll be able to all the time Undo (Management-Z on PC, Command-Z on Mac) and check out completely different values. I typically prefer to experiment just a few 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 wish, but it surely nonetheless appears to be like type of clear, does not it? We would anticipate 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 it’s possible you’ll favor roughly. I might suggest one thing that provides it just a little little bit of a blur, but additionally stays legible. Quite a lot of blur would possibly look good, but when we will not learn the textual content nicely, that may defeat our objective.

Click on OK once you’re pleased with the worth you have chosen. Bear in mind, you can even undo and check out once more in case you change your thoughts.

3. Find out how to Add the Ending Touches

Step 1

So, we have got the beginnings of what we might love to do right here—however let’s push it ahead and do some extra with this underwater impact in Photoshop. 

Personally, I might just like the textual content to be darker. Now we have just a few 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 on the lookout for.

Step 2

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

You will discover that it comprises the textual content as we initially had it in our doc. You may make modifications right here—just like the textual content shade or the textual content itself. Then, once you reserve it, this shall be mirrored in our doc.

Step 3

On a aspect word, remember that 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 want to regulate for that (since we labored with a shade with a darkish worth initially). 

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

Step 4

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

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

Step 5

Lastly, I wished to make just a little 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 just a little.

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

And Now Our Textual content Is Underwater!

I hope you loved strolling by this underwater overlay impact with me—and I hope you will have lots of enjoyable experimenting with it and making your personal underwater texture Photoshop creations. Once more, there are lots of other ways to distort your textual content—need to know learn how to warp textual content in Photoshop even additional? If you would like to make much more changes, I might suggest having a look at Edit > Rework > Warp.

Now you know the way to make water textual content in Photoshop. Thanks for following together with me, and good luck together with your inventive initiatives.

5 High Photoshop Textual content Results From Envato Components

Love textual content results in Photoshop and need to take a look at extra you’ll be able to experiment with—proper now? Take a look at these different Photoshop textual content results which can be ready-made and able to go.

1. Classic Textual content Results Vol.3 (PSD)

Take a look at this assortment of Classic Textual content Results in Photoshop. There are such a lot of colourful, whimsical, and fascinating choices to select from right here, excellent for a wide range of potential initiatives. 

2. 80s Textual content Results Vol.1 (PSD)

I do not learn about you, however I like the 80s—and I like these superior 80s cool textual content results for Photoshop. Take a look at all of the saturated colours, the glam, and the modern, retro type. I am already interested by all of the cool issues I might like to check out with these. 

3. Steel Layer Kinds: Photoshop Gold Textual content Impact (PSD)

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

4. 3D Textual content Results Vol.3 (PSD)

There are such a lot of enjoyable results to select from on this third quantity of 3D cool textual content results for Photoshop. Simply change the textual content with Good Objects—a snap, proper? Take a look at Quantity 1 and Quantity 2 for much more results to check out.

5. 100 Photoshop Layer Kinds Bundle: Textual content Impact (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 fireplace textual content results, this one comprises just a little little bit of every thing. What an superior addition to any assortment.

Discover Extra Photoshop Textual content Impact Tutorials and Assets

For those who loved this Photoshop textual content impact tutorial, take a look at these others. Comfortable creating!