Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them.  Home Photoshop Photoshop Basics Creating a Water Effect in Photoshop

Creating a Water Effect in Photoshop


Step 1

First off, create a new document with a white background and set the canvass size at 500 by 600 px. Increase the resolution of the document to 260 pixels. Select the Rectangular Marquee Tool (M) and draw a vertical rectangle all the way down to the canvass.

image 1

Step 2

Now select the Gradient Tool (G) and on the Gradient Tool Presets or settings, click to edit the gradient. From the left-hand side, these are the colours of the "stops." 1.#c8d3df 2.#e8edee 3.#c4c9cf 4.#e4e7e9 5.#98999a 6.#c1cad3 7.#f6f7f8. For the Opacity Stops  from the left: 60%; 65%; 50%; 60%.

image 2

Step 3

As shown below, drag the Gradient Tool within the Marquee selection.

image 3

Step 4

From the left, drag the Gradient Tool across the selection in a slightly diagonal direction.

image 4

Step 5

From the right, drag again downwards.

image 5

Step 6

Finally, from the left, drag the Gradient Tool diagonally upwards.

image 6

Step 7

Go to Filter > Artistic > Plastic Wrap and in the options, set the Highlight Strength to16; Detail to 10; Smoothness to 8. Deselect the Marquee also.

image 7

Step 8

Now to add more shine. Go to Filter > Sketch > Bas Relief and make the adjustments below:

image 8

The resulting effects:

image 9

Step 9

On the menu bar, select Image > Adjustment > Levels (Ctrl+L). Enter these figures for the Input Levels as shown below. The end result is to give one half of the image a faint shade or tone.

image 10

Step 10

Go to Image > Adjustments > Curves or press (Ctrl+M) and drag downwards the bottom point of the curve. Or you may enter the Input/Output figures.

image 11

The purpose of Curves is to tone just the bottom part of the image.

image 12

Step 11

To shape the image, go to Edit > Transform > Warp or hit Ctrl+T. Upon shaping with the Warp, make sure the topmost white part of the image is visible as a long long strip.

image 13

Name the layer "flow."

image 14

Step 12

We'll now add a splash to the streaming flow of water. In a new layer, draw an 'amoebic' shape (if you'll pardon the expression) with the Pen Tool (P) and fill with #e0e0e9.

image 15

Step 13

Still on the "splash" layer, go to Filter > Artistic > Plastic Wrap and make the adjustments below. Follow this up with a Bas Relief effect (Filter > Sketch > Bas Relief). Do make sure Light is set to Bottom Left.

image 16

The result:

image 17

Step 14

Now to create a proper splash-like shape. Go to Filter > Liquify (Shift+Ctrl+X) and select the Forward Warp Tool (W) in the Liquify window.Under the Tool Options, set Brush Size at 11, Density at 50 and Pressure at 60. Now with the Forward Warp Tool, extend edges of the shape in various directions.

image 18

Step 15

Select the Bloat Tool (B) and hold down briefly to create bloated portions of the image. the Brush Pressure and Size could be adjusted slightly according to your personal preference. Just don't make the brush too sensitive by increasing it's Pressure.

image 19

image 20

Step 16

Add a Bas Relief effect: Filter > Sketch > Bas Relief.

image 21

Step 17

In a new layer, draw a shape with the Rectangle Tool (U) that would form the background. Add a Gradient Overlay Layer Style and set the colours of the Stops from the left: 1.#9397a0 2.#252d4f 3.#6b7074. Reduce the opacity of the "background" layer to 50%.

image 22

Step 18

Select the Burn Tool and choose a soft brush at 8px , the Range set to Midtones and Exposure reduced to 45%. Now, apply the tool across the base of the splash.

image 23

Step 19

Duplicate the "splash" layer and with the Free Transform Tool (Ctrl+T), right click to select Rotate 90 degrees CW .After which you right click again to select Flip Horizontal. Reduce the "splash" layer opacity to about 65%.With the Eraser Tool (E), Opacity at 40% fade the top part the splash shape.

image 24

Step 20

Create a new layer and pick the Rectangle Tool to draw a rectangle right below the splash shape. Add a Gradient Overlay style and edit the Gradient as shown below:

image 25

image 26

Step 21

Blur the edges of the rectangle by going to Filter > Blur > Guassian Blur. Set the Radius to about 35 px.

image 27

Step 22

Reduce the "flow" layer's opacity to 90% and set the Blend Mode to Hard Light. Do the same for the "splash" layer except its opacity should be left unchanged. Also have this layer sharpened twice (Sharpen > Sharpen)to make the splash a little more 'crisp' to say the least.

B.

If you have the Bubbles Brush though I can't recall right now if it with came preloaded with Photoshop or I downloaded it from somewhere. But a Soft Round Brush can still serve the same purpose. A new layer should be created for more intricate splashes and brush color set at #f7f7fa. Have both the "splashes" and "splash" layers sharpened.

.image 28

Step 23

Though I intended the above image should be the final one, not being satisfied, I duplicated the "background" layer and change the Gradient Style to Radial. The colour of background (more importantly a dark one) determines the look of your water effect when the Blend Mode is set to Hard Light. Therefore, you can create different variation of your water effects.

image 29

Step 24

For more realism, I set the Blend Mode of both the "flow" and "splash" layers to Pin Light. For this gave the water effect more transparency. The duplicated "background" layer was hidden as well.

image 30

Step 25

Here the duplicated "background" layer was enabled and as a result the flowing water was given more visibility. I however 'thirst' to use these techniques to create more complex compositions or artworks involving human figures.

image 31

Step 26

For the final image, I used the free Transform Tool's Distort Tool to make the flow of water narrower. Well, this is where the tutorial ends for now.
watersplash



Author's URL: Design Reviver
Final results of our readers
New!
Passed through all the steps? Share your result!
Your result will be premoderated.
Please make sure you choose the right image.
 
 



Captcha

*Required fileds
Get the basic skills of working with Photoshop. This section contains descriptions of the Photoshop bars and tools as well as the basic techniques of using them. More Photoshop Basics Tutorials: Featured Materials | Fresh Materials | TutorialKit New Photoshop Tutorials


Like us to: