Welcome, Guest

Please login or register

TUTORIALS SUBMENU

PHOTOSHOP    FLASH    ILLUSTRATOR    BLENDER    CINEMA 4D    WEB-CODING    [SUBMIT]

Related Links

Turbulent Water


Lets face it - nothing can quite beat putting your feet into a nice cool stream on a hot summer's day and watching the clear water circulate around your feet.   As easy as this scene may be to imagine, however, the complexity of nature makes it very difficult to design the water in Photoshop.

This tutorial details a relatively simple starting point for a decent turbulent water effect in Photoshop.  The flexibility of the technique means that it can easily form the basis of more complicated creations, as well as be an excellent stock effect all by itself.



Step 1: Create a new document of a suitable size with a default white-filled background. Due to the random nature of the turbulent water, you may want to create a much bigger image than needed and then crop out an ideal section later.

Set your foreground and background swatches to solid black and solid white (i.e. default colors), and select  Filter > Render > Clouds from the main menu.  Then mix it up a little with Filter > Render > Difference Clouds.  You should end up with something that resembles my image on the left.

Step 2: To turn the clouds into a turbulent effect, run Filter > Stylize > Glowing Edges with the following settings:

Edge Width: 2
Edge Brightness:10
Smoothness: 5


Press OK to render the effect.  As mentioned before, the clouds filters have a random seed to them, so don't be worried if your image does not exactly resemble mine.

Step 3: These ripples are OK, but they lack proper coloring.  To correct this oversight, load up the hue/saturation dialog box via Image > Adjustments > Hue/Saturation.  Ensure the 'colorize' checkbox is checked and enter a Hue of +202, with a Saturation of +63.  Leave all other settings unaltered, and press OK.

Step 4: Create a new transparent layer on top of your background layer and select two shades of blue in your foreground & background color swatches.  In my case, I used a background color of #18325C and a foreground color of #0E86DF.    Then, with your Gradient Tool selected and set to a linear progression, drag a line from one corner to the other to create a subtle gradient across your new layer.

Step 5: Now all you need to do is set the layer blending mode of the gradient layer to Linear Dodge and admire your results!

You shouldn't finish here, of course!   The water can be improved immeasurably with bubbles, manually added water swirls, and even simple detritus like leaves... but I'll leave that up to you.   Have fun! :)

- Tutorial written by Jacky136

Automatic Translations: Translate Into French Translate Into German Translate Into Italian Translate Into Spanish Translate Into Portuguese

Last 5 User Comments

User:  ashish_tanwar (#54759)
Date: Fri Nov 21, 2008. 12:22:46

Post #8 of 8

gr8 very nice tutorial!

Reply to this post


User:  closeupman (#53874)
Date: Tue Oct 14, 2008. 16:57:25

Post #7 of 8

Good tutorial...however, I got it to look like REAL water more by setting the blend mode to 'DIFFERENCE'.

Try it!

Reply to this post


User:  sumit982073611 (#51427)
Date: Wed Jul 09, 2008. 17:17:38

Post #6 of 8

Thanks, these are really nice, will be using them today!

Reply to this post


User:  closeupman (#50662)
Date: Fri Jun 06, 2008. 17:08:11

Post #5 of 8

Nice tutorial :sprstar:

It gave me some ideas for abstract paintings. It also could be used to make mountains. I'm sure though much more work is needed to really make it look like water. It looks more like paint strokes right now than water.

Reply to this post


User:  vixen (#32839)
Date: Mon Oct 16, 2006. 02:57:36

Post #4 of 8

easy to do it...

amazing

thx...:D

Reply to this post


--- View Entire Thread ---
Amazing Font Pack!

Featured Tutorialsmore

StarBurst Effects
StarBurst Effects
- Adobe Photoshop -
Rotated Characters
Rotated Characters
- Adobe Illustrator -
Photo Frames
Photo Frames
- Adobe Illustrator -
Realistic Metal
Realistic Metal
- Adobe Photoshop -
Membership

Username:
Password:  
Remember Me

Lost Password? || Register

Related Links



Special Options
Printer Friendly Version
Forum Threads

 Deactivate Account
Author: jerinian
Posted: Oct 02nd, 11:16am
Activity: 1 replies, 887 views
 changes....
Author: supertackyman
Posted: Sep 12th, 2:56am
Activity: 2 replies, 1052 views
Back again and with free webhosting :)
Author: ngz
Posted: Aug 14th, 3:50pm
Activity: 0 replies, 1054 views
Cartoon Crab 6 Legs Walk Run created in Blender
Author: patricia3d
Posted: Jun 19th, 12:58pm
Activity: 0 replies, 1935 views
HTML Form Post Array to PHP
Author: Space Cowboy
Posted: May 25th, 2:18pm
Activity: 0 replies, 1832 views
My blog where i create Digi Scrapbook
Author: claudya07
Posted: May 11th, 2:33pm
Activity: 0 replies, 14441 views
Blood Dripping from Letters
Author: patricia3d
Posted: Apr 05th, 3:37am
Activity: 0 replies, 2751 views
A New Designer has joined the ranks
Author: skates1
Posted: Mar 28th, 2:19pm
Activity: 2 replies, 2772 views
The hole in Photoshop
Author: Mars
Posted: Feb 13th, 9:28pm
Activity: 2 replies, 3439 views
Colour Swatch
Author: ebz7350
Posted: Jan 15th, 11:18am
Activity: 0 replies, 2356 views
 BioRUST Forums - Reply to Topic
Author: inonShozy
Posted: Jan 11th, 11:32am
Activity: 8 replies, 2499 views
 Version 2 of my portfolio site.
Author: andrewnleon
Posted: Jan 08th, 6:18am
Activity: 6 replies, 2798 views
Forum Threads

--- Site Resources ---
Total Tutorials:212
Total Downloads:    441
Total Fonts:    4673