1. Design & Illustration
  2. Graphic Design
  3. Photo Manipulation

How to create underwater effects in Photoshop

Learn how easy it is to make objects look as if they're underwater in this instalment of the Advanced Photoshop Techniques course.
Scroll to top

In our previous tutorial, you learnt how to prepare and compose assets for a music album cover design. In this tutorial, you're going to learn how to make the objects you used in your composition look as if they're underwater.

If you prefer video tutorials, watch the complete Advanced Photoshop Techniques course from the Tuts+ YouTube channel. Additionally, you can check out the Advanced Photoshop course page.

Download the items used to create an album cover in Photoshop from this collection at Envato:

Download course files from Envato

Watch the video: How to create underwater effects in Photoshop

Please accept marketing cookies to load this content.

Create an underwater effect in Photoshop

Now, we need to start making everything look as if it's underwater. Here are the steps to follow:

Step 1

Go to the sky layer, add a layer mask, and remove the waves in the background at the bottom of the image.

underwater effect Photoshopunderwater effect Photoshopunderwater effect Photoshop
Underwater effect in Photoshop

Step 2

Now add a solid color layer. Pick an ocean-y blue color like #0082a3 and change the Blend Mode to Soft Light. Then select the mask, grab the Brush Tool, and brush away everything that's above the water so that the blue only affects what's under the surface.

underwater effect Photoshopunderwater effect Photoshopunderwater effect Photoshop

Step 3

Duplicate the color layer. Change the color to #003745, change the Blend Mode to Normal, and make the Opacity 79%.

underwater effect Photoshopunderwater effect Photoshopunderwater effect Photoshop

Step 4

Select the layer mask on the Wave surface layer and brush away the bright turquoise color from the image. Use the Multiply blending mode to blend it in.

Underwater Effect PhotoshopUnderwater Effect PhotoshopUnderwater Effect Photoshop

Next, move the wave down so that it sits below the horizon line of the sky background to reveal some of the ocean in the distance. You'll need to clean up the color overspill from all those solid color adjustment layers that extend up into the sky. 

Underwater Effect PhotoshopUnderwater Effect PhotoshopUnderwater Effect Photoshop

Step 5

Now, let's work on the other underwater elements. Select the ocean underwater layer which has some rocks in the background. Scale and rotate the layer so that the rocks appear in the background of this composition.

Underwater Effect PhotoshopUnderwater Effect PhotoshopUnderwater Effect Photoshop

Step 6

Go to the top five rock layers that you created in the last tutorial and delete the original rock. Grab the other four and drag them under the solid color adjustment layers so that they're now underwater.

Underwater Effect PhotoshopUnderwater Effect PhotoshopUnderwater Effect Photoshop

Step 7

Select the guitar, go to Hue/Saturation, check Colorize, and make the guitar blue. Mask away any of that colorize effect above the water so that the guitar is just blue under the water. Finally, drop the Opacity down to 45%.  

Underwater Effect PhotoshopUnderwater Effect PhotoshopUnderwater Effect Photoshop

Discover more Photoshop resources and tutorials

In this tutorial, you learnt how to make objects look as if they're underwater. In the next tutorial, you'll learn how to retouch underwater elements in Photoshop.

Be sure to check out other upcoming articles on Envato Tuts+ and the Envato blog to discover more Photoshop tutorials. And for the digital subscription that will cover all your creative Photoshop assets and needs, visit Envato!

Here are some great resources to get you started: