top of page

Create A Summer Themed Split Water Effect With Photoshop


Level: Advanced Program: Photoshop CS6, Windows 10 Time to Complete: 1 hour

What We Will Be Learning: In this tutorial, we will be learning how to create a split water effect. This tutorial assumes you have knowledge of basic Photoshop functions such as adjustment layers, layer masks, and layer effects.

Images Used: Water surface: #35249995 | Water Line: #44426775 | Underwater: #35273542 | Model: #19632292 | Sky: #15881747 | Water Reflection: #33392691

Note: At the end of each step there is an image of what my layers look like at the point of that step in case you get lost!

Step One: Creating the Background

First, we the going to prepare our background. Our background is 3710×5760 px in size. Feel free to use a smaller size.

1. Create a color fill layer. Color #90b8ff. 2. Find an image of a water line, on a black background (Image #44426775). Place it in the middle of your canvas and set it to screen. 3. Mask out any unwanted bubbles.

summer photoshop tutorial 123rf blog

1. Find a water surface image (image #35249995). Position it below your water line, and mask out the sky and any unwanted water.

summer photoshop tutorial 123rf blog

1. Create and clip a new layer into your water surface layer. Set it to “Soft Light”. 2. Using a medium, soft, round brush paint white around your water surface and black in the middle area. Set the layer opacity to 75%.

summer photoshop tutorial 123rf blog

1. Paste an underwater sea floor image (image #35273542) under your water line and water surface layers.

summer photoshop tutorial 123rf blog

1. Create and clip a Hue/Saturation adjustment layer into the underwater image. Settings: Check Colorize, Hue 176 and Saturation 36. The color will look odd for now, but we will be adding an overlay color later! 2. Create and clip a new layer into your underwater layer. Set it to “Soft Light”. 3. Using a medium soft brush paint white and black in diagonal lines to create “light rays”.

summer photoshop tutorial 123rf blog

Group all your layers, except the water line layer, together in a group and call it “water”

Layers:

summer photoshop tutorial 123rf blog

Step Two: Color Correction

Usually, I would save this for the very end, but in the case of this image we are going to do it early on! Remember, these layers will ALWAYS be above all other layers.These are ordered from last to first.

1. Create a Color Lookup layer. Settings: Abstract- Pastel 8 Hues, set to “color”, at 50% opacity 2. Create a Color Lookup layer. Settings: 3Strip at 70% opacity 3. Create a Color Lookup layer. Settings: Crisp Warm at 21% opacity 4. Create a Color Lookup layer. Settings: HorrorBlue at 41% opacity

summer photoshop tutorial 123rf blog

Group all these layers into a group and name it “CC”, Remember that this group will always be at the top of out layers.

Layers:

summer photoshop tutorial 123rf blog

Step Three: Placing You Model

Next, we are going to place out model into the environment. Your model and her layers will be under the “water line” layer.

1. Extract and place your model.

summer photoshop tutorial 123rf blog

1. Add a Inner and Outer Glow layer effect to the model. Your settings may differ, but here are mine:

Inner Glow

summer photoshop tutorial 123rf blog

Outer Glow

summer photoshop tutorial 123rf blog
summer photoshop tutorial 123rf blog

1. Add a layer mask to your model. 2. Using a hard round brush, mask out a thin section of your model. Similar to what you see below.

summer photoshop tutorial 123rf blog

1. Create and clip and new layer into your model. Set it to “Soft Light”. 2. Using a medium, large, soft brush paint white in the highlights and black in the shadows of your model.

summer photoshop tutorial 123rf blog

1. Above our model, create a blue (#094477) rectangle shape with the shape tool. 2. Set it to “Multiply” at 80% opacity.

summer photoshop tutorial 123rf blog

1. Add a layer mask to the rectangle and mask out the part of the rectangle that is above the water line. 2. Find a water reflection image (image #33392691), place it over your models legs and set it to “Screen” with an Opacity of 23%. 3. Add a layer mask to the water reflection layer and mask and image that is not on her legs. We only want the pattern on her legs.

summer photoshop tutorial 123rf blog

1. Create a new layer below your model layer. 2. With a hard, round brush paint white around you models waist and her wrist to create water ripples.

summer photoshop tutorial 123rf blog

Group all your model layers together in a group names “Models”.

Layers

summer photoshop tutorial 123rf blog

Step Four: Water Detail

We are going to add a couple quick little details to our water, now.

1. Create a new layer above your water line image. Set it to “Soft Light”. 2. Using any grunge, or smoke brush, paint white across the models stomach and wrist. 3. Create a new layer and keep it set to “Normal”. 4. Using a large, soft, round brush paint blobs of white on the sides and on the edge of the water. Focusing on the areas of the water line that your model is not touching.

summer photoshop tutorial 123rf blog

Group the two layers together in a group named “Lines”.

Layers:

summer photoshop tutorial 123rf blog

Step Five: Adding a Sky

1. Fine a bright blue sky image (image #15881747) and place it behind your model. 2. Set it to “Soft Light”. 3. Add a layer mask, and using a large, black, round brush and mask out and edges so it blends.

summer photoshop tutorial 123rf blog

1. Create and clip a new layer into your sky and set it to “Soft Light”. 2. Add white in the upper left corner with a soft round brush, and black behind your model. Set the opacity to 79%.

summer photoshop tutorial 123rf blog

Group the layers together and name it “Sky”.

Layers:

summer photoshop tutorial 123rf blog

Step Six: Light Flare

Finally, we are going to add some light flares to give a more diverse color range.

1. Create and new layer and set it to “Screen”. 2. Using the Gradient tool, create an orange (#f33a00) diagonal gradient coming from  the left side of the sky. 3. Set the Opacity to 80% opacity.

summer photoshop tutorial 123rf blog

1. Create a new layer that is also set to “Screen”. 2. Using the Gradient tool again, create a blue (#4179ff) horizontal gradient coming from the bottom of the water up. 3. Set the opacity to 38%

summer photoshop tutorial 123rf blog

And you are done!

Final Layers:

summer photoshop tutorial 123rf blog

Hope you love this tutorial, just in time for summer season! You can use this technique on any other model picture or even your own! Let us know what you think of the overall results in the comments below.

Other Tutorials You Will Love Flaunting:

125 views
bottom of page