How to create underwater effects in Photoshop

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

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:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Daniel White

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

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:


This content originally appeared on Envato Tuts+ Tutorials and was authored by Daniel White


Print Share Comment Cite Upload Translate Updates
APA

Daniel White | Sciencx (2024-09-08T21:39:10+00:00) How to create underwater effects in Photoshop. Retrieved from https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/

MLA
" » How to create underwater effects in Photoshop." Daniel White | Sciencx - Sunday September 8, 2024, https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/
HARVARD
Daniel White | Sciencx Sunday September 8, 2024 » How to create underwater effects in Photoshop., viewed ,<https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/>
VANCOUVER
Daniel White | Sciencx - » How to create underwater effects in Photoshop. [Internet]. [Accessed ]. Available from: https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/
CHICAGO
" » How to create underwater effects in Photoshop." Daniel White | Sciencx - Accessed . https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/
IEEE
" » How to create underwater effects in Photoshop." Daniel White | Sciencx [Online]. Available: https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/. [Accessed: ]
rf:citation
» How to create underwater effects in Photoshop | Daniel White | Sciencx | https://www.scien.cx/2024/09/08/how-to-create-underwater-effects-in-photoshop/ |

Please log in to upload a file.




There are no updates yet.
Click the Upload button above to add an update.

You must be logged in to translate posts. Please log in or register.