<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Devilslab &#187; cool photoshop effects</title>
	<atom:link href="http://www.devilslab.com/tag/cool-photoshop-effects/feed" rel="self" type="application/rss+xml" />
	<link>http://www.devilslab.com</link>
	<description>Your Guide to stay Updated</description>
	<lastBuildDate>Tue, 20 Jul 2010 08:57:11 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.0</generator>
		<item>
		<title>Photo Manipulation &#124; PhotoShop effects</title>
		<link>http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html</link>
		<comments>http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html#comments</comments>
		<pubDate>Fri, 15 May 2009 07:32:49 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[PhotoShop Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=455</guid>
		<description><![CDATA[Do you want your photos to be manipulated ? If yes, now you can do that with an ease by using this tutorial. This is the best effect i have ever experienced. Would you like to make creative photo manipulation? If yes, then this tutorial special for you! Ok, to begin you need to find [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html&title=Photo Manipulation &#124; PhotoShop effects&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F05%2Fphoto-manipulation-photoshop-effects.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F05%2Fphoto-manipulation-photoshop-effects.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Do you want your photos to be manipulated ?</p>
<p><img class="aligncenter size-full" title="Photo Manipulation" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_17full.jpg" alt="Photo Manipulation" width="500" height="300" /></p>
<p>If yes, now you can do that with an ease by using this tutorial. This is the best effect i have ever experienced.</p>
<p>Would you like to make creative photo manipulation? If yes, then this tutorial special for you!</p>
<p>Ok, to begin you need to find a few photos to make composition by using it. First of all find the photo of the eye. Use Google Images or different stock photo resources. Also you can use my photo. Open this file and duplicate the layer with <strong>Ctrl+J</strong>, then desaturate upper layer with <strong>Image &gt; Adjustments &gt; Desaturate</strong> (or use <strong>Ctrl+Shift+U</strong>):<span id="more-455"></span></p>
<p><img class="aligncenter size-full" title="Photo Manipulation" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_17full.jpg" alt="Photo Manipulation" width="500" height="300" /></p>
<p>Would you like to make creative photo manipulation? If yes, then this tutorial special for you!</p>
<p>Ok, to begin you need to find a few photos to make composition by using it. First of all find the photo of the eye. Use Google Images or different stock photo resources. Also you can use my photo. Open this file and duplicate the layer with <strong>Ctrl+J</strong>, then desaturate upper layer with <strong>Image &gt; Adjustments &gt; Desaturate</strong> (or use <strong>Ctrl+Shift+U</strong>):</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 01" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_01.jpg" alt="Photo Manipulation 01" width="500" height="300" /></p>
<p>Ok, go on. Get the <strong>Polygonal Lasso Tool</strong> to select eyeball area as on my picture:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 02" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_02.jpg" alt="Photo Manipulation 02" width="500" height="300" /></p>
<p>Press <strong>Delete </strong>to clear selected area and remove selection with <strong>Ctrl+D</strong>. Eyeball area becomes color again.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 03" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_03.jpg" alt="Photo Manipulation 03" width="500" height="300" /></p>
<p>Time to add the texture to the skin. Now, find another one picture of the Earth map or use mine. Open this picture and copy it to our main canvas and reduce it a little bit. Change layer mode for this layer to <strong>Soft Light</strong>.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 04" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_04.jpg" alt="Photo Manipulation 04" width="500" height="300" /></p>
<p>Apply <strong>Image &gt; Adjustments &gt; Brightness/Contrast </strong>with next presets:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 05" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_05.jpg" alt="Photo Manipulation 05" /></p>
<p>Now you should have something like this one below:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 06" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_06.jpg" alt="Photo Manipulation 06" width="500" height="300" /></p>
<p>After that make contrast correction. Now, using the <strong>Dodge Tool </strong>with moderate settings (Soft brush: 65 px, Range: Midtones, Exposure: 50%) do a little bit of dodge-work.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 07" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_07.jpg" alt="Photo Manipulation 07" width="500" height="300" /></p>
<p>Ok, now we need to make clear eyeball area again. Select the previous layer (Ctrl+left click the Layer Thumbnail in the Layers Palette) and press <strong>Ctrl+Shift+I</strong> to invert the selection, after that press Delete to clear image in selection.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 08" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_08.jpg" alt="Photo Manipulation 08" width="500" height="300" /></p>
<p>Deselect this fragment with <strong>Ctrl+D</strong>. Then apply the <strong>Sharpen Tool</strong> (Mode: Normal, Strength: 50%) and a soft round brush about 500 px to the map layer to make it sharp.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 09" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_09.jpg" alt="Photo Manipulation 09" width="500" height="300" /></p>
<p>Move to the next step. Find a new one picture of fish in water; also feel free to <a href="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_fish.jpg">use mine</a>. Open this picture and copy it onto the main canvas. Then select water bubbles using the <strong>Polygonal Lasso Tool</strong> and cut this selected fragment to the new layer with <strong>Ctrl+Shift+J</strong>.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 10" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_10.jpg" alt="Photo Manipulation 10" width="500" height="300" /></p>
<p>Hide the layer with picture of fish (click on the eye, which indicates layer visibility), we will use it later. Now set the layer mode to <strong>Multiply </strong>for layer with water bubbles. After that move it to the eye area as on my picture below:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 11" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_11.jpg" alt="Photo Manipulation 11" width="500" height="300" /></p>
<p>Get the <strong>Sharpen Tool</strong> and make this layer sharp.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 12" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_12.jpg" alt="Photo Manipulation 03" width="500" height="300" /></p>
<p>Ok, after that select the <strong>Eraser Tool</strong> and make clear all outside eyeball area. See the result below:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 13" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_13.jpg" alt="Photo Manipulation 13" width="500" height="300" /></p>
<p>Go back to the hidden layer with fish and make it visible again. Select the <strong>Magic Wand Tool</strong> and divide fish from white background.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 14" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_14.jpg" alt="Photo Manipulation 14" width="500" height="300" /></p>
<p>Then press <strong>Delete</strong> to clear image in selected area and remove the selection with <strong>Ctrl+D</strong>. Use <strong>Edit &gt; Free Transform</strong> (<strong>Ctrl+T</strong>) to reduce fish as on picture below:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 15" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_15.jpg" alt="Photo Manipulation 15" width="500" height="300" /></p>
<p>Duplicate this layer two more times and reduce it in the same way.</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 16" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_16.jpg" alt="Photo Manipulation 16" width="500" height="300" /></p>
<p>That’s it for now. You are done! Here is what I got:</p>
<p><img class="aligncenter size-full" title="Photo Manipulation 17" src="http://www.photoshopstar.com/wp-content/uploads/2009/05/photo_manipulation_17full.jpg" alt="Photo Manipulation 17" width="500" height="300" /></p>
<p>Feel free to experiment with various photos and you will get the excellent result!</p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html" title="How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop">How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</a></li><li><a href="http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html" title="How to create a Glossy Home Icon in Photoshop ??">How to create a Glossy Home Icon in Photoshop ??</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-displacement-effects.html" title="PHOTOSHOP&#8211;Displacement effects">PHOTOSHOP&#8211;Displacement effects</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html" title="Photoshop Water Reflection &#8211; Add A Realistic Water Reflection">Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</a></li><li><a href="http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html" title="Mental Wave Explosion Effect">Mental Wave Explosion Effect</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</title>
		<link>http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html</link>
		<comments>http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html#comments</comments>
		<pubDate>Sun, 10 May 2009 14:00:10 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[PhotoShop Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=390</guid>
		<description><![CDATA[Step 1 Start out by importing the image you want to cut the silhouette from into Photoshop. I used an image with a white background, which makes cutting very easy. Everyone has their own way of cutting something out, so I will not include that part in this tutorial. If you are unsure how to [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html&title=How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F05%2Fhow-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F05%2Fhow-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<h3><img class="alignright" src="http://psdtuts.s3.amazonaws.com/42_rocker/thumb200px.jpg" alt="" width="200" height="200" />Step 1</h3>
<p>Start out by importing the image you want to cut the silhouette from into Photoshop. I used an image with a white background, which makes cutting very easy. Everyone has their own way of cutting something out, so I will not include that part in this tutorial. If you are unsure how to cut something out, look for a tutorial on that subject first.</p>
<p>When you are ready and feel like you have a clean cut, go into the layer&#8217;s blending options, choose Color Overlay, and set the color to black. This should give you the silhouette of what you cut out. In my example, I did the hair separately and used a lower opacity on the Color Overlay so you can still see some gray tones.<span id="more-390"></span></p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/01.jpg" alt="" /></div>
<h3>Step 2</h3>
<p>We can add a background by creating a radial gradient (Layer &gt; New Fill Layer &gt; Gradient). In the gradient options, change the style to Radial and choose dark colors on the outside and light colors for the inside.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/02.jpg" alt="" /></div>
<h3>Step 3</h3>
<p>To get some light shining, we add a Layer Mask (Layer &gt; Add Layer Mask &gt; Reveal All, do this while having the silhouettes layer selected). Select a large, soft brush and set the foreground color to black. While having the layer mask selected (click on it in the layers pallet), brush at the sides of the silhouette so it becomes transparent. With a hard brush I got rid of the cable that runs to the guitar.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/03.jpg" alt="" /></div>
<h3>Step 4</h3>
<p>At this point we can add a bit more color to the light. I made a Levels adjustment layer (Layer &gt; New Adjustment Layer &gt; Levels). When I hit the Auto button it came up with some colors I liked. If you dislike the automatic settings, you can try hitting the Options button and changing the shadows and highlights there, or try out other types of adjustment layers.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/04.jpg" alt="" /></div>
<h3>Step 5</h3>
<p>Cut a little piece of the original guitar and put it over the silhouette to give it some depth. For a smooth transition, use a the eraser or a mask to soften the edges. Desaturate the layer (Image &gt; Adjustments &gt; Desaturate) and set the blending mode to Multiply with an opacity of 60-70%.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/05.jpg" alt="" /></div>
<h3>Step 6</h3>
<p>Copy the silhouette layer and change the Color Overlay in the Blendings Options to white. Give this layer a Gaussian Blur (Filter &gt; Blur &gt; Gaussian Blur) of 3-4px. Update the layers mask if needed (at some places too much white may shine through).</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/06.jpg" alt="" /></div>
<h3>Step 7</h3>
<p>If we want to insinuate some movement, we can make a few paths on a new layer. Before stroking, select a small hard brush and a darker color. Right-click the path and choose Stroke Path (while having the Pen Tool or Path Selection Tool active), in the options choose Brush and check Simulate Pressure.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/07.jpg" alt="" /></div>
<h3>Step 8</h3>
<p>Create two more paths on a new layer, but stroke these with a large white soft brush. Add a Motion Blur (Filter &gt; Blur &gt; Motion Blur) to this layer.</p>
<div class="tutorial_image"><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/08.jpg" alt="" /></div>
<h3>Step 9</h3>
<p>When adding text, we can use a piece of the background as on overlay so it fits in perfectly. Create a new layer above your text layer and use apply image (&lt;<strong>em&gt;Image &gt; Apply Image) on it. Make this layer a Clipping Mask (Layer &gt; Create Clipping Mask) and move it around to find a good part of the background. If you don&#8217;t find a good position, try Apply Image again but this time with only the background layers shown. I also added two black boxes (with a low opacity) to create a subtle letterbox effect.</strong></p>
<div class="tutorial_image"><strong><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/09.jpg" alt="" /></strong></div>
<h3><strong>Conclusion</strong></h3>
<p><strong>As a finishing touch, we need some more light and color. Add a new layer and use apply image (Image &gt; Apply Image). In the lighting effects (Filter &gt; Render &gt; Lighting Effects) options, add more lights to the scene (drag the light bulb icon onto the small preview). Set this layer to Soft Light with an opacity of 80-90%.</strong></p>
<div class="tutorial_image"><strong><img class="img" src="http://psdtuts.s3.amazonaws.com/42_rocker/10.jpg" alt="" /></strong></div>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html" title="Photo Manipulation &#124; PhotoShop effects">Photo Manipulation &#124; PhotoShop effects</a></li><li><a href="http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html" title="How to create a Glossy Home Icon in Photoshop ??">How to create a Glossy Home Icon in Photoshop ??</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-displacement-effects.html" title="PHOTOSHOP&#8211;Displacement effects">PHOTOSHOP&#8211;Displacement effects</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html" title="Photoshop Water Reflection &#8211; Add A Realistic Water Reflection">Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</a></li><li><a href="http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html" title="Mental Wave Explosion Effect">Mental Wave Explosion Effect</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>How to create a Glossy Home Icon in Photoshop ??</title>
		<link>http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html</link>
		<comments>http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html#comments</comments>
		<pubDate>Sat, 11 Apr 2009 08:59:52 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[Entertainment]]></category>
		<category><![CDATA[Web-Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=241</guid>
		<description><![CDATA[Wheres the homepage? Why not add a glossy homepage icon to your website to help your visitors navigate around your website. In this tutorial I’ll teach you how to make a simple, glossy icon that you can use on your website. Learn how to design your very own glossy home icon in Photoshop Heres what [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html&title=How to create a Glossy Home Icon in Photoshop ??&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fhow-to-create-a-glossy-home-icon-in-photoshop.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fhow-to-create-a-glossy-home-icon-in-photoshop.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>Wheres the homepage? Why not add a glossy homepage icon to your website to help your visitors navigate around your website. In this tutorial I’ll teach you how to make a simple, glossy icon that you can use on your website.</p>
<h2>Learn how to design your very own glossy home icon in Photoshop</h2>
<p>Heres what we will be making:<span id="more-241"></span></p>
<p><a href="http://www.webdesigndev.com/home-icon/01.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/01.jpg" alt="" /></a></p>
<h3>1.</h3>
<p>Firstly start by creating a new document in Photoshop, or of course, opening up a template you’ve made previously. I simply used a new document size <strong>400 x 300</strong> pixels. I then added in a light blue/white gradient for the background.</p>
<p><a href="http://www.webdesigndev.com/home-icon/02.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/02.jpg" alt="" /></a></p>
<h3>2.</h3>
<p>Create a new layer (<strong>Layer &gt; New &gt; Layer</strong>) then using the <strong>Elliptical Marquee Tool</strong> make a perfectly-rounded selection in the middle of the document somewhere.</p>
<p><a href="http://www.webdesigndev.com/home-icon/03.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/03.jpg" alt="" /></a></p>
<p>You can fill this selection with any old color, just go with Black for now (<strong>#000000</strong>)</p>
<p><a href="http://www.webdesigndev.com/home-icon/04.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/04.jpg" alt="" /></a></p>
<p>Going into the <strong>Blending Options</strong> for this orb layer, apply this <a href="http://www.webdesigndev.com/home-icon/05.gif">Gradient Overlay</a>.</p>
<p>And now you will have a gradient-filled orb like so:</p>
<p><a href="http://www.webdesigndev.com/home-icon/06.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/06.jpg" alt="" /></a></p>
<h3>3.</h3>
<p>Again using the <strong>Elliptical Marquee Tool</strong>, make a smaller size selection near the left edges of your first orb.</p>
<p><a href="http://www.webdesigndev.com/home-icon/07.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/07.jpg" alt="" /></a></p>
<p>On a new layer draw a light-blue gradient inside of your selection as shown below. Note that you can use either <strong>Color to Transparent</strong> or <strong>Color to Black</strong>.</p>
<p><a href="http://www.webdesigndev.com/home-icon/08.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/08.jpg" alt="" /></a></p>
<p>With your selection still active, move your selection up to the left and upwards, to do this hold <strong>Shift</strong> and press the up/left keys.</p>
<p><a href="http://www.webdesigndev.com/home-icon/09.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/09.jpg" alt="" /></a></p>
<p>Inverse your selection by right-clicking the selection and going to <strong>Select Inverse</strong>, then press delete to remove everything on the outside of the selection.</p>
<p><a href="http://www.webdesigndev.com/home-icon/10.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/10.jpg" alt="" /></a></p>
<p>To make it look quite a bit nicer you can change the layer mode for the gradient layer to <strong>Screen</strong>, also lower the opacity if necesary.</p>
<p><a href="http://www.webdesigndev.com/home-icon/11.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/11.jpg" alt="" /></a></p>
<p>Finish off by adding one more shine gradient in the bottom-right of your orb.</p>
<p><a href="http://www.webdesigndev.com/home-icon/12.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/12.jpg" alt="" /></a></p>
<h3>4.</h3>
<p>Now let’s add in shape that defines the icon. Find and get out the <strong>Custom Shape Tool</strong>.</p>
<p><a href="http://www.webdesigndev.com/home-icon/13.gif" target="_blank"><img src="http://www.webdesigndev.com/home-icon/13.gif" alt="" /></a></p>
<p>Go into the shapes and make sure you have all sets selected.</p>
<p><a href="http://www.webdesigndev.com/home-icon/14.gif" target="_blank"><img src="http://www.webdesigndev.com/home-icon/14.gif" alt="" /></a></p>
<p>Scroll down to the bottom of your shapes and find the <strong>Home</strong> shape.</p>
<p><a href="http://www.webdesigndev.com/home-icon/15.gif" target="_blank"><img src="http://www.webdesigndev.com/home-icon/15.gif" alt="" /></a></p>
<p>Now create a new layer underneath all of the shine layers you made, hold shift and draw your shape out. You might need to change the <strong>Custom Shape Tool</strong> settings for it to come out as a solid shape.</p>
<p><a href="http://www.webdesigndev.com/home-icon/16.gif" target="_blank"><img src="http://www.webdesigndev.com/home-icon/16.gif" alt="" /></a></p>
<p><a href="http://www.webdesigndev.com/home-icon/17.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/17.jpg" alt="" /></a></p>
<p>Note that I used <strong>#9bcae5</strong> as the color for my home icon.</p>
<p><a href="http://www.webdesigndev.com/home-icon/18.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/18.jpg" alt="" /></a></p>
<p>You will get a home icon that looks like this after applying the following layer styles:</p>
<ol>
<li><a href="http://www.webdesigndev.com/home-icon/19.gif">Inner Shadow</a></li>
<li><a href="http://www.webdesigndev.com/home-icon/20.gif">Outer Glow</a></li>
<li><a href="http://www.webdesigndev.com/home-icon/21.gif">Gradient Overlay</a></li>
</ol>
<p><a href="http://www.webdesigndev.com/home-icon/18.jpg" target="_blank"><img src="http://www.webdesigndev.com/home-icon/18.jpg" alt="" /></a></p>
<h3>5.</h3>
<p>Now you just have to merge the layers together and make a much smaller version. You can resize it down by pressing <strong>CTRL+T</strong> then dragging the corners inwards whilst holding <strong>shift</strong>.</p>
<p>Thanks for reading! If you want you can download the PSD file from <a href="http://www.webdesigndev.com/home-icon/psd.zip">here</a></p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html" title="Photo Manipulation &#124; PhotoShop effects">Photo Manipulation &#124; PhotoShop effects</a></li><li><a href="http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html" title="How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop">How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-displacement-effects.html" title="PHOTOSHOP&#8211;Displacement effects">PHOTOSHOP&#8211;Displacement effects</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html" title="Photoshop Water Reflection &#8211; Add A Realistic Water Reflection">Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</a></li><li><a href="http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html" title="Mental Wave Explosion Effect">Mental Wave Explosion Effect</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>PHOTOSHOP&#8211;Displacement effects</title>
		<link>http://www.devilslab.com/2009/04/photoshop-displacement-effects.html</link>
		<comments>http://www.devilslab.com/2009/04/photoshop-displacement-effects.html#comments</comments>
		<pubDate>Wed, 01 Apr 2009 15:36:43 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[PhotoShop Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=132</guid>
		<description><![CDATA[Displacement effects Former Computer Arts Graduate Showcase entrant Pete Harrison uses Photoshop’s Displacement filter creatively to modify a photograph, using a variety of shapes and Blending Modes to add extra depth and interest In this tutorial you will learn how to use a variety of filters and techniques to produce an image in an experimental [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/04/photoshop-displacement-effects.html&title=PHOTOSHOP&#8211;Displacement effects&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fphotoshop-displacement-effects.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fphotoshop-displacement-effects.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p style="text-align: center;"><img class="aligncenter" src="http://www.computerarts.co.uk/__data/assets/image/475896/varieties/7.jpg" alt="" /></p>
<p><span id="more-132"></span></p>
<h1><span class="article-title">Displacement effects</span></h1>
<p class="strap"><span class="article-introduction">Former <em>Computer Arts Graduate Showcase</em> entrant Pete Harrison uses <em>Photoshop</em>’s Displacement filter creatively to modify a photograph, using a variety of shapes and Blending Modes to add extra depth and interest</span></p>
<p>In this tutorial you will learn how to use a variety of filters and techniques to produce an image in an experimental style. It’s a flowing work technique, and things will always change and blend into the image in different ways, so don’t expect to recreate the exact image I have created here.</p>
<p>You’ll need to think creatively and change things around until you think that it looks good and fits into this style. I will tell you how to do some of the techniques I use, and the tools for doing them, but it is you who will ultimately craft the image.</p>
<p>It’s a good idea to get to know each filter individually, and know what you want to do to an image before you start applying them. It’s fun to experiment and mess around with filters, but remember <em>Photoshop</em> is just a tool for visualising your artwork.</p>
<p>The techniques used in this tutorial can be applied to any image, but here you will use a photograph of a woman. You will use the Displace filter, apply different Displacement Maps and see how this affects your working canvas. You will also learn how to combine a few Blending Modes and colours mixed with shapes to fill the rest of the space and add to the image, giving a radical and abstract feel to some areas.</p>
<p>Finally, you will look at Layer Masking as an effective means of separating areas of each layer, creating different ways to combine colours. This tutorial will teach you techniques that can then be applied to other images and help you realise some of your ideas in other ways. It is good to experiment and think of new ways to blend, using different Displacement Maps and Layer Styles, for example. Most importantly of all, be creative and have fun.</p>
<p><img title="art120tutdisplace302.gif" src="http://www.computerarts.co.uk/__data/assets/fp_auto_layout_image/475898/art120tutdisplace302.gif" alt="" width="302" height="240" /></p>
<p><a href="http://www.computerarts.co.uk/__data/assets/pdf_file/475879/art120_tut1.pdf">Click here to download the tutorial for free</a></p>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html" title="Photo Manipulation &#124; PhotoShop effects">Photo Manipulation &#124; PhotoShop effects</a></li><li><a href="http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html" title="How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop">How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</a></li><li><a href="http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html" title="How to create a Glossy Home Icon in Photoshop ??">How to create a Glossy Home Icon in Photoshop ??</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html" title="Photoshop Water Reflection &#8211; Add A Realistic Water Reflection">Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</a></li><li><a href="http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html" title="Mental Wave Explosion Effect">Mental Wave Explosion Effect</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/04/photoshop-displacement-effects.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</title>
		<link>http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html</link>
		<comments>http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html#comments</comments>
		<pubDate>Wed, 01 Apr 2009 15:32:09 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[PhotoShop Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=130</guid>
		<description><![CDATA[In this Photoshop photo effects tutorial, we&#8217;re going to learn how to easily add a realistic water reflection to any photo. It&#8217;s a very easy effect to create and you can add it to any photo you like, although it tends to work best with images that don&#8217;t already contain water in them. We&#8217;ll be [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html&title=Photoshop Water Reflection &#8211; Add A Realistic Water Reflection&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fphotoshop-water-reflection-add-a-realistic-water-reflection.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F04%2Fphotoshop-water-reflection-add-a-realistic-water-reflection.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p>In this Photoshop photo effects tutorial, we&#8217;re going to learn how to easily add a realistic water <img class="alignright" src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/final-result.jpg" alt="http://www.photoshopessentials.com/images/photo-effects/water-reflection/final-result.jpg" />reflection to any photo. It&#8217;s a very easy effect to create and you can add it to any photo you like, although it tends to work best with images that don&#8217;t already contain water in them.</p>
<p>We&#8217;ll be using a simple filter and a displacement map to create the water ripple effect, and a Hue/Saturation adjustment layer to give our water a little color.</p>
<p>Here&#8217;s the photo that I&#8217;ll be working with throughout this tutorial<span id="more-130"></span></p>
<div class="image-desc">Photoshop Water Reflection: The original image.</div>
<p>And here&#8217;s what our image is going to look like after adding the water reflection :</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/final-result.jpg" alt="The final result." /></p>
<div class="image-desc">Photoshop Water Reflection: The final result.</div>
<p>Let&#8217;s get started.</p>
<div class="section" style="float: left;">
<h3><span>Step 1:</span> Duplicate The Background Layer</h3>
<p>With our image newly opened inside Photoshop, we can see in the Layers palette that we currently have one layer, the Background layer, which contains our image:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/background-layer.gif" alt="Photoshop's Layers palette showing the original image on the Background layer." /></p>
<div class="image-desc">Photoshop Water Reflection: The original image on the Background layer in the Layers palette.</div>
<p>We need to duplicate the Background layer, and we can do that using the keyboard shortcut <strong>Ctrl+J</strong> (Win) / <strong>Command+J</strong> (Mac). Now when I look in my Layers palette now, I can see that I now have two layers &#8211; my original Background layer on the bottom and a new layer, &#8220;Layer 1&#8243;, above it which is my duplicate:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/duplicate-background-layer.gif" alt="The Layers palette now showing the duplicate Background layer above the original." /></p>
<div class="image-desc">Photoshop Water Reflection: Press &#8220;Ctrl+J&#8221; (Win) / &#8220;Command+J&#8221; (Mac) to duplicate the Background layer.</div>
</div>
<div class="section" style="float: left;">
<h3><span>Step 2:</span> Add More Canvas Space To The Bottom Of The Document</h3>
<p>We&#8217;re going to add our water reflection below the image, so let&#8217;s add some canvas space to the bottom of our document to make room for our reflection. To do that, go up to the <strong>Image</strong> menu at the top of the screen and choose <strong>Canvas Size</strong>. This will bring up Photoshop&#8217;s &#8220;Canvas Size&#8221; dialog box. The easiest thing to do here is to add twice as much canvas space as what we currently have, but we only want it to appear at the bottom of the document, not above it or on either side, so we need to tell Photoshop exactly where we want this extra canvas space to go.</p>
<p>First, enter <strong>100</strong> for the <strong>Height</strong> and set the measurement to <strong>percent</strong>, as circled in red below. Leave the Width option set to 0. Then make sure the <strong>Relative</strong> option is checked, which tells Photoshop to give us 100% more canvas space than what we already have. Below the &#8220;Relative&#8221; option is a 3&#215;3 grid of squares. This is where we tell Photoshop where we want to place our additional canvas space. Click inside the square in the middle of the top row (again as circled below). This tells Photoshop not to place any of the extra canvas space above the document and instead to place all of it at the bottom:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/canvas-size.gif" alt="Photoshop's Canvas Size dialog box." /></p>
<div class="image-desc">Photoshop Water Reflection: Add more canvas space using the &#8220;Canvas Size&#8221; dialog box.</div>
<p>Click OK to exit out of the dialog box, and Photoshop will add the extra canvas space to the bottom of the image:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/canvas-space-added.jpg" alt="The extra canvas space has been added to the bottom of the document.." /></p>
<div class="image-desc">Photoshop Water Reflection: The height of the document has now been doubled with the extra canvas space added to the bottom.</div>
<div class="image-desc"></div>
<div class="image-desc">
<h3><span>Step 3:</span> Flip The Top Layer Vertically</h3>
<p>In order to create our reflection, we need to flip our image upside down, so let&#8217;s do that.</p>
<p>With the top layer selected in the Layers palette, go up to the <strong>Edit</strong> menu at the top of the screen, choose <strong>Transform</strong>, and then choose <strong>Flip Vertical</strong>.</p>
<p>Photoshop will flip the image upside down in the document:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/image-upside-down.jpg" alt="Flipping the image on the top layer vertically." /></p>
<div class="image-desc">Photoshop Water Reflection: Go to Edit &gt; Transform &gt; Flip Vertical to flip the image on the top layer upside down.</div>
<div class="section" style="float: left;">
<h3><span>Step 4:</span> Drag The Flipped Image To The Bottom Of The Document</h3>
<p>We need the flipped image to be at the bottom of the document, so grab your <strong>Move Tool</strong> from the Tools palette, or press <strong>V</strong> on your keyboard for the shortcut:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/photoshop-move-tool.gif" alt="Selecting the Move Tool from the Tools palette in Photoshop." /></p>
<div class="image-desc">Photoshop Water Reflection: Select the Move Tool.</div>
<p>Then, with the Move Tool selected, click inside the document and drag the flipped image down to the bottom until the top of it is lined up with the bottom of the original image above it. Hold down <strong>Shift</strong> as you drag to make sure you drag down in a straight line:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/image-flipped.jpg" alt="The image is now flipped and moved below the original." /></p>
<div class="image-desc">Photoshop Water Reflection: Drag the flipped image down below the original.</div>
</div>
<div class="section" style="float: left;">
<h3><span>Step 5:</span> Add A New Blank Layer</h3>
<p>Now that we have our flipped image in place, we can begin to create our water ripple effect. First, we need to add a new blank layer at the top of the Layers palette, so with &#8220;Layer 1&#8243; still selected, click on the <strong>New Layer</strong> icon at the bottom of the Layers palette:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/new-layer-icon.gif" alt="Clicking the New Layer icon at the bottom of the Layers palette in Photoshop." /></p>
<div class="image-desc">Photoshop Water Reflection: Add a new blank layer to the document.</div>
</div>
<div class="section" style="float: left;">
<h3><span>Step 6:</span> Fill The New Layer With White</h3>
<p>We&#8217;re going to fill our new blank layer with white. If white is not currently your Background color, press <strong>D</strong> on your keyboard, which will reset Photoshop&#8217;s Foreground and Background colors, making black your Foreground color and white your Background color. Then use the keyboard shortcut <strong>Ctrl+Backspace</strong> (Win) / <strong>Command+Delete</strong> (Mac) to fill the new layer with the Background color (white). Your document will be filled with solid white.</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/filled-with-white.gif" alt="The image is now completely filled with white." /></p>
<div class="image-desc">Photoshop Water Reflection: The entire image is now filled with white.</div>
</div>
<div class="section" style="float: left;">
<h3><span>Step 7:</span> Apply The &#8220;Halftone Pattern&#8221; Filter To Create Black And White Horizontal Lines</h3>
<p>Go up to the <strong>Filter</strong> menu at the top of the screen, choose <strong>Sketch</strong>, and then choose <strong>Halftone Pattern</strong>. This brings up Photoshop&#8217;s Filter Gallery (in Photoshop CS and higher) set to the &#8220;Halftone Pattern&#8221; filter options on the right, with a large preview of the effect on the left. We&#8217;re going to use this filter to add a series of black and white horizontal lines to the image. These lines are going to become our water ripples . The more lines we have, the more ripples we&#8217;ll have. First, we want to make sure we&#8217;re creating lines and not dots or circles, so set the <strong>Pattern Type</strong> option to <strong>Lines</strong>. We control the number of lines by adjusting the <strong>Size</strong> option. Lower values give us more lines, since we&#8217;re lowering the size of each line, and higher values give us fewer but thicker lines. I&#8217;m going to set my Size value to 7, which I think works best for my image. You may want to experiment with this value on your own. The <strong>Contrast</strong> option below it determines how sharp the edges of the lines are. Lower values give you softer lines, white higher values give you hard edge lines. Set this value all the way to <strong>50</strong> to give your lines sharp edges. We&#8217;re going to soften them ourselves with the Gaussian Blur filter in a moment:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/halftone-pattern-options.gif" alt="The Halftone Pattern options." /></p>
<div class="image-desc">Photoshop Water Reflection: Adjust the Halftone Pattern filter options to create a series of black and white lines through the image.</div>
<p>Click OK when you&#8217;re done to exit out of the dialog box, and Photoshop will fill the image from top to bottom with your black and white lines:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/black-white-lines.gif" alt="The image is now filled from top to bottom with black and white lines." /></p>
<div class="image-desc">Photoshop Water Reflection: The image is now filled with black and white horizontal lines.</div>
<div class="image-desc"></div>
<div class="image-desc">
<h3><span>Step 8:</span> Apply The &#8220;Gaussian Blur&#8221; Filter To The Lines</h3>
<div style="position: relative; left: -2px;"></div>
<p>Before we can use our black and white lines as water ripples , we need to smooth them out and create nice, smooth transitions between them. To do that, go up to the <strong>Filter</strong> menu once again, choose <strong>Blur</strong>, and then choose <strong>Gaussian Blur</strong>, which brings up the &#8220;Gaussian Blur&#8221; dialog box. Keep an eye on your image and drag the slider at the bottom of the dialog box to increase the <strong>Radius</strong> value until the lines have a very soft edge to them. I&#8217;m using a small image for this tutorial, so for me, a Radius value of about 4 pixels works well. If you&#8217;re using a larger, high resolution image, you&#8217;ll need to set yours to a higher value:</p>
<div style="width: 330px;"><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/gaussian-blur.gif" alt="Adjusting the Radius value in the Gaussian Blur dialog box." /></p>
<div class="image-desc"><a class="iAs" style="border-bottom: 0.2em dotted #2b65b0 ! important; font-weight: normal ! important; font-size: 100% ! important; text-decoration: none ! important; padding-bottom: 0px ! important; color: #2b65b0 ! important; background-color: transparent ! important;" href="http://www.photoshopessentials.com/photo-effects/water-reflection/page-3.php#" target="_blank">Adobe<img style="border: 0pt none; margin: 0pt; padding: 0pt; height: 10px; width: 10px; position: relative; top: 1px; left: 1px; float: none;" src="http://images.intellitxt.com/ast/adTypes/mag-glass_10x10.gif" alt="" /></a> Photoshop Tutorials: Use the Gaussian Blur filter to smooth out the edges of the lines.</div>
</div>
<p>Click OK to exit out of the dialog box and apply the blur to the lines.</p>
<div class="section" style="float: left;">
<h3><span>Step 9:</span> Duplicate The Lines Layer As A New Document</h3>
<p>We&#8217;re going to create a brand new document out of our lines layer, which we&#8217;ll then use as our displacement map for our water ripples . With the lines layer selected, go up to the <strong>Layer</strong> menu at the top of the screen and select <strong>Duplicate Layer</strong>, which brings up the &#8220;Duplicate Layer&#8221; dialog box. In the &#8220;Destination&#8221; options, click on the down-pointing arrow to the right of the <strong>Document</strong> option and set it to <strong>New</strong>, which will create a new Photoshop document out of our layer:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/duplicate-layer.gif" alt="The Duplicate Layer dialog box in Photoshop." /></p>
<div class="image-desc">Photoshop Water Reflection: Set the &#8220;Document&#8221; option in the &#8220;Duplicate Layer&#8221; dialog box to &#8220;New&#8221;.</div>
<p>Click OK to exit out of the dialog box, and your layer will open up in a new document on the screen.</p></div>
<div class="section" style="float: left;">
<h3><span>Step 10:</span> Save The New Document And Close Out Of It</h3>
<p>This new document that we&#8217;ve created is going to become our displacement map, but before we can use it, we need to save it. We&#8217;re also going to close out of it after we&#8217;ve saved it, since we won&#8217;t need it open anymore, and the easiest way to accomplish both of those tasks is to simply close out of the document. When you try to close out of it, Photoshop will as you if you want to save the document before closing it. Click <strong>Yes</strong>:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/save-as.gif" alt="Choosing to save the document before closing it." /></p>
<div class="image-desc">Photoshop Water Reflection: Choose &#8220;Yes&#8221; when Photoshop asks if you want to save the document before closing it.</div>
<p>Photoshop will bring up the <strong>Save As</strong> dialog box. You can name your new document anything you like. I&#8217;m going to name mine &#8220;water-ripples&#8221;. Make sure you save it as a Photoshop .PSD file, since those are the only files that Photoshop can use as a displacement map. You&#8217;ll probably want to save the document to your Desktop, since we&#8217;ll need to find it again in a moment.</div>
<div class="section" style="float: left;">
<h3><span>Step 11:</span> Delete The Lines Layer</h3>
<p>Now that we&#8217;ve used our black and white lines to create the file we&#8217;ll be using as our displacement map, we can get rid of it. To do that, simply click on it and drag it down onto the Trash Bin icon at the bottom of the Layers palette:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/delete-layer.gif" alt="Dragging the lines layer onto the Trash Bin to delete it." /></p>
<div class="image-desc">Photoshop Water Reflection: Click and drag the lines layer (&#8220;Layer 2&#8243;) onto the Trash Bin at the bottom of the Layers palette to delete it.</div>
</div>
<div class="section" style="float: left;">
<h3><span>Step 12:</span> Merge The Two Layers Onto A New Layer</h3>
<p>Before we can add use our displacement map, we need to merge our two image layers onto a new layer above them. To do that, with &#8220;Layer 1&#8243; selected, use the keyboard shortcut <strong>Shift+Ctrl+Alt+E</strong> (Win) / <strong>Shift+Command+Option+E</strong> (Mac). Nothing will appear to have happened in the document, but if we look in the Layers palette, we can see that both layers have been merged onto a new layer at the top:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/merged-layers.gif" alt="Merging both layers onto a new layer in the Layers palette." /></p>
<div class="image-desc">Photoshop Water Reflection: Both layers are now merged onto a new layer, &#8220;Layer 2&#8243;.</div>
<div class="image-desc"></div>
<div class="image-desc">
<h3><span>Step 13:</span> Use The &#8220;Displace&#8221; Filter To Create The Water Ripples</h3>
<p>We&#8217;re ready to create our water ripples using the displacement map we just created. With the new merged layer selected in the Layers palette, go back up to the <strong> Filter </strong> menu at the top of the screen, choose <strong> Distort </strong> and then choose <strong> Displace </strong>.</p>
<p>This brings up Photoshop&#8217;s &#8220;Displace&#8221; filter dialog box. This is where we determine the strength of our ripple effect, and we do that with the <strong>Horizontal Scale</strong> option at the top. I&#8217;m going to set mine to a value of 4, which will give me a realistic ripple effect. You may want to experiment with this value with your own image. Setting it too high though will create too much of a horizontal distortion and you&#8217;ll lose the realism.</p>
<p style="clear: both;">We don&#8217;t need any vertical distortion to create our effect, so set the <strong>Vertical Scale</strong> option to <strong>0</strong>. Also, make sure that <strong>Stretch To Fit</strong> and <strong>Repeat Edge Pixels</strong> are selected:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/displace-filter.gif" alt="The Displace filter in Photoshop." /></p>
<div class="image-desc">Photoshop Water Reflection: Go to Filter &gt; Distort &gt; Displace to bring up the Displace dialog box.</div>
<p>Click OK in the top right corner of the dialog box, and Photoshop will ask you which file you want to use as your displacement map. Choose the file that you just saved a moment ago, which I saved to my Desktop as &#8220;water-ripples.PSD&#8221;, and then click Open. Photoshop will then apply the displacement map to the entire image, creating our water ripples :</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/image-displace.jpg" alt="The image after applying the Displace filter." /></p>
<div class="image-desc">Photoshop Water Reflection: The image after applying our displacement map with the &#8220;Displace&#8221; filter.</div>
<div class="section" style="float: left;">
<h3><span>Step 14:</span> Hide The Ripples On Top With A Layer Mask</h3>
<p>Of course, we have a slight problem at the moment. We&#8217;ve added our water ripple effect to the entire image, and we only wanted it in the bottom half. We can fix that easily though using a layer mask. First, <strong>Ctrl-click</strong> (Win) / <strong>Command-click</strong> (Mac) directly on the thumbnail for &#8220;Layer 1&#8243; in the Layers palette to place a selection around the flipped image at the bottom of the document:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/click-thumbnail.gif" alt="Right-click (Win) / Control-click (Mac) on the thumbnail of Layer 1." /></p>
<div class="image-desc">Photoshop Water Reflection: &#8220;Right-click&#8221; (Win) / &#8220;Control-click&#8221; (Mac) directly on Layer 1&#8242;s thumbnail in the Layers palette to place a selection around the flipped image.</div>
<p>You&#8217;ll see a selection appear around the bottom half of the image in your document. Now, with the merged layer still selected, click on the <strong>Layer Mask</strong> icon at the bottom of the Layers palette:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/layer-mask-icon.gif" alt="Clicking on the 'Layer Mask' icon." /></p>
<div class="image-desc">Photoshop Water Reflection: Click on the &#8220;Layer Mask&#8221; icon to add a layer mask to the merged layer at the top of the Layers palette.</div>
<p>Photoshop will add a layer mask to the merged layer, and because we had a selection around the bottom half of our document when we added the layer mask, only the bottom half of the merged layer remains visible. The top half becomes hidden from view, removing the unwanted water ripples from that part of the image:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/layer-mask.jpg" alt="The ripple effect in the top half of the image is now hidden after applying the layer mask." /></p>
<div class="image-desc">Photoshop Water Reflection: The ripple effect is now hidden from the top half of the image after applying the layer mask.</div>
<p>We&#8217;re almost done. Let&#8217;s finish things off by adding a hint of color to the water, which we&#8217;ll do next.</p>
<h3><span>Step 15:</span> Apply The &#8220;Gaussian Blur&#8221; Filter To The Layer Mask</h3>
<p>Before we add our finishing touch by colorizing the water , let&#8217;s soften the edge of the layer mask a little so there isn&#8217;t such a harsh dividing line between the image on top and the water below. We&#8217;ll use the Gaussian Blur filter for that, and since we want to apply it to the layer mask, we&#8217;ll need to first select the mask. We can do that by clicking on the layer mask thumbnail in the Layers palette:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/select-layer-mask.gif" alt="Clicking on the layer mask thumbnail in the Layers palette in Photoshop." /></p>
<div class="image-desc"><a class="iAs" style="border-bottom: 0.2em dotted #2b65b0 ! important; font-weight: normal ! important; font-size: 100% ! important; text-decoration: none ! important; padding-bottom: 0px ! important; color: #2b65b0 ! important; background-color: transparent ! important;" href="http://www.photoshopessentials.com/photo-effects/water-reflection/page-5.php#" target="_blank">Adobe<img style="border: 0pt none; margin: 0pt; padding: 0pt; height: 10px; width: 10px; position: relative; top: 1px; left: 1px; float: none;" src="http://images.intellitxt.com/ast/adTypes/mag-glass_10x10.gif" alt="" /></a> Photoshop Tutorials: Click on the layer mask thumbnail in the Layers palette to select the layer mask.</div>
<p>You can tell that the layer mask is now selected by the white highlight box around its thumbnail. We&#8217;re going to apply the Gaussian Blur filter to the mask, so go back up to the <strong>Filter</strong> menu, select <strong>Blur</strong> once again, and then select <strong>Gaussian Blur</strong>. When the dialog box appears, simply click OK to apply the same Radius value we used previously.</p>
<div class="section" style="float: left;">
<h3><span>Step 16:</span> Colorize The Water With A Hue/Saturation Adjustment Layer</h3>
<p>Let&#8217;s finish things off now by adding just a hint of blue to our water, and we&#8217;ll use a Hue/Saturation adjustment layer for that. We want the adjustment layer to only affect the bottom half of the image where the water ripples are, so hold down your <strong>Alt</strong> (Win) / <strong>Option</strong> (Mac) key, click on the <strong>New Adjustment Layer</strong> icon at the bottom of the Layers palette, then select <strong>Hue/Saturation</strong> from the list of adjustment layers:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/select-hue-saturation.gif" alt="Selecting a Hue/Saturation adjustment layer." /></p>
<div class="image-desc">Photoshop Water Reflection: Hold down &#8220;Alt&#8221; (Win) / &#8220;Option&#8221; (Mac), click on the &#8220;New Adjustment Layer&#8221; icon, then drag your mouse to &#8220;Hue/Saturation&#8221; to select it.</div>
<p>By holding down &#8220;Alt/Option&#8221;, this tells Photoshop to bring up the <strong>New Layer</strong> dialog box before adding the adjustment layer. Select the <strong>Use Previous Layer To Create Clipping Mask</strong> option by clicking inside the checkbox to the left of it:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/new-layer-dialog-box.gif" alt="The New Layer dialog box in Photoshop." /></p>
<div class="image-desc">Photoshop Water Reflection: Select the &#8220;Use Previous Layer To Create Clipping Mask&#8221; option in the &#8220;New Layer&#8221; dialog box.</div>
<p>This option tells Photoshop that we want the adjustment layer to affect only the layer directly below it in the Layers palette, and since the layer below it is the layer containing our water ripples , only the water ripples will be colorized, which is what we want. Click OK to exit out of the dialog box.</p>
<p>This will bring up the Hue/Saturation dialog box. We want to colorize our water, so the first thing we want to do here is select the <strong>Colorize</strong> option in the bottom right corner. Then select the color you want your water to be by dragging the <strong>Hue</strong> slider at the top. I&#8217;m going to drag my slider to the right to a value of about 218, which I think is a good color for my water :</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/hue-saturation.jpg" alt="Photoshop's Hue/Saturation dialog box." /></p>
<div class="image-desc">Photoshop Water Reflection: Use the Hue/Saturation dialog box to colorize the water .</div>
<p>Click OK to exit out of the dialog box , and you&#8217;ll see that your water on the bottom has now been colorized, but the color is much too strong at the moment.</p></div>
<h3><span>Step 17:</span> Lower The Opacity Of The Hue/Saturation Layer</h3>
<p>To reduce the intensity of the color we just added to the water , all we need to do is go up to the <strong>Opacity</strong> option in the top right corner of the Layers palette and lower the opacity value. I&#8217;m going to lower mine all the way down to about 25%, which adds a much more realistic amount of color to the water :</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/lower-opacity.gif" alt="Lowering the opacity of the adjustment layer." /></p>
<div class="image-desc">Photoshop Water Reflection: Lower the opacity of the adjustment layer until the water has only a hint of color to it.</div>
<p>Once you&#8217;ve lowered the opacity of the adjustment layer to reduce the color intensity of the water , you&#8217;re done!</p>
<p>Here once again is my original image for comparison:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/original.jpg" alt="The original image once again." /></p>
<div class="image-desc">Photoshop Water Reflection: The original image once again.</div>
<p>And here is my final &#8220;water reflection&#8221; result:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/final-result.jpg" alt="The final effect." /></p>
<div class="image-desc">Photoshop Water Reflection: The final effect.</div>
<p>Just for fun, here&#8217;s another example of the exact same effect applied to a different image. The only thing I changed here was that I only added half as much canvas space below the original image (I set the &#8220;Height&#8221; value in the Canvas Size dialog box to 50% instead of 100%). Everything else was done exactly the same way:</p>
<p><img src="http://www.photoshopessentials.com/images/photo-effects/water-reflection/example2.jpg" alt="A second example." /></p>
<div class="image-desc">Photoshop Water Reflection: Another example of an image using the same effect.</div>
<p>And there we have it!</p></div>
</div>
<div class="image-desc"></div>
</div>
</div>
</div>
</div>
</div>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html" title="Photo Manipulation &#124; PhotoShop effects">Photo Manipulation &#124; PhotoShop effects</a></li><li><a href="http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html" title="How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop">How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</a></li><li><a href="http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html" title="How to create a Glossy Home Icon in Photoshop ??">How to create a Glossy Home Icon in Photoshop ??</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-displacement-effects.html" title="PHOTOSHOP&#8211;Displacement effects">PHOTOSHOP&#8211;Displacement effects</a></li><li><a href="http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html" title="Mental Wave Explosion Effect">Mental Wave Explosion Effect</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Mental Wave Explosion Effect</title>
		<link>http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html</link>
		<comments>http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html#comments</comments>
		<pubDate>Sat, 28 Mar 2009 13:56:16 +0000</pubDate>
		<dc:creator>Shekhar Saxena</dc:creator>
				<category><![CDATA[PhotoShop Tricks]]></category>
		<category><![CDATA[cool photoshop effects]]></category>

		<guid isPermaLink="false">http://www.devilslab.com/?p=59</guid>
		<description><![CDATA[In this tutorial, I will show you how to create a crazy explosion, like a mix of Magneto&#8217;s ability with Peter Petrelli&#8217;s power. We will use images and filters to produce this wave explosion effect. Even though it may look like a difficult tutorial, it&#8217;s really not that hard. &#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212; Final Image Preview Before we [...]]]></description>
			<content:encoded><![CDATA[<div id="buzz_share_1" style="float: right; margin-right: 10px">
<a rel="nofollow external" target="_blank" href="http://www.google.com/reader/link?url=http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html&title=Mental Wave Explosion Effect&srcURL=http://worpdressapi.com/">
<img width="50" height="58" alt="" src="http://www.devilslab.com/wp-content/plugins/google-buzz-button//images/google-buzz.png" original="http://wordpressapi.com/wp-content/plugins/google-buzz/google-buzz.png" style="display: inline;"/>
</a>
</div><div class="tweetmeme_button" style="float: right; margin-left: 15px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F03%2Fmental-wave-explosion-effect.html"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.devilslab.com%2F2009%2F03%2Fmental-wave-explosion-effect.html&amp;source=shekharsaxena&amp;style=normal" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignleft" title="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_200.jpg" src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_200.jpg" alt="" width="200" height="200" />In this tutorial, I will show you how to create a crazy explosion, like a mix of Magneto&#8217;s ability with Peter Petrelli&#8217;s power. We will use images and filters to produce this wave explosion effect. Even though it may look like a difficult tutorial, it&#8217;s really not that hard.</p>
<p>&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;&#8212;</p>
<h3>Final Image Preview</h3>
<p>Before we get started, let&#8217;s take a look at the image we&#8217;ll be creating. Click the screenshot below to view the full-size image.</p>
<p>.<span id="more-59"></span></p>
<p>full-size image. As always, the full Photoshop file is available via our <a href="http://psdtuts.com/join-psdtuts-plus/">PSDTUTS Plus membership</a>.</p>
<div class="tutorial_image"><a href="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_full.jpg"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/click.jpg" alt="Final Image Preview" width="600" height="449" /></a></div>
<h3>Step 1</h3>
<p>Open a new document. I used 800x600px. Look for a road photo on the Internet. The one I used can be downloaded <a href="http://www.sxc.hu/photo/958370/">here</a>. After downloading, place the photo in your document.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s1.jpg" alt="Step 1" /></div>
<h3>Step 2</h3>
<p>Now we need a photo of a person. The one I used can be found <a href="http://www.sxc.hu/photo/853035">here</a>. Once you have your photo, it&#8217;s time to extract the guy from the background. Using the Pen Tool(P) create a path like in the image below. After that go to the Paths Palette and create a selection from that path. Then go to Layer&gt;Layer Mask&gt;Reveal Selection. Lastly, I named this layer &#8220;dude.&#8221;</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s2.jpg" alt="Step 2" /></div>
<h3>Step 3</h3>
<p>Go to Edit&gt;Transform&gt;Scale and reduce the size of the guy. Then go to Edit&gt;Transform&gt;Flip Horizontal. We do that to match the light direction.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s3.jpg" alt="Step 3" /></div>
<h3>Step 4</h3>
<p>Go to Image&gt;Adjustments&gt;Curves. The idea here is to darken the guy a little bit so he will fit better with the background. Use the image below as a reference.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s4.jpg" alt="Step 4" /></div>
<h3>Step 5</h3>
<p>Holding Cmd/Ctrl click on the mask thumb of the &#8220;dude&#8221; layer. That will create a marquee selection of the guy. After that create a new layer. Rename it to &#8220;shadow&#8221; and fill it with black. Then go to Edit&gt;Transform&gt;Distort and move the vertices to make the shadow in perspective. The last thing here is go to Filter&gt;Blur&gt;Gaussian Blur.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s5.jpg" alt="Step 5" /></div>
<h3>Step 6</h3>
<p>Grab the Ellipse Tool(U). Select Paths instead of Shape Layer. Create a Circle, like the image below. After that grab the Direct Selection Tool(A) and adjust the bottom of the circle.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s6.jpg" alt="Step 6" /></div>
<h3>Step 7</h3>
<p>Create a new layer. Rename it to &#8220;clouds.&#8221; Then go to Filter&gt;Render&gt;Clouds. While holding Alt, click on Clouds. After that go to the Path&#8217;s Palette and create a selection from the path and mask the layer.</p>
<p><em>Tip: As you will be using the Render&gt;Clouds, you will probably need to apply the filter several times until you got the clouds just right. Keep working with it until the light and dark areas are in a good position.</em></p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s7.jpg" alt="Step 7" /></div>
<h3>Step 8</h3>
<p>Go to Filter&gt;Liquefy. In the Liquefy Dialog Box select the Bloat Tool (B). Then for the settings use: Brush Size 550, Brush Density 100, Brush Pressure 100, Brush Rate 60, and Turbulent Jitter 75.</p>
<p>Then select the Show Backdrop Option. That will allow you to see the clouds and the background. It will be necessary to use the Bloat Tool in the right place. Click a few times and deselect the Show Backdrop. Then you will see the effect and will be able to repeat it more times in the correct place.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s8.jpg" alt="Step 8" /></div>
<h3>Step 9</h3>
<p>Change the Blend Mode of the cloud layer to Soft Light. Then create another layer and rename it to &#8220;Clouds 2&#8243; and repeat Steps 7 and 8. We will need another cloud to make it more turbulent. This time, however, use Multiply for the Blend Mode.</p>
<p>After that, create yet another layer. Rename it to &#8220;Clouds 3&#8243; and repeat Steps 7 and 8. For this layer use Color Dodge for the Blend Mode. The last thing here is with the Eraser Tool (E) delete some parts. This layer is used to give highlights to the clouds.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s9.jpg" alt="Step 9" /></div>
<h3>Step 10</h3>
<p>Group the &#8220;Clouds 3&#8243; layer and go to Layer&gt;Layer Mask&gt;Reveal All. After that, select the Brush Tool (B), give it a black color, and mask some parts of the clouds that are close to the ground.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s10.jpg" alt="Step 10" /></div>
<h3>Step 11</h3>
<p>Select the &#8220;Clouds&#8221; layer and go to Filter&gt;Sharpen&gt;Sharpen More. Then repeat this Sharpen filter on Clouds 2 and 3 layers.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s11.jpg" alt="Step 11" /></div>
<h3>Step 12</h3>
<p>Create a new layer. Rename it to &#8220;Glow.&#8221; Fill it with white and go to the Path Palette. Create a selection from the clouds path as we did in Step 9. Then mask the layer.</p>
<p>After that go to Layer&gt;Layer Style&gt;Outer Glow. Use the default settings. Then go to Layer&gt;Layer Style&gt;Create Layer. This command will create another layer from the Outer Glow. You can delete the white layer and leave just the Outer Glow layer.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s12.jpg" alt="Step 12" /></div>
<h3>Step 13</h3>
<p>Create a folder called &#8220;Lights.&#8221; Move the &#8220;Glow&#8221; layer to this folder. Next select the &#8220;Glow&#8221; layer. Then go to Layer&gt;Layer Mask&gt;Reveal All. Then select the Brush Tool, black for the color, and start masking the glow. We need just the outline; however, some bright spots in the middle will give a nice result.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s13.jpg" alt="Step 13" /></div>
<h3>Step 14</h3>
<p>Create a new layer beneath the clouds group. Using the Elliptical Marquee Tool create a selection like the image below. Fill the layer with black and use 40% Opacity.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s14.jpg" alt="Step 14" /></div>
<h3>Step 15</h3>
<p>Go to Layer&gt;Layer Mask&gt;Reveal All. After that select the Gradient Tool(G) and use a black and white gradient. Then mask the layer, like in the image below.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s15.jpg" alt="Step 15" /></div>
<h3>Step 16</h3>
<p>Duplicate the layer and go to Layer&gt;Layer Mask&gt;Apply. Then go to Edit&gt;Transform&gt;Distort. Repeat the same thing we did for the shadow of the guy on this layer. Group these two layers and rename the group to &#8220;Shadows.&#8221;</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s16.jpg" alt="Step 16" /></div>
<h3>Step 17</h3>
<p>Create a new layer right above the road photo. Go to Filter&gt;Render&gt;Clouds. Then go to Filter&gt;Distort&gt;ZigZag. Use 100 for the Amount and 5 for the Ridges. For the Style use Pond Ripples.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s17.jpg" alt="Step 17" /></div>
<h3>Step 18</h3>
<p>Now go to Edit&gt;Transform&gt;Distort. Distort the layer until you get the right perspective. After that, change the Blend Mode to Overlay. Again, as we are using Render Clouds, the results may vary so you might need to erase some parts to make it more realistic.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s18.jpg" alt="Step 18" /></div>
<h3>Step 19</h3>
<p>Create an Elliptical Selection like the image below. Then fill it with black. After that, create another Elliptical Selection, but smaller. Then delete that part of the layer. With the Magic Wand Tool(W) select the black part of the layer.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s19.jpg" alt="Step 19" /></div>
<h3>Step 20</h3>
<p>Duplicate the road&#8217;s layer and select it. Make sure that you still have the Marquee Selection from the Step 19. Then go to Layer&gt;Layer Mask&gt;Reveal Selection. You can delete the black ellipse layer from the Step 19 or just hide it.</p>
<p>Go to Layer&gt;Layer Styles&gt;Bevel and Emboss. This is another way to create the ripple effect. You could use Displace as well.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s20.jpg" alt="Step 20" /></div>
<h3>Step 21</h3>
<p>Go to Layer&gt;New Layer Fill&gt;Gradient. Use Radial for the Style. For the colors use #ddc396 and #2f1e00. Change the Blend mode to Color Dodge.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s21.jpg" alt="Step 21" /></div>
<h3>Step 22</h3>
<p>Here I used another image from Stock.Xchng, <a href="http://www.sxc.hu/photo/941942">image</a>. Just place it on top of all layers and change the Blend Mode to Overlay.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s22.jpg" alt="Step 22" /></div>
<h3>Step 23</h3>
<p>Now let&#8217;s make some adjustments. First, lets darken our Magneto dude a bit more. Select the Burn Tool(S) and burn the back of the guy. After that, change the Blend Mode of the &#8220;ripples&#8221; layer to Soft Light. You can delete some parts of the clouds as well.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s23.jpg" alt="Step 23" /></div>
<h3>Step 24</h3>
<p>Create a new folder, beneath the &#8220;dude&#8221; layer. Name the group &#8220;power&#8221; and change the Blend Mode to Color Dodge. After that, create a new layer inside of this group. Then using the Brush Tool with white color, create some lights coming from the hands of the guy. <em>Tip: use a regular brush with 0% for the hardness.</em></p>
<p>After that you create another layer. Use some brushes to add more effects. I used some abstract brushes from <a href="http://www.brusheezy.com/brush/442-Rise-Brushes">http://brusheezy.com</a>. Then add a Pink Outer Glow Layer Style.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s24.jpg" alt="Step 24" /></div>
<h3>Step 25</h3>
<p>Import the truck image, you can download it at <a href="http://www.sxc.hu/photo/924177">image</a>. Then with the Magic Wand Tool(W) select and delete the background of the photo. Leave just the truck. After that go to Edit&gt;Transform&gt;Flip Horizontal. Move the truck to the side of the road.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s25.jpg" alt="Step 25" /></div>
<h3>Step 26</h3>
<p>Go to Image&gt;Adjustments&gt;Curves and make the truck a bit darker. After that, using the Rectangular Marquee Tool(M), create a rectangular selection a bit bigger than the truck. Then go to Filter&gt;Blur&gt;Radial Blur. For the settings use Amount 2, Method use Spin, and set Best Quality. Next go to Filter&gt;Blur&gt;Motion Blur. Then use -75 degrees for the angle and 3 pixels for the Distance.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s26.jpg" alt="Step 26" /></div>
<h3>Step 27</h3>
<p>Now we will create the truck&#8217;s shadow. To do that select the Truck&#8217;s layer, click with the right button of the mouse and choose Select Pixels. Then create a new layer and fill it with black. Put this layer beneath the truck layer and go to Edit&gt;Transform&gt;Distort. Distort the shadow to make it look more real. Then go to Filter&gt;Blur&gt;Gaussian Blur. Change the Opacity of this layer to 60%.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s27.jpg" alt="Step 27" /></div>
<h3>Step 28</h3>
<p>Group the truck and the shadow layer and rename it to &#8220;truck.&#8221; Then organize your folders in the Layers Palette.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s28.jpg" alt="Step 28" /></div>
<h3>Conclusion</h3>
<p>You can add more elements to the image, like a traffic cone or more cars. But always change the curves in order to make the objects have the same lighting. That will make the image more realistic. For some effects, there will be many other ways to achieve a similar result. Experiment with different methods of achieving an effect, like we did with the ripples. Finally, stick with the ones you think are the best for that image.</p>
<div class="tutorial_image"><img src="http://psdtuts.s3.amazonaws.com/128_Wave_Explosion/we_s29.jpg" alt="Conclusion" width="600" height="449" /></div>
<div class="tutorial_image">Soure: missing</div>
<h2  class="related_post_title">Related Posts</h2><ul class="related_post"><li><a href="http://www.devilslab.com/2009/05/photo-manipulation-photoshop-effects.html" title="Photo Manipulation &#124; PhotoShop effects">Photo Manipulation &#124; PhotoShop effects</a></li><li><a href="http://www.devilslab.com/2009/05/how-to-create-a-rocking-silhouette-in-photoshopcreate-stylish-cool-photo-in-photoshop.html" title="How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop">How to Create a Rocking Silhouette in Photoshop&#124;Create Stylish Cool Photo in photoshop</a></li><li><a href="http://www.devilslab.com/2009/04/how-to-create-a-glossy-home-icon-in-photoshop.html" title="How to create a Glossy Home Icon in Photoshop ??">How to create a Glossy Home Icon in Photoshop ??</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-displacement-effects.html" title="PHOTOSHOP&#8211;Displacement effects">PHOTOSHOP&#8211;Displacement effects</a></li><li><a href="http://www.devilslab.com/2009/04/photoshop-water-reflection-add-a-realistic-water-reflection.html" title="Photoshop Water Reflection &#8211; Add A Realistic Water Reflection">Photoshop Water Reflection &#8211; Add A Realistic Water Reflection</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.devilslab.com/2009/03/mental-wave-explosion-effect.html/feed</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
