<?xml version="1.0" encoding="utf-8"?>

<tutorial>
   <description>Learn how to make a water texture in Photoshop.</description>
   <keywords>photoshop, tutorial, water, texture</keywords>
   <title>Seamless Water Texture</title>
   <slug>I was trying to reproduce a cool water effect I saw on the web one day, and this was the result. It turned out to be a pretty useful technique. In addition to using it for image backgrounds, this texture makes a great reflection map for more complicated works such as chrome objects.</slug>
   
   <step>
      <left><image><name>pict1.jpg</name><width>209</width><height>227</height><alt>Picture 1</alt></image></left>
	  <stepnumber>1</stepnumber>
	  <text>Start by opening Photoshop and creating a new image. For this example, I chose the dimensions of 400x400 pixels. Hit <B>D</B> to set your colors to default: black as foreground and white as background. Go to <B>Filter&gt;Render&gt;Clouds</B> to make what will be the base of the water texture.</text>
   </step>
   
   <step>
      <left><image><name>pict2.jpg</name><width>208</width><height>227</height><alt>Picture 2</alt></image></left>
	  <stepnumber>2</stepnumber>
	  <text>Now go to <B>Filter&gt;Blur&gt;Radial Blur</B> and use these settings - Amount: 38, Blur Method: Spin, Quality: Good (unless you don't mind waiting a little bit (I didn't), in that case, choose Best). Then, go to <B>Filter&gt;Blur&gt;Gaussian Blur</B> with a radius of 2 because we want this to be blurry to the max. </text>
   </step>
   
   <step>
      <left><image><name>pict3.jpg</name><width>208</width><height>227</height><alt>Picture 3</alt></image></left>
	  <stepnumber>3</stepnumber>
	  <text>Go to <B>Filter&gt;Sketch&gt;Bas Relief</B> and choose the settings - Detail: 13, Smoothness 10. Next, go to <B>Filter>Sketch>Chrome</B> and select the following options - Detail: 5, Smoothness 2.</text>
   </step>
   
   <step>
      <left><image><name>pict4.jpg</name><width>208</width><height>227</height><alt>Picture 4</alt></image></left>
	  <stepnumber>4</stepnumber>
	  <text>Ok, time to try to color in this masterpiece of wetness. There are an infinite number of ways you could go about doing this, so I'll just show you the general method I followed. Duplicate the layer by going to the Layers Palette and dragging the layer with the water texture onto <image><name>../general/new.gif</name><alt>New</alt></image>. Click on the eyeball to the left of the new layer you just made to hide it. Select the original (lower) layer and go to <b>Image>Adjust>Channel Mixer</b>. You may want to make it a different color, but to copy the blue I used make these changes - in the Red Output Channel move the blue to the left; in the Green Output Channel move the green slightly to the right; in the Blue Output Channel move the blue to the right. Next, click on the <image><name>../general/arrow.gif</name><alt>Arrow</alt></image> at the top of the layers palette and choose New Adjustment Layer. Then, choose Hue/Saturation as the type. Play around with the Hue and the Saturation bars until the blue color looks the way you like it. After that, click the upper layer in the Layers Palette. In the left drop-down box (called the Blending Mode), change Normal to Color Dodge and lower the Opacity real low to about 5-10%. (This layer brightens the lightest areas of the image and makes them glow a little). As a final touch, you may want to adjust the Hue/Saturation layer again (just double click it) or try adjusting the Curves of the lowest layer (click it and hit <b>Ctrl+M</b>) (Mac: Cmd+M).</text>
   </step>
   
   <step>
      <left><link><url>tile.htm</url><image><name>pict5.jpg</name><width>208</width><height>227</height><alt>Picture 5</alt></image></link></left>
	  <stepnumber>5</stepnumber>
	  <text>Well, now you have a pretty decent-looking water texture. You would be done if this was merely a water texture tutorial, but this is a seamless water texture tutorial. First, make sure you save your file. Then, flatten your layers by going <b>Layer>Flatten Image</b>. Next, go <b>Filter>Other>Offset</b>. Fill in the coordinates - Horizontal: 200, Vertical: 200. After that, go <b>Filter>Distort>Twirl</b> select 120 as the angle. Now you may be done here if you like the way it looks, but I had a poor turn out on this example - the four sections were still clearly visible. So to correct this, I added one more filter. I went <b>Filter>Distort>ZigZag</b> and choose - Amount: 10, Ridges: 5, Pond Ripples. That should do the trick, and you will end up with a perfectly seamless water texture. Just for fun, you may want to see your image in seamless-tiling glory. Hit <b>Ctrl+A</b> (Command+A) to select all, then go to <b>Edit>Define Pattern</b>. Create a new image (about 800x800 pixels), grab the Paint Bucket, set Fill to Pattern in the Options Bar, and load your pattern in the little pattern box on the Options Bar. You can click the image to the left to see how my example looks. Refreshing, eh?!</text>
   </step>
   
</tutorial>
