<?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>PSD Vault - Extra Unique Adobe Photoshop Tutorials &#187; layer</title>
	<atom:link href="http://www.psdvault.com/tag/layer/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdvault.com</link>
	<description></description>
	<lastBuildDate>Thu, 02 Sep 2010 12:36:07 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Create Awesome Abstract Photo Effect via Layer Masking and Custom Patterns</title>
		<link>http://www.psdvault.com/photo-effect/create-awesome-abstract-photo-effect-via-layer-masking-and-custom-patterns/</link>
		<comments>http://www.psdvault.com/photo-effect/create-awesome-abstract-photo-effect-via-layer-masking-and-custom-patterns/#comments</comments>
		<pubDate>Sun, 15 Aug 2010 10:15:41 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[awesome]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[custom]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[mask]]></category>
		<category><![CDATA[pattern]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=6878</guid>
		<description><![CDATA[In this tutorial, I will show you how you can Create this Awesome Abstract Photo Effect via Layer Masking and Custom Patterns. Some steps can be a little tricky, but why not have a try!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-awesome-abstract-photo-effect-via-layer-masking-and-custom-patterns%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-awesome-abstract-photo-effect-via-layer-masking-and-custom-patterns%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you how you can Create this Awesome Abstract Photo Effect via Layer Masking and Custom Patterns. Some steps can be a little tricky, but why not have a try!</p>
<p>Along the way, I will show you some interesting method of making custom, abstract style patterns by mixing hard and soft round brush, plus some lighting techniques.</p>
<p>Here is a preview of the final effect we will be aiming to achieve: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/masking-custom-brush-flatten.jpg"><img class="alignnone size-medium wp-image-6879" title="masking-custom-brush-flatten" src="http://www.psdvault.com/wp-content/uploads/2010/08/masking-custom-brush-flatten-500x652.jpg" alt="" width="500" height="652" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members            Area for only $4.95/Month (or less)! You will not only get this     PSD        File, but also 40+ other PSD Files + Extra Goodies there.  <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup    now</a> and get    exclusive! <a href="../vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php" target="_blank"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>You will need the following stock to complete this tutorial:</p>
<p><a href="http://captainredd-stock.deviantart.com/art/2-171445547?q=boost%3Apopular+in%3Aresources%2Fstockart%2Fmodel%2Fwomen%2Fportrait+max_age%3A744h&amp;qo=133" target="_blank">Model</a></p>
<p><a href="http://qbrushes.net/nature/cloud-brushes-high-resolution/" target="_blank">Cloud Brush</a></p>
<p><a href="http://qbrushes.net/smoke-fire/revnart-smoke-brushes/" target="_blank">Smoke Brush</a></p>
<p><a href="http://qbrushes.net/misc/rabies-star-ps-brush/" target="_blank">Star Brush 1</a></p>
<p><a href="http://qbrushes.net/objects/star-brushe/" target="_blank">Star Brush 2</a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 800px * 1044px, fill the background layer with black colour. Create a new layer called &#8220;background light&#8221; and use the <a href="http://qbrushes.net/nature/cloud-brushes-high-resolution/" target="_blank">Cloud Brush</a> and big soft white brush, create some random light as shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-bg-light.jpg"><img class="alignnone size-medium wp-image-6881" title="1 bg light" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-bg-light-500x657.jpg" alt="" width="500" height="657" /></a></p>
<p>Load the <a href="http://captainredd-stock.deviantart.com/art/2-171445547?q=boost%3Apopular+in%3Aresources%2Fstockart%2Fmodel%2Fwomen%2Fportrait+max_age%3A744h&amp;qo=133" target="_blank">Model</a> image into Photoshop, cut out the model and paste it onto our document. Don&#8217;t worry if edges appear to be a bit rough &#8211; this is not important for this tutorial as we will be masking them out later on.</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-paste.jpg"><img class="alignnone size-medium wp-image-6882" title="1 paste" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-paste-500x654.jpg" alt="" width="500" height="654" /></a></p>
<p>We will be doing a bit of retouching for this model. If you look closely, you will see some black spots on the girl&#8217;s cheek. We will remove them by using the healing brush, as shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-smudge.jpg"><img class="alignnone size-medium wp-image-6885" title="1 smudge" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-smudge-500x296.jpg" alt="" width="500" height="296" /></a></p>
<p>This is the effect after applying the healing brush:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-after-healing.jpg"><img class="alignnone size-medium wp-image-6880" title="1 after healing" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-after-healing-499x304.jpg" alt="" width="499" height="304" /></a></p>
<p>Grab the Sharpen Tool from the toolbox, set strength to around 20%, apply some sharp effect onto the girl:</p>
<p>Hair</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-sharpen.jpg"><img class="alignnone size-medium wp-image-6884" title="1 sharpen" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-sharpen-500x255.jpg" alt="" width="500" height="255" /></a></p>
<p>Lips</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/1-sharpen-2.jpg"><img class="alignnone size-medium wp-image-6883" title="1 sharpen 2" src="http://www.psdvault.com/wp-content/uploads/2010/08/1-sharpen-2-500x201.jpg" alt="" width="500" height="201" /></a></p>
<h3>Step 2</h3>
<p>We can create some abstract pattern by mixing Soft and Hard Circle round brush. As you can see, below is a big soft white brush with 0% hardness (a single-click):</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-soft-brush.jpg"><img class="alignnone size-medium wp-image-6893" title="2 soft brush" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-soft-brush-500x608.jpg" alt="" width="500" height="608" /></a></p>
<p>Now grab the eraser tool, set the brush hardness to 100% for the round brush, do a single-click to the position shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-erase-hard.jpg"><img class="alignnone size-medium wp-image-6889" title="2 erase hard" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-erase-hard-500x463.jpg" alt="" width="500" height="463" /></a></p>
<p>Then use the free tranform tool to warp it, distort it, whatever you like:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-warp.jpg"><img class="alignnone size-medium wp-image-6894" title="2 warp" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-warp-500x309.jpg" alt="" width="500" height="309" /></a></p>
<p>You can create abstract shape like this, which you can then apply to the image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-shape.jpg"><img class="alignnone size-medium wp-image-6891" title="2 shape" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-shape-500x325.jpg" alt="" width="500" height="325" /></a></p>
<p>Meanwhile, you can add some shining stripes by doing the followings:</p>
<p>Firstly use a soft white brush to do a single-click on the top edge:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-single-click.jpg"><img class="alignnone size-medium wp-image-6892" title="2 single click" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-single-click-500x211.jpg" alt="" width="500" height="211" /></a></p>
<p>Then compress it down using the free-transform tool:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-compress.jpg"><img class="alignnone size-medium wp-image-6886" title="2 compress" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-compress-500x182.jpg" alt="" width="500" height="182" /></a></p>
<p>Rotate it to an angle you prefer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-rotate.jpg"><img class="alignnone size-medium wp-image-6890" title="2 rotate" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-rotate-500x365.jpg" alt="" width="500" height="365" /></a></p>
<p>By repeating the steps shown above, we can create some cool abstract patten quickly and use the to spice up the effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-effect1.jpg"><img class="alignnone size-medium wp-image-6888" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-effect1-500x585.jpg" alt="" width="500" height="585" /></a></p>
<p>and this is the overall effect so far: (you effect may look different, as the pattern you create may be different from mine)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/2-effect-with-girl.jpg"><img class="alignnone size-medium wp-image-6887" title="2 effect with girl" src="http://www.psdvault.com/wp-content/uploads/2010/08/2-effect-with-girl-500x654.jpg" alt="" width="500" height="654" /></a></p>
<h3>Step 3</h3>
<p>Now let&#8217;s add a layer mask on the model layer, use a combination of hard, soft and smoke brush sets on it. Use your own creativity on the mask, and see what result it brings you:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-mask-on-girl.jpg"><img class="alignnone size-medium wp-image-6903" title="3 mask on girl" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-mask-on-girl-500x640.jpg" alt="" width="500" height="640" /></a></p>
<p>and here is my effect after messing up with my layer mask:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect1.jpg"><img class="alignnone size-medium wp-image-6900" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect1-500x678.jpg" alt="" width="500" height="678" /></a></p>
<p>Add a Curves adjustment layer to the top of the model layer: (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option when adding them)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-red.jpg"><img class="alignnone size-full wp-image-6897" title="3 curve red" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-red.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-grenn.jpg"><img class="alignnone size-full wp-image-6896" title="3 curve grenn" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-grenn.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-blue.jpg"><img class="alignnone size-full wp-image-6895" title="3 curve blue" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-curve-blue.jpg" alt="" width="210" height="336" /></a></p>
<p>As you can see, by adjusting the channels on the curves adjustment layer, we can add colours to the image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect-2.jpg"><img class="alignnone size-medium wp-image-6898" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect-2-500x549.jpg" alt="" width="500" height="549" /></a></p>
<p>I added another levels adjsutment layer as clipping mask to increase the contrast a bit:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-levels1.jpg"><img class="alignnone size-full wp-image-6902" title="3 levels" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-levels1.jpg" alt="" width="210" height="336" /></a></p>
<p>Mask on the levels adjustment layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-level-mask1.jpg"><img class="alignnone size-medium wp-image-6901" title="3 level mask" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-level-mask1-500x583.jpg" alt="" width="500" height="583" /></a></p>
<p>here is the effect so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect-2.jpg"></a><a href="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect-3.jpg"><img class="alignnone size-medium wp-image-6899" title="3 effect 3" src="http://www.psdvault.com/wp-content/uploads/2010/08/3-effect-3-500x571.jpg" alt="" width="500" height="571" /></a></p>
<h3>Step 4</h3>
<p>Now let&#8217;s play with the lighting effect for a while. Create a new layer on top of all previous layer called &#8220;highlights&#8221; and set the blending mode to &#8220;overlay&#8221;, use a soft white brush to do a single-click to the spot shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-light.jpg"><img class="alignnone size-medium wp-image-6908" title="4 light" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-light-500x516.jpg" alt="" width="500" height="516" /></a></p>
<p>Create another light layer on top and use a big soft white brush to do a single-click on the spot shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-big-light.jpg"><img class="alignnone size-medium wp-image-6904" title="4 big light" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-big-light-500x485.jpg" alt="" width="500" height="485" /></a></p>
<p>Optional: duplicate this light layer once for brighter effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-duplicate.jpg"><img class="alignnone size-medium wp-image-6906" title="4 duplicate" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-duplicate-500x434.jpg" alt="" width="500" height="434" /></a></p>
<p>We can add some light strips to the image. Grab a big soft brush to do a single-click on a new layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-dot.jpg"><img class="alignnone size-medium wp-image-6905" title="4 dot" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-dot-500x446.jpg" alt="" width="500" height="446" /></a></p>
<p>Then narrow it down by using the free transform tool:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-resize-dot.jpg"><img class="alignnone size-full wp-image-6909" title="4 resize dot" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-resize-dot.jpg" alt="" width="481" height="558" /></a></p>
<p>and add those lights on the position shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/4-effect.jpg"><img class="alignnone size-medium wp-image-6907" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2010/08/4-effect-500x444.jpg" alt="" width="500" height="444" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s use the star brushes we downloaded to paint some star to the image, make sure you use a mixture of big and small stars:</p>
<p>(you can either create a new layer on top of all previous layer to paint star, or you can create layer below the original model layer if you want to add stars behind the model)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-paint-star.jpg"><img class="alignnone size-medium wp-image-6917" title="5 paint star" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-paint-star-500x659.jpg" alt="" width="500" height="659" /></a></p>
<p>Also make sure you use both white and black colour to paint the star.</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-white.jpg"><img class="alignnone size-medium wp-image-6919" title="5 white" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-white-499x241.jpg" alt="" width="499" height="241" /></a></p>
<p>Once you&#8217;re done with the painting, add the following two adjustment layers on top:</p>
<p>Color Balance</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-sha.jpg"><img class="alignnone size-full wp-image-6912" title="5 col sha" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-sha.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-mid.jpg"><img class="alignnone size-full wp-image-6911" title="5 col mid" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-mid.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-hig.jpg"><img class="alignnone size-full wp-image-6910" title="5 col hig" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-hig.jpg" alt="" width="210" height="336" /></a></p>
<p>Layer Mask on Colour Balance adjustment layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-mask-col.jpg"><img class="alignnone size-medium wp-image-6915" title="5 mask col" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-mask-col-500x648.jpg" alt="" width="500" height="648" /></a></p>
<p>Vibrance</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-vib.jpg"><img class="alignnone size-full wp-image-6918" title="5 vib" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-vib.jpg" alt="" width="210" height="336" /></a></p>
<p>Layer Mask on Vibrance adjustment layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-mask-vib.jpg"><img class="alignnone size-medium wp-image-6916" title="5 mask vib" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-mask-vib-500x654.jpg" alt="" width="500" height="654" /></a></p>
<p>and here is the effect you will have so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-col-hig.jpg"></a><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-effect2.jpg"><img class="alignnone size-medium wp-image-6914" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-effect2-500x657.jpg" alt="" width="500" height="657" /></a></p>
<p>For some final lighting touch-ups, you can use the dodge tool (set strength to around 30%) to add some highlights to the girls hair and face, as shown below: (after you flatten the image)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/5-dodge-tool.jpg"><img class="alignnone size-medium wp-image-6913" title="5 dodge tool" src="http://www.psdvault.com/wp-content/uploads/2010/08/5-dodge-tool-500x358.jpg" alt="" width="500" height="358" /><br />
</a></p>
<p>and here is the final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/08/masking-custom-brush-flatten.jpg"><img class="alignnone size-medium wp-image-6879" title="masking-custom-brush-flatten" src="http://www.psdvault.com/wp-content/uploads/2010/08/masking-custom-brush-flatten-500x652.jpg" alt="" width="500" height="652" /></a></p>
<p>That&#8217;s it for this Photoshop tutorial! Hope you   enjoy it and find it useful. Until next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-awesome-abstract-photo-effect-via-layer-masking-and-custom-patterns/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-gloomy-text-effect-by-utilising-the-amazing-cloud-filter-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-gloomy-text-effect-by-utilising-the-amazing-cloud-filter-in-photoshop/#comments</comments>
		<pubDate>Mon, 23 Nov 2009 12:44:24 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4138</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this gloomy-looking text effect by using the amazing cloud filter in Photoshop. Have a try :)

The purpose of this tutorial is to show you the use of the cloud filter to create various effect, such as light and shadow, as a result bringing more depth to your text effect.

I personally love the cloud filter and I think it's so versatile and you can use it to generate amazing effect and spice up your design. The trick is how you apply it and what other options do you use to combine it with (such as selection tools, other filter effects, or layer blending mode).]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fcreate-gloomy-text-effect-by-utilising-the-amazing-cloud-filter-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fcreate-gloomy-text-effect-by-utilising-the-amazing-cloud-filter-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the steps I took to create this gloomy-looking text effect by using the amazing cloud filter in Photoshop. Have a try :)</p>
<p>The purpose of this tutorial is to show you the use of the cloud filter to create various effect, such as light and shadow, as a result bringing more depth to your text effect.</p>
<p>I personally love the cloud filter and I think it&#8217;s so versatile and you can use it to generate amazing effect and spice up your design. The trick is how you apply it and what other options do you use to combine it with (such as selection tools, other filter effects, or layer blending mode).</p>
<p>Here is a preview of the final effect:</p>
<p><img class="alignnone size-medium wp-image-4159" title="5 final" src="http://www.psdvault.com/wp-content/uploads/2009/11/5-final1-500x410.jpg" alt="5 final" width="500" height="410" /></p>
<p>Alternative darker version: (I adjust the brightness and contrast of the final effect, and some abstract texture to it)</p>
<p><img class="alignnone size-medium wp-image-4160" title="gloomy-text-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/11/gloomy-text-flatten-500x350.jpg" alt="gloomy-text-flatten" width="500" height="350" /></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1400px * 600px (in fact size doesn&#8217;t really matter much in this tutorial), fill the background with the following gradients:</p>
<p><img class="alignnone size-medium wp-image-4140" title="1 grad" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-grad-500x199.jpg" alt="1 grad" width="500" height="199" /></p>
<p>Personally I like to start with a gradient background with light grey, as it helps setting the mood for the text effect later on we will be created.</p>
<p>On the canvas, type a letter on the centre with a big bold font (I chose <a href="http://img.dafont.com/dl/?f=old_sans_black" target="_blank">this font</a>) as shown below:</p>
<p><img class="alignnone size-medium wp-image-4141" title="1 type" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-type-500x296.jpg" alt="1 type" width="500" height="296" /></p>
<p>On the text layer, apply the following blending options:</p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-4142" title="1 inner sha" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-inner-sha-500x350.jpg" alt="1 inner sha" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4143" title="1 grad ove" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-grad-ove-500x350.jpg" alt="1 grad ove" width="500" height="350" /></p>
<p>Pattern Overlay</p>
<p><img class="alignnone size-medium wp-image-4144" title="1 patt" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-patt-500x350.jpg" alt="1 patt" width="500" height="350" /></p>
<p>and you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-4145" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/11/1-effect1-500x405.jpg" alt="1 effect" width="500" height="405" /></p>
<h3>Step 2</h3>
<p>Duplicate the text layer three times, disable the layer effects for those duplicated layers and put them below the original text layer. Alter the font color a bit and adjust the position of the text to the left and right of the original text layer a bit.</p>
<p>Your result should be looking similar to the following screenshot:</p>
<p><img class="alignnone size-medium wp-image-4146" title="2 type" src="http://www.psdvault.com/wp-content/uploads/2009/11/2-type1-500x447.jpg" alt="2 type" width="500" height="447" /></p>
<p>Then on each duplicated layer, add a layer mask respectively and erase a portion of the text with a soft brush on the spots as shown below:</p>
<p><img class="alignnone size-medium wp-image-4147" title="2 erase" src="http://www.psdvault.com/wp-content/uploads/2009/11/2-erase-500x441.jpg" alt="2 erase" width="500" height="441" /></p>
<p>The ulimiate goal of this step is to blend the edge of the text with the surrounding, so we can get ready for the next step.</p>
<p>To further increase the depth of the text, we can make a copy of any one of the duplicated text layer, replace the font color with a dark one, apply the following Gaussian Blur to the text layer: (Make sure this layer is beneath the original text layer)</p>
<p><img class="alignnone size-full wp-image-4148" title="2 gau blur" src="http://www.psdvault.com/wp-content/uploads/2009/11/2-gau-blur.jpg" alt="2 gau blur" width="316" height="305" /></p>
<p>You will have followin effect:</p>
<p><img class="alignnone size-full wp-image-4149" title="2 shadow 2" src="http://www.psdvault.com/wp-content/uploads/2009/11/2-shadow-2.jpg" alt="2 shadow 2" width="498" height="463" /></p>
<h3>Step 3</h3>
<p>Create a new layer on top of all previous layers called &#8220;cloud&#8221; and grab the Lasso Tool and draw a selection with 25px feather around the text, as shown below:</p>
<p><img class="alignnone size-medium wp-image-4150" title="3 lasso" src="http://www.psdvault.com/wp-content/uploads/2009/11/3-lasso-500x402.jpg" alt="3 lasso" width="500" height="402" /></p>
<p>Go to Filter &gt; Render &gt; Cloud and render some cloud inside it (with white as foreground colour and dark grey as background colour)</p>
<blockquote><p>Hint: try experimenting with different feather settings for the Lasso Tool, you will see by changing the feather, the cloud with become either thinner or thicker.</p></blockquote>
<p>Once you finish with the rendering, resize the cloud and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-4151" title="3 resize" src="http://www.psdvault.com/wp-content/uploads/2009/11/3-resize-500x393.jpg" alt="3 resize" width="500" height="393" /></p>
<p>Duplcate the cloud layer once and position it to the lower position as shown below:</p>
<p><img class="alignnone size-full wp-image-4152" title="3 lower cloud" src="http://www.psdvault.com/wp-content/uploads/2009/11/3-lower-cloud.jpg" alt="3 lower cloud" width="491" height="384" /></p>
<p>Change the blending mode of both cloud layer to &#8220;Hard Light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-4153" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2009/11/3-effect3.jpg" alt="3 effect" width="480" height="421" /></p>
<h3>Step 4</h3>
<p>Duplicate the cloud once more and name the duplicated layer as &#8220;shadow&#8221;, put it just above the background layer,  hit Ctrl + I to invert the colour and position it on the bottom of the text.</p>
<p>Change the blending mode of the shadow layer to &#8220;Normal&#8221; and opacity to 40%, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-4154" title="4 invert cloud" src="http://www.psdvault.com/wp-content/uploads/2009/11/4-invert-cloud-500x425.jpg" alt="4 invert cloud" width="500" height="425" /></p>
<p>Duplicate the Cloud layer once and put it above all previous layer, rotate it to around 60 degree and apply the following motion blur setting to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-4155" title="4 motion blur" src="http://www.psdvault.com/wp-content/uploads/2009/11/4-motion-blur.jpg" alt="4 motion blur" width="311" height="350" /></p>
<p>Name this layer as &#8220;Light&#8221;.</p>
<p>Change the blending mode of  this light layer to be &#8220;overlay&#8221;, duplicate it a few times and drag them around the text, and you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-4156" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/11/4-effect3.jpg" alt="4 effect" width="490" height="451" /></p>
<h3>Step 5</h3>
<p>OK now we can do some fine tuning to the text by adding a Curves adjustment layer to it:</p>
<p><img class="alignnone size-full wp-image-4157" title="5 curves" src="http://www.psdvault.com/wp-content/uploads/2009/11/5-curves1.jpg" alt="5 curves" width="305" height="406" /></p>
<p>and add some colour over the text by adding another layer on top of the curves adjustment layer with the &#8220;overlay&#8221; blending mode. Here is my final effect for this tutorial:</p>
<p><img class="alignnone size-medium wp-image-4158" title="5 final" src="http://www.psdvault.com/wp-content/uploads/2009/11/5-final-500x410.jpg" alt="5 final" width="500" height="410" /></p>
<p>Alternative darker version: (I adjust the brightness and contrast of the final effect, and some abstract texture to it)</p>
<p><img class="alignnone size-medium wp-image-4161" title="gloomy-text-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/11/gloomy-text-flatten1-500x350.jpg" alt="gloomy-text-flatten" width="500" height="350" /></p>
<p>Ok that&#8217;s it for this tutorial! Hopefully I gave you some ideas about the cloud filter and how you can use it for creating light, shadows and adding more depth to text effect.</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-gloomy-text-effect-by-utilising-the-amazing-cloud-filter-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Create a Rather Interesting, Wavy and Curving Abstract Shape Effect in Photoshop</title>
		<link>http://www.psdvault.com/abstracts/create-a-rather-interesting-wavy-and-curving-abstract-shape-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/abstracts/create-a-rather-interesting-wavy-and-curving-abstract-shape-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 06 Oct 2009 12:55:10 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[basic]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[wavy]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3709</guid>
		<description><![CDATA[In this tutorial, I will show you the design processes I used to make this Rather Interesting, Wavy and Curving Abstract Shape Effect in Photoshop.

I was just playing around with the Photoshop the other day and discovered this funny effect by accident, thought it looks good and perhaps can be added to some of the photo effect you're creating, or use it as some sorts of website background.

Along the way, we will be using the brush tool, filter effects, layer blending and some image adjustments. The steps of this tutorial is extremely simple and will be suitable for a PS beginner. Have a try! ]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fabstracts%2Fcreate-a-rather-interesting-wavy-and-curving-abstract-shape-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fabstracts%2Fcreate-a-rather-interesting-wavy-and-curving-abstract-shape-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the design processes I used to make this Rather Interesting, Wavy and Curving Abstract Shape Effect in Photoshop.</p>
<p>I was just playing around with the Photoshop the other day and discovered this funny effect by accident, thought it looks good and perhaps can be added to some of the photo effect you&#8217;re creating, or use it as some sorts of website background.</p>
<p>Along the way, we will be using the brush tool, filter effects, layer blending and some image adjustments. The steps of this tutorial is extremely simple and will be suitable for a PS beginner. Have a try!</p>
<p>Here is a preview of the final effect I have: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/10/abstract-wave-line-final.jpg"><img class="alignnone size-medium wp-image-3732" title="abstract-wave-line-final" src="http://www.psdvault.com/wp-content/uploads/2009/10/abstract-wave-line-final-500x300.jpg" alt="abstract-wave-line-final" width="500" height="300" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>To complete this tutorial, you will need the following stock:</p>
<p><a href="http://qbrushes.com/misc/cracks-texture-brushes/" target="_blank">Crack Brushset</a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1000px * 600px, fill the background layer with black colour. Create a new layer on top of the background and called it &#8220;light&#8221;, grab a 600px soft round brush with white colour, do a single click on the position shown below:</p>
<p><img class="alignnone size-medium wp-image-3715" title="1 brush" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-brush-500x339.jpg" alt="1 brush" width="500" height="339" /></p>
<p>Then Hit Ctrl + T and free-transform this light layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-3716" title="1 free trans" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-free-trans-500x346.jpg" alt="1 free trans" width="500" height="346" /></p>
<p>Reduce the layer opacity of this light layer to around 85%, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3717" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-effect-500x298.jpg" alt="1 effect" width="500" height="298" /></p>
<h3>Step 2</h3>
<p>Drag this &#8220;light&#8221; layer to the centre of our canvas, then go to Filter &gt; Distort &gt; Twirl and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3718" title="2 twirl" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-twirl.jpg" alt="2 twirl" width="360" height="289" /></p>
<p>And you will the following effect:</p>
<p><img class="alignnone size-medium wp-image-3719" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-effect-500x288.jpg" alt="2 effect" width="500" height="288" /></p>
<p>Duplicate this layer a few times, try using the free-transform tool on different layers to create depth and shape variations. Here is the effect I can after the duplication and free-transformation:</p>
<p><img class="alignnone size-medium wp-image-3720" title="2 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-effect-2-500x285.jpg" alt="2 effect 2" width="500" height="285" /></p>
<p>To bring out more lighting contrast, I added the following Curves adjustment layer on top of all previous duplicated layers:</p>
<p><img class="alignnone size-full wp-image-3721" title="2 curve" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-curve.jpg" alt="2 curve" width="471" height="446" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3722" title="2 effect 3" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-effect-3-500x287.jpg" alt="2 effect 3" width="500" height="287" /></p>
<h3>Step 3</h3>
<p>I then decided to have a try and see if I add some cloud to those shape, what effect that can bring me. So I create a new layer called &#8220;Cloud&#8221;, use the Lasso Tool with a 25px feather to draw a selection, then go to Filter &gt; Render &gt; Cloud and render the cloud as shown below:</p>
<p><img class="alignnone size-medium wp-image-3724" title="3 render" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-render-499x257.jpg" alt="3 render" width="499" height="257" /></p>
<p>Change the blending mode of this cloud layer to &#8220;Soft Light&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3725" title="3 change blending" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-change-blending-499x258.jpg" alt="3 change blending" width="499" height="258" /></p>
<p>Download a copy of <a href="http://qbrushes.com/misc/cracks-texture-brushes/" target="_blank">this crack brushset</a> and create a new layer called &#8220;crack&#8221; on top of all layers, change its blending mode to &#8220;Overlay&#8221;, grab any crack brush from the set and paint on it.</p>
<p>You will have this effect (or similar) so far:</p>
<p><img class="alignnone size-medium wp-image-3726" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-effect-2-500x286.jpg" alt="3 effect 2" width="500" height="286" /></p>
<h3>Step 4</h3>
<p>Now let&#8217;s add some colours to those shapes we created. To do so, simply create a new layer on top of all previous layers, change the new layer&#8217;s blending mode to &#8220;soft light&#8221;, and grab a big soft brush with some colour and paint on it:</p>
<p><img class="alignnone size-medium wp-image-3727" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-effect-499x274.jpg" alt="4 effect" width="499" height="274" /></p>
<p>To add a bit of extra lighting depth to the image, I simply duplicate the original &#8220;cloud&#8221; layer and drag the duplicated layer to the top, change its blending mode to &#8220;Vivid Light&#8221;, and apply the following motion blur settings to it:</p>
<p><img class="alignnone size-full wp-image-3728" title="4 motion" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-motion.jpg" alt="4 motion" width="316" height="352" /></p>
<p>Duplicate this motion blur layer a few times and drag each duplicated layer to different position of the canvas. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3729" title="4 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-effect-2-500x285.jpg" alt="4 effect 2" width="500" height="285" /></p>
<p>To touch up the image, I finally added this following curves adjustment layer:</p>
<p><img class="alignnone size-full wp-image-3730" title="4 curves" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-curves.jpg" alt="4 curves" width="471" height="446" /></p>
<p>with the following mask attached to it:</p>
<p><img class="alignnone size-medium wp-image-3731" title="4 mask" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-mask-499x295.jpg" alt="4 mask" width="499" height="295" /></p>
<p>And this is the final effect I have for this tutorial: (Click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/10/abstract-wave-line-final.jpg"><img class="alignnone size-medium wp-image-3732" title="abstract-wave-line-final" src="http://www.psdvault.com/wp-content/uploads/2009/10/abstract-wave-line-final-500x300.jpg" alt="abstract-wave-line-final" width="500" height="300" /></a></p>
<p>That&#8217;s all for this tutorial! Hope you enjoy it and find it useful and inspirational! Cheers and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/abstracts/create-a-rather-interesting-wavy-and-curving-abstract-shape-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>10</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Geometric Shaped Typography with Grungy Background in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop/#comments</comments>
		<pubDate>Fri, 25 Sep 2009 08:26:09 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[background]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[brushset]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[grungy]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[shape]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3626</guid>
		<description><![CDATA[In this tutorial, I will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try!

Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design. 

The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Join <a href="http://www.testking.com">testking</a> and get a free access to <a href="http://www.testking.com/350-001.htm">testking 350-001</a> and <a href="http://www.testking.com/VCP-410.htm">testking VCP-410</a> resources arranged by certified team to help you pass exams on time.</p>
<p>In this tutorial, I will show the processes involved in designing and creating this really cool, Geometric Shaped Typography with Grungy Background in Photoshop. This is a simple tutorial yet the effect looks awesome, have a try!</p>
<p>Along the way, I will also give you some tricks that you can use for creating awesome lighting and smoky effect to spice up your design.</p>
<p>The techniques involved in creating this typo include layer blending, filter effects, image adjustments and custom brushsets. Hope you enjoy it!</p>
<p>Here is a preview of the final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/09/glossy-geo-typo-flatten-final.jpg"><img class="alignnone size-medium wp-image-3651" title="glossy-geo-typo-flatten-final" src="http://www.psdvault.com/wp-content/uploads/2009/09/glossy-geo-typo-flatten-final-496x700.jpg" alt="glossy-geo-typo-flatten-final" width="496" height="700" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>OK let’s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://quiccs.deviantart.com/art/Amputa-Bangiz-Standard-TTF-122444794" target="_blank">Font</a></p>
<p><a href="http://www.brushking.eu/287/valley-of-the-dry-bones-3.html" target="_blank">Brushset</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1200 * 1700px, fill the background layer with black colour. Create a new layer on top of it and grab the brushset we just downloaded and paint some grungy texture as shown below:</p>
<p><img class="alignnone size-medium wp-image-3628" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/09/1-effect1-486x700.jpg" alt="1 effect" width="486" height="700" /></p>
<p>The trick here is to set your brush flow and opacity to a reletively low level, both around 30% &#8211; 40%, and vary the brushset size when you paint. Also don&#8217;t stick with one brushset, try mixing different ones together and see what result that brings you.</p>
<p>If you want to skip this step, you can simply download a copy of this background texture <a href="http://www.psdvault.com/wp-content/uploads/2009/09/bg-grungy-texture.jpg" target="_blank">here</a>.</p>
<p>Now we want to make a space for our text and create some depth for the image. To do so, on the texture layer, add the following layer mask to it:</p>
<p><img class="alignnone size-medium wp-image-3630" title="1 mask" src="http://www.psdvault.com/wp-content/uploads/2009/09/1-mask-490x700.jpg" alt="1 mask" width="490" height="700" /></p>
<p>To adjust the lighting contrast a bit, we can add a Curves adjustment layer on top of all previous layers:</p>
<p><img class="alignnone size-full wp-image-3632" title="1 curves" src="http://www.psdvault.com/wp-content/uploads/2009/09/1-curves.jpg" alt="1 curves" width="471" height="446" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3631" title="1 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/09/1-effect-2-492x700.jpg" alt="1 effect 2" width="492" height="700" /></p>
<h3>Step 2</h3>
<p>Use the font we download before, type and position the text as shown below: (Use a dark gray colour as font colour)</p>
<p><img class="alignnone size-medium wp-image-3633" title="2 type" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-type-500x696.jpg" alt="2 type" width="500" height="696" /></p>
<p>Tips: type the texts on seperate layers, use the free transform tool (Ctrl + T) to rotate and fit them together.</p>
<p>Once you&#8217;re happy with the position, rasterise and merge those text layers and apply the following layer blending option to the merged layer:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-3634" title="2 drop sha" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-drop-sha-500x350.jpg" alt="2 drop sha" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-3635" title="2 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-bevel-500x350.jpg" alt="2 bevel" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-3636" title="2 gradient" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-gradient-500x350.jpg" alt="2 gradient" width="500" height="350" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3637" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-effect2-495x700.jpg" alt="2 effect" width="495" height="700" /></p>
<p>Now we&#8217;re in the fun part of this tutorial &#8211; Duplicate this merged text layer five times, and set each layer&#8217;s opacity as shown below:</p>
<p><img class="alignnone size-full wp-image-3638" title="2 type opacity" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-type-opacity.jpg" alt="2 type opacity" width="427" height="237" /></p>
<p>Use your <strong>up and right arrow key</strong> on your keyboard, repeatly type them until each layer seperates from each other and form this effect as shown below:</p>
<p><img class="alignnone size-medium wp-image-3639" title="2 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/09/2-effect-21-497x700.jpg" alt="2 effect 2" width="497" height="700" /></p>
<h3>Step 3</h3>
<p>Load the selection of the last text layer (hold ctrl + left-click the thumbnail image of that text layer on the layer pallette), and apply the following refine edge settings:</p>
<p><img class="alignnone size-full wp-image-3640" title="refine edge" src="http://www.psdvault.com/wp-content/uploads/2009/09/refine-edge.jpg" alt="refine edge" width="328" height="463" /></p>
<p>Maintain the selection, create a new layer called &#8220;cloud&#8221; and render some cloud in it: (Black and White colour)</p>
<p><img class="alignnone size-medium wp-image-3641" title="3 render cloud" src="http://www.psdvault.com/wp-content/uploads/2009/09/3-render-cloud-499x698.jpg" alt="3 render cloud" width="499" height="698" /></p>
<p>Duplicate this cloud layer three times, and drag the last text layer on top of the duplicated cloud layer, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3642" title="3 drag layer up" src="http://www.psdvault.com/wp-content/uploads/2009/09/3-drag-layer-up-495x700.jpg" alt="3 drag layer up" width="495" height="700" /></p>
<p>Duplicate the cloud layer twice, and drag the two layers on top of text layer, change their blending mode to &#8220;overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3643" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/09/3-effect-2-500x697.jpg" alt="3 effect 2" width="500" height="697" /></p>
<h4>Step 4</h4>
<p>Now we can add some colours onto the image to spice it up a bit. To do this, I simply create a new layer called &#8220;colour 1&#8243; on top of all previous layers, and grab a big soft round brush and select some colour I like to paint over it:</p>
<p><img class="alignnone size-medium wp-image-3644" title="4 paint" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-paint1-490x700.jpg" alt="4 paint" width="490" height="700" /></p>
<p>Change the blending mode of this layer to &#8220;overlay&#8221;.</p>
<p>I also want to highlight the edge of the grungy background, so I add another layer called &#8220;colour 2&#8243; and grab a brown colour brush to paint around the edges:</p>
<p><img class="alignnone size-medium wp-image-3645" title="4 paint 2" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-paint-2-499x700.jpg" alt="4 paint 2" width="499" height="700" /></p>
<p>Set the blending mode of this layer to &#8220;colour dodge&#8221;.</p>
<p>You can also highlight some part of the text, simply create another layer called &#8220;highlight&#8221; and grab a white soft round, big size brush and paint over desired area:</p>
<p><img class="alignnone size-medium wp-image-3646" title="4 paint 3" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-paint-3-500x693.jpg" alt="4 paint 3" width="500" height="693" /></p>
<p>Change thie blending mode of this layer to &#8220;soft light&#8221;.</p>
<p>For final refinement, I added two adjustment layers on top of all previous layers:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3648" title="4 curves" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-curves.jpg" alt="4 curves" width="471" height="446" /></p>
<p>Colour balance</p>
<p><img class="alignnone size-full wp-image-3649" title="4 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-col-bal.jpg" alt="4 col bal" width="437" height="224" /></p>
<p>Apply the following mask to the colour balance adjustment layer:</p>
<p><img class="alignnone size-medium wp-image-3650" title="4 mask col bal" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-mask-col-bal-493x700.jpg" alt="4 mask col bal" width="493" height="700" /></p>
<p>Overall, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3647" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/09/4-effect2-494x700.jpg" alt="4 effect" width="494" height="700" /></p>
<p>Ok that&#8217;s pretty much it for this tutorial! Of course this doesn&#8217;t stop you from enhancing it and put it some your own creativity to it.</p>
<p>I further added some lines and apply some of <a href="http://qbrushes.com/objects/retro-funk-2-brushes/" target="_blank">this brushset </a>around the edge of the text.</p>
<p>Here is my final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/09/glossy-geo-typo-flatten-final.jpg"><img class="alignnone size-medium wp-image-3651" title="glossy-geo-typo-flatten-final" src="http://www.psdvault.com/wp-content/uploads/2009/09/glossy-geo-typo-flatten-final-496x700.jpg" alt="glossy-geo-typo-flatten-final" width="496" height="700" /></a></p>
<p>That&#8217;s it for this tut! Hope you enjoy this tutorial and find it useful and inspirational! Cheers and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-an-awesome-geometric-shaped-typography-with-grungy-background-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>99</slash:comments>
		</item>
		<item>
		<title>Create an Abstract Style, Vibrant Jumping Man Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-an-abstract-style-vibrant-jumping-man-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-an-abstract-style-vibrant-jumping-man-scene-in-photoshop/#comments</comments>
		<pubDate>Sun, 30 Aug 2009 14:29:15 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[Pen Tool]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3397</guid>
		<description><![CDATA[In this tutorial, I will show you how you can utilise the amazing power of image adjustment layers to make colour, contrast and lighting change for any chosen image in Photoshop, by walking you through the design process of this man jumping scene.

The reason I put up this basic tutorial is that lately I have receive some requests from people wishing to learn some techniques involved in using adjustment layers.

Along the way, not only I will be using image adjustment layers techniques, but also I will show you some skills I use to create break-apart effects, pen tool and layer blendings. Have a try!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-an-abstract-style-vibrant-jumping-man-scene-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-an-abstract-style-vibrant-jumping-man-scene-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Want to save on your exam? Then go through <a href="http://www.testking.com/70-640.htm">testking 70-640</a> questions and <a href="http://www.testking.com/70-642.htm">testking 70-642</a> answers prepared by experts plus try out our latest <a href="http://www.testking.com/642-902.htm">testking 642-902</a> test engines.</p>
<p>In this tutorial, I will show you how you can utilise the amazing power of image adjustment layers to make colour, contrast and lighting change for any chosen image in Photoshop, by walking you through the design process of this man jumping scene.</p>
<p>The reason I put up this basic tutorial is that lately I have receive some requests from people wishing to learn some techniques involved in using adjustment layers.</p>
<p>Along the way, not only I will be using image adjustment layers techniques, but also I will show you some skills I use to create break-apart effects, pen tool and layer blendings. Have a try!</p>
<p>Here is a preview of the final effect of this tutorial:  (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/jump-scene-flatten-2-final.jpg"><img class="alignnone size-medium wp-image-3414" title="jump-scene-flatten-2-final" src="http://www.psdvault.com/wp-content/uploads/2009/08/jump-scene-flatten-2-final-500x261.jpg" alt="jump-scene-flatten-2-final" width="500" height="261" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stock:</p>
<p><a href="http://smilingmelody.deviantart.com/art/stock-jump-93394133" target="_blank">Jump</a></p>
<h3>Step 1</h3>
<p>Load the &#8220;Jump&#8221; stock image into Photoshop, double-click on the background layer inside the layer pallatte to unlock it. Then create a new layer called &#8220;bg&#8221; , fill it with black colour and put it under the background layer we just unlock.</p>
<p>Use whatever selection tool you perfer to clear out the surroundings, and leave just the jumping man on the canvas:</p>
<p><img class="alignnone size-medium wp-image-3398" title="1 clear" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-clear-500x319.jpg" alt="1 clear" width="500" height="319" /></p>
<p>It doesn&#8217;t really matter if the selection isn&#8217;t perfect. The tutorial is not about teaching you how to make the perfect human selection (However if you do want to learn, <a href="http://www.psdvault.com/photo-effect/make-perfect-selection-for-human-object-by-utilising-channel-mask-technique-in-photoshop/" target="_blank">here is a tutorial for you</a>).</p>
<h3>Step 2</h3>
<p>Now let&#8217;s head straight to the image adjustment layers. You will find those options under Layer &gt; New Adjustment Layer &gt; &#8230; , as shown below:</p>
<p><img class="alignnone size-full wp-image-3399" title="2 adju" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-adju.jpg" alt="2 adju" width="393" height="419" /></p>
<p>In this tutorial, I will be using three adjustment layers to retouch this jumping man: colour balance, curves and brightness and contrast. In my opinion, these are probably the most frequent used adjustment layers you will be using for whatever design you&#8217;re doing.</p>
<h3>Step 3</h3>
<p>Let&#8217;s go ahead and apply those adjustment layers. From bottom to top,</p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3400" title="2 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-col-bal1.jpg" alt="2 col bal" width="437" height="224" /></p>
<p><img class="alignnone size-full wp-image-3401" title="2 col bal 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-col-bal-2.jpg" alt="2 col bal 2" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3402" title="2 curves" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-curves1.jpg" alt="2 curves" width="471" height="446" /></p>
<p>Brightness and Contrast</p>
<p><img class="alignnone size-full wp-image-3403" title="2 bc" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-bc.jpg" alt="2 bc" width="326" height="124" /></p>
<p>And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3404" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect3-500x328.jpg" alt="2 effect" width="500" height="328" /></p>
<p>You will see now the colour tone and the lightness of the image are completely changed, just by adding those three adjustment layers. And the good thing about them is that you can have more flexibility if you do want to make changes later on, because the original layer is not altered.</p>
<p>Also, because those adjustment layers are in fact layer, you can apply mask, or change the blending mode for them, to experience different result.</p>
<h3>Step 4</h3>
<p>Now I will show you a quick way I use to create this cool dis-integration effect. Firstly let&#8217;s create a custom brushset.</p>
<p>Select a 5px, soft round brush, and apply the following brush dynamics to it:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-3405" title="4 sha dyn" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-sha-dyn.jpg" alt="4 sha dyn" width="370" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-3406" title="4 scat" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-scat.jpg" alt="4 scat" width="370" height="423" /></p>
<p>and tick Noise, Airbrush and Smoothing options.</p>
<p>Now load the selection of the jumping man layer by Ctrl + left click the thumbnail image of that layer, click the rectangular marquee tool, then right-click inside the selection and choose &#8220;Make work path&#8221;:</p>
<p><img class="alignnone size-medium wp-image-3407" title="4 make work" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-make-work-500x433.jpg" alt="4 make work" width="500" height="433" /></p>
<p>Then define the Feather as 2px, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3408" title="4 path" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-path-500x342.jpg" alt="4 path" width="500" height="342" /></p>
<p>After you made the work path, create a new layer called &#8220;stroke&#8221; and put it just under the jumping man layer, then click on the Pen Tool icon, and right-click on the work path and choose &#8220;stroke path&#8221;:</p>
<p><img class="alignnone size-medium wp-image-3409" title="4 pen" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-pen-500x248.jpg" alt="4 pen" width="500" height="248" /></p>
<p>Make sure the brushset you just created is still selected and choose &#8220;Brush&#8221; in the next window, leave &#8220;simulate pressure&#8221; option un-checked.</p>
<p>Change the layer blending mode of this stroke layer to be &#8220;Screen&#8221; and drop the opacity to 40%. You will now have this effect:</p>
<p><img class="alignnone size-medium wp-image-3410" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect3-500x362.jpg" alt="4 effect" width="500" height="362" /></p>
<h3>Step 5</h3>
<p>To create some motion for the image, we can duplicate the &#8220;stroke&#8221; layer from the previous layer once, drag the duplicated layer to the top of the jumping man layer, and apply the following <strong>radial</strong> blur:</p>
<p><img class="alignnone size-full wp-image-3411" title="5 mo blur" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-mo-blur.jpg" alt="5 mo blur" width="311" height="236" /></p>
<p>Change the blending mode to &#8220;Hard Light&#8221; for this duplicated layer, and duplicate it once again. You will now have this effect:</p>
<p><img class="alignnone size-medium wp-image-3412" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-effect1-500x379.jpg" alt="5 effect" width="500" height="379" /></p>
<h3>Step 6</h3>
<p>To add some more effect to the image, we can grab this <a href="http://qbrushes.com/downloads/brushes/Debris_Brush_Set_by_zigabooooo.zip" target="_blank">Debris brushset</a> and create a new layer just below the &#8220;Brightness and Contrast&#8221; adjustment layer, and paint some debris on it:</p>
<p><img class="alignnone size-medium wp-image-3413" title="6 debris" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-debris-500x360.jpg" alt="6 debris" width="500" height="360" /></p>
<p>And that&#8217;s pretty much it for this tutorial! I added some abstract lines stretching from his arm to make this image more vibrant. This require some basic use of the Pen Tool, if you&#8217;re interested, I <a href="http://www.psdvault.com/abstracts/design-an-elegant-abstract-site-header-image-with-in-photoshop/" target="_blank">have a pretty neat tutorial here</a> showing you how to make this sort of effect.</p>
<p>Here is the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/jump-scene-flatten-2-final.jpg"><img class="alignnone size-medium wp-image-3414" title="jump-scene-flatten-2-final" src="http://www.psdvault.com/wp-content/uploads/2009/08/jump-scene-flatten-2-final-500x261.jpg" alt="jump-scene-flatten-2-final" width="500" height="261" /></a></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-an-abstract-style-vibrant-jumping-man-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Design a Chilling and Icy Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-chilling-and-icy-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-chilling-and-icy-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sat, 22 Aug 2009 08:48:36 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[brushset]]></category>
		<category><![CDATA[chill]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[ice]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3312</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to design this chilling and icy text effect in Photoshop. Yesterday and today are both really hot in my city (suppose to be winter right now here!!), so I though I can make something to cool myself down :)

Along the way, we will be practicing a lot of layer blending technques, applying texture, selection technique, and an interesting method to create snowy/foggy effect.  Have a try!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-chilling-and-icy-text-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-chilling-and-icy-text-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Subscribe for <a href="http://www.testking.com">testkings</a> online training and get certified <a href="http://www.testking.com/70-290.htm">testking 70-290</a> materials with <a href="http://www.testking.com/640-553.htm">testking 640-553</a>  Q &#038; A to prepare and pass IT exams.</p>
<p>In this tutorial, I will show you the steps I took to design this chilling and icy text effect in Photoshop. Yesterday and today are both really hot in my city (suppose to be winter right now here!!), so I though I can make something to cool myself down :)</p>
<p>Along the way, we will be practicing a lot of layer blending technques, applying texture, selection technique, and an interesting method to create snowy/foggy effect.  Have a try!</p>
<p>Here is a preview of the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten.jpg"><img class="alignnone size-medium wp-image-3344" title="chilling-icy-text-effect-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-500x300.jpg" alt="chilling-icy-text-effect-flatten" width="500" height="300" /></a></p>
<p>Alternative version: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-2.jpg"><img title="chilling-icy-text-effect-flatten-2" src="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-2-500x300.jpg" alt="chilling-icy-text-effect-flatten-2" width="500" height="300" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<p>To complete this tutorial, you will need to following stocks:</p>
<p><a href="http://xsel04.deviantart.com/art/Ice-Grunge-Brush-Set-17108067" target="_blank">Ice Grunge Brushset</a></p>
<p><a href="http://www.dafont.com/times-new-yorker.font" target="_blank">Font</a></p>
<p><a href="http://resurgere.deviantart.com/art/Package-Ice-6-14030780" target="_blank">Ice Package</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1000px * 600px, leave the background colour as white, and let&#8217;s firstly make a background to work on.</p>
<p>Grab the Ice Grunge Brushset we just downloaded, paint around the edges of the background layer as shown below: (tip: set the opacity and flow of the brush to around 50%, and try to use a variety of brushes in the set so we can have a mixture of patterns)</p>
<p>Optionally, you can apply the <a href="http://qbrushes.com/nature/rabies-star-ps-brush/" target="_blank">Star Brushset</a> for extra effect.</p>
<p><img class="alignnone size-medium wp-image-3313" title="1 paint" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-paint1-500x304.jpg" alt="1 paint" width="500" height="304" /></p>
<p>We can now add some cooling effect to the background. To do so, I added two adjustment layers to it:</p>
<p>Colour Balance</p>
<p><img class="alignnone size-full wp-image-3314" title="1 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-col-bal.jpg" alt="1 col bal" width="437" height="224" /></p>
<p>Brightness and Contrast</p>
<p><img class="alignnone size-full wp-image-3315" title="1 brightness" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-brightness.jpg" alt="1 brightness" width="326" height="124" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3316" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-effect1-500x301.jpg" alt="1 effect" width="500" height="301" /></p>
<h3>Step 2</h3>
<p>Use the font we just downloaded and type some texts onto the document:</p>
<p><img class="alignnone size-medium wp-image-3317" title="2 type" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-type-500x297.jpg" alt="2 type" width="500" height="297" /></p>
<p>Apply the following layer blending option to this text layer:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-3318" title="2 drop shadow" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-drop-shadow-500x350.jpg" alt="2 drop shadow" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-3319" title="2 inner sha" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-inner-sha-500x350.jpg" alt="2 inner sha" width="500" height="350" /></p>
<p>Outer Glow</p>
<p><img class="alignnone size-medium wp-image-3320" title="2 outer glow" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-outer-glow-500x350.jpg" alt="2 outer glow" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-3321" title="2 inner glow" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-inner-glow-500x350.jpg" alt="2 inner glow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-3322" title="2 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-bevel-500x350.jpg" alt="2 bevel" width="500" height="350" /></p>
<p>Color Overlay</p>
<p><img class="alignnone size-medium wp-image-3324" title="2 col over" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-col-over-500x350.jpg" alt="2 col over" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-3325" title="2 gra overlay" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-gra-overlay-500x350.jpg" alt="2 gra overlay" width="500" height="350" /></p>
<p>Pattern Overlay</p>
<p><img class="alignnone size-medium wp-image-3326" title="2 pattern overlay" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-pattern-overlay-500x350.jpg" alt="2 pattern overlay" width="500" height="350" /></p>
<p>Stroke</p>
<p><img class="alignnone size-medium wp-image-3327" title="2 stroke" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-stroke-500x350.jpg" alt="2 stroke" width="500" height="350" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3328" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect2-499x300.jpg" alt="2 effect" width="499" height="300" /></p>
<h3>Step 3</h3>
<p>Load any one image from the Ice Package into Photoshop (I chose the ice6_0174 image), select a distinct portion of the image use the Rectangluar Marquee Tool, copy and paste the selection onto our document, rotate it slightly as shown below:</p>
<p><img class="alignnone size-medium wp-image-3329" title="3 copy paste" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-copy-paste-500x298.jpg" alt="3 copy paste" width="500" height="298" /></p>
<p>Rename this layer as &#8220;Icy Texture right&#8221; and change its blending mode to &#8220;Screen&#8221;, use the ice brushset we download to erase the edge of this layer so only the centre part of the image remains:</p>
<p><img class="alignnone size-medium wp-image-3330" title="3 erase" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-erase-500x294.jpg" alt="3 erase" width="500" height="294" /></p>
<p>Duplicate this &#8220;Icy Texture right&#8221; layer once and drag the duplicated layer to the left, rename the layer as &#8220;&#8221;Icy Texture Left&#8221;, keep the blending mode as &#8220;Screen&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3331" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-effect2-500x295.jpg" alt="3 effect" width="500" height="295" /></p>
<h3>Step 4</h3>
<p>Now let&#8217;s create some shattered ice around the text.</p>
<p>Load a different image from the ice package into Photoshop (I chose ice6_0176.jpg file) and use the same method as described above, select a portion of the image, copy and paste it onto our document, and put it just beneath text layer:</p>
<p><img class="alignnone size-medium wp-image-3332" title="4 copy paste" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-copy-paste-499x345.jpg" alt="4 copy paste" width="499" height="345" /></p>
<p>Use the ice grunge brushset to erase the edge and leave just the bits in the centre. (Tip: repeatly left-click the centre of this image for the shattering effect)</p>
<p><img class="alignnone size-medium wp-image-3333" title="4 erase" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-erase-499x291.jpg" alt="4 erase" width="499" height="291" /></p>
<p>Rename this layer as &#8220;Background Ice Texture Right&#8221;, Add the following adjustment layers to this layer (make sure to tick &#8220;use previous layer as clipping mask&#8221; option)</p>
<p>Black and White</p>
<p><img class="alignnone size-full wp-image-3334" title="4 bw" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-bw1.jpg" alt="4 bw" width="410" height="452" /></p>
<p>Colour Balance</p>
<p><img class="alignnone size-full wp-image-3335" title="4 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-col-bal1.jpg" alt="4 col bal" width="437" height="224" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3337" title="4 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect-21-500x292.jpg" alt="4 effect 2" width="500" height="292" /></p>
<p>Duplicate the above three layers, and drag them to the left, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3336" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect2-499x297.jpg" alt="4 effect" width="499" height="297" /></p>
<p>And we can add some extra effect under the text. To do this, grab the Ellipitical Marquee Tool with 20px feather, create a new layer just below the text layer, draw a selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-3338" title="4 draw" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-draw-500x280.jpg" alt="4 draw" width="500" height="280" /></p>
<p>Maintain the selection, again grab the ice brushset we downloaded, paint inside the selection. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3339" title="4 base" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-base-500x289.jpg" alt="4 base" width="500" height="289" /></p>
<h3>Step 5</h3>
<p>Now we can fine-tune the image a bit. Firstly, we flatten the image (don&#8217;t forget to save a copy of the original before flatten it) and duplicate the background layer once, apply the following motion blur settings to the duplicate layer:</p>
<p><img class="alignnone size-full wp-image-3340" title="5 motion blur" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-motion-blur.jpg" alt="5 motion blur" width="315" height="353" /></p>
<p>Now we come to the interesting part: change the blending mode of this duplicated layer to &#8220;Pin Light&#8221;, keep the opacity of this layer to 100%, and hit Ctrl + T and resize the duplicate layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-3341" title="5 resize" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-resize-500x285.jpg" alt="5 resize" width="500" height="285" /></p>
<p>Erase the edges of the duplicated layer.</p>
<p>You can see by doing so, we created a nice snowy/foggy to our icy text.</p>
<p>Now we can finalise the image by adding the following adjustment layers:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3342" title="5 curves" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-curves.jpg" alt="5 curves" width="471" height="446" /></p>
<p>Hue/Saturation</p>
<p><img class="alignnone size-full wp-image-3351" title="5 hue" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-hue.jpg" alt="5 hue" width="405" height="285" /></p>
<p>Colour Balance</p>
<p><img class="alignnone size-full wp-image-3343" title="5 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-col-bal.jpg" alt="5 col bal" width="437" height="224" /></p>
<p>and here is the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten.jpg"><img class="alignnone size-medium wp-image-3344" title="chilling-icy-text-effect-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-500x300.jpg" alt="chilling-icy-text-effect-flatten" width="500" height="300" /></a></p>
<p>That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.</p>
<p>Here is an alternative version I have after I change a few things (Decided to give it a darker/groovy theme): (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-2.jpg"><img class="alignnone size-medium wp-image-3345" title="chilling-icy-text-effect-flatten-2" src="http://www.psdvault.com/wp-content/uploads/2009/08/chilling-icy-text-effect-flatten-2-500x300.jpg" alt="chilling-icy-text-effect-flatten-2" width="500" height="300" /></a></p>
<p>Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-chilling-and-icy-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>68</slash:comments>
		</item>
		<item>
		<title>Create a Distant Desert City Scene with Energy Ray Blast in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/#comments</comments>
		<pubDate>Mon, 17 Aug 2009 15:00:41 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blend]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[energy]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[ray]]></category>
		<category><![CDATA[sky]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3262</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I use to create this fantasy style, really cool distant desert city scene with an awesome energy ray blasting through the sky in Photoshop.

Along the way, we will be using tons of layer blending techniques, and I will show you how to merge the images together effectively and efficiently. We will also explore skills such as masking, filter effects and various custom brushsets.

This is an intermediate-level tutorial, have a try!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I use to create this fantasy style, really cool distant desert city scene with an awesome energy ray blasting through the sky in Photoshop.</p>
<p>Along the way, we will be using tons of layer blending techniques, and I will show you how to merge the images together effectively and efficiently. We will also explore skills such as masking, filter effects and various custom brushsets.</p>
<p>This is an intermediate-level tutorial, have a try!</p>
<p>Here is a preview of my final effect for this tutorial: (Click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast.jpg"><img class="alignnone size-medium wp-image-3305" title="desert-city-blast" src="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-500x312.jpg" alt="desert-city-blast" width="500" height="312" /></a></p>
<p>Alternative version</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-alt1.jpg"><img class="alignnone size-medium wp-image-3307" title="desert-city-blast-alt" src="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-alt1-500x312.jpg" alt="desert-city-blast-alt" width="500" height="312" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://neverfading-stock.deviantart.com/art/Desert-02-68412766" target="_blank">Desert</a></p>
<p><a href="http://www.brusheezy.com/brush/1194-Beyond-the-Mist" target="_blank">Mist Brushset</a></p>
<p><a href="http://lady-symphonia-stock.deviantart.com/art/Empty-Words-I-121167987" target="_blank">Misty Rock</a></p>
<p><a href="http://night-fate-stock.deviantart.com/art/sunset-over-desert-98865899" target="_blank">Sunset Sky</a></p>
<p><a href="http://mercgribern.deviantart.com/art/Distant-City-70209488" target="_blank">Distant City</a></p>
<p><a href="http://qbrushes.com/nature/rabies-star-ps-brush/" target="_blank">Star Brushset</a></p>
<p><a href="http://michalv.deviantart.com/art/Lightning-95750034" target="_blank">Lightning</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1280px * 800px, leave the background colour as White. Load the &#8220;Desert&#8221; stock image into Photoshop, copy and paste the entire image onto our document, position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3264" title="1 resize" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-resize-500x346.jpg" alt="1 resize" width="500" height="346" /></p>
<p>Name the new layer as &#8220;Desert&#8221;, add a layer mask onto it. On the layer mask, use the &#8220;Mist Brushset&#8221; we have just download (any brush in the set), erase the top part of the image as shown below:</p>
<p><img class="alignnone size-medium wp-image-3266" title="1 eraser 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-eraser-2-500x313.jpg" alt="1 eraser 2" width="500" height="313" /></p>
<p>This will form a nice misty effect for the image and make it easier for the layer blending later on:</p>
<p><img class="alignnone size-medium wp-image-3267" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-effect-500x309.jpg" alt="1 effect" width="500" height="309" /></p>
<p>Now duplicate this &#8220;Desert&#8221; layer once and on the duplicated layer, go to filter &gt; blur &gt; gaussian blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3268" title="1 gau blur" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-gau-blur.jpg" alt="1 gau blur" width="316" height="305" /></p>
<p>Change the blending mode of the duplicated layer to &#8220;Screen&#8221; and drop its opacity to 70%, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3269" title="1 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-effect-2-500x311.jpg" alt="1 effect 2" width="500" height="311" /></p>
<p>Now we have a very nice, dusty and misty desert scene with a lot of room to expand our imagination.</p>
<h3>Step 2</h3>
<p>To further adjust the colour balance and contrast of the desert, I add the following three adjustment layers on top of the previous two layers: (from bottom to top)</p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3270" title="2 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-col-bal.jpg" alt="2 col bal" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3271" title="2 curves" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-curves.jpg" alt="2 curves" width="471" height="446" /></p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-3272" title="2 levels" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-levels.jpg" alt="2 levels" width="399" height="305" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3273" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect1-499x310.jpg" alt="2 effect" width="499" height="310" /></p>
<h3>Step 3</h3>
<p>Now I feel that only the desert is a bit boring, so I decided to add some object into it so to create some depth for the image. So let&#8217;s load the &#8220;misty rock&#8221; image into Photoshop, copy and paste the entire image onto our document and name the new layer as &#8220;rock&#8221;, apply the following mask on the rock layer:</p>
<p><img class="alignnone size-medium wp-image-3274" title="3 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-mask1-500x309.jpg" alt="3 mask" width="500" height="309" /></p>
<p>Change the layer blending mode of this layer to &#8220;Hard light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3275" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-effect1-500x306.jpg" alt="3 effect" width="500" height="306" /></p>
<p>Add a Black and White adjustment layer on top of this rock layer, make sure to tick &#8220;use previous layer as clipping mask&#8221; option:</p>
<p><img class="alignnone size-full wp-image-3276" title="3 bw" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-bw.jpg" alt="3 bw" width="410" height="452" /></p>
<p>Then duplicate the &#8220;rock&#8221; layer once and drag it to the top, change the blending option of the duplicate layer to &#8220;overlay&#8221;, you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-3277" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-effect-21-500x309.jpg" alt="3 effect 2" width="500" height="309" /></p>
<h3>Step 4</h3>
<p>Load the &#8220;Sunset Sky&#8221; image into Photoshop, copy and paste it onto our document and name this new layer as &#8220;sky&#8221;, resize and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3278" title="4 sky drag" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-sky-drag-500x308.jpg" alt="4 sky drag" width="500" height="308" /></p>
<p>Add a layer mask to this sky layer, on the mask, use a soft round brush to gently erase the bottom part of the sky layer, as shown below:</p>
<p><img class="alignnone size-medium wp-image-3279" title="4 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-mask-500x311.jpg" alt="4 mask" width="500" height="311" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3280" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect1-500x307.jpg" alt="4 effect" width="500" height="307" /></p>
<p>Add the following two adjustment layers to the sky layer, make sure to tick &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3281" title="4 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-col-bal.jpg" alt="4 col bal" width="437" height="224" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3282" title="4 curves" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-curves.jpg" alt="4 curves" width="471" height="446" /></p>
<p>Then duplicate the original Sky layer once and drag it to the top. On the first duplicated sky layer, apply the following motion blur setting to it:</p>
<p><img class="alignnone size-full wp-image-3283" title="4 motion blur" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-motion-blur.jpg" alt="4 motion blur" width="316" height="352" /></p>
<p>After applying the motion blur filter, duplicate this layer once and change the duplicate layer&#8217;s blending mode to &#8220;Hard light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3284" title="4 effect 3" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect-3-500x313.jpg" alt="4 effect 3" width="500" height="313" /></p>
<p>You can see now we have a very nice sky on top of the desert, which makes the image more vibrant.</p>
<h3>Step 5</h3>
<p>Load the Distant City stock into Photoshop, cut out the city bit with any selection tool you like to use, copy and paste the selection on our document, name the new layer as &#8220;city&#8221; and use a big, soft brush to erase the surrounding, and leave only the centre of the city selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-3286" title="5 erase" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-erase-500x312.jpg" alt="5 erase" width="500" height="312" /></p>
<p>Duplicate this city layer twice, change the first duplicated layer&#8217;s blending mode to &#8220;Soft light&#8221;, and leave the second layer&#8217;s blending mode as &#8220;Normal&#8221;, but drop the opacity to 45%.</p>
<p>You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3287" title="5 duplicate" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-duplicate-500x309.jpg" alt="5 duplicate" width="500" height="309" /></p>
<h3>Step 6</h3>
<p>Now we&#8217;re onto creating the energy blast. Firsty we can make some background highlight for the blast. To do this, create a new layer called &#8220;highlight&#8221; and grab a soft round brush with white colour, gently paint over the centre area above the city.</p>
<p>Make sure to set the blending mode of this layer to &#8220;Hard Light&#8221; with an opacity of around 35%:</p>
<p><img class="alignnone size-medium wp-image-3288" title="6 highlight" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-highlight-500x418.jpg" alt="6 highlight" width="500" height="418" /></p>
<p>Now on top of this layer, create a new layer called &#8220;laser&#8221;, grab the Rectangular Marquee Tool with a 10px feather, make a selection and fill it with white colour as shown below:</p>
<p><img class="alignnone size-medium wp-image-3289" title="6 rect" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-rect-500x495.jpg" alt="6 rect" width="500" height="495" /></p>
<p>Apply the following layer blending option to this layer:</p>
<p>Outer glow</p>
<p><img class="alignnone size-medium wp-image-3290" title="6 out glow" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-out-glow-500x350.jpg" alt="6 out glow" width="500" height="350" /></p>
<p>Inner glow</p>
<p><img class="alignnone size-medium wp-image-3291" title="6 inner glow" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-inner-glow-500x350.jpg" alt="6 inner glow" width="500" height="350" /></p>
<p>and you will now have this effect:</p>
<p><img class="alignnone size-medium wp-image-3292" title="6 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-effect1-499x430.jpg" alt="6 effect" width="499" height="430" /></p>
<h3>Step 7</h3>
<p>Create a new layer called &#8220;Sparkle&#8221; on top of all previous layers, set its blending mode to &#8220;overlay&#8221;. Load the &#8220;Star Brushset&#8221; we download in and use it to paint around the laser line to create some sparkling effect:</p>
<p><img class="alignnone size-full wp-image-3293" title="7 sparkle" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-sparkle.jpg" alt="7 sparkle" width="435" height="539" /></p>
<p>Duplicate the &#8220;Sparkle&#8221; layer once, and apply the following Radial Blur setting to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-3294" title="7 radial blur" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-radial-blur.jpg" alt="7 radial blur" width="311" height="236" /></p>
<p>Name this layer &#8220;Radial&#8221; and maintain its blending mode to &#8220;overlay&#8221; and duplicate it twice more, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3295" title="7 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-effect.jpg" alt="7 effect" width="468" height="423" /></p>
<p>Then duplicate those three layers together once, use the Free Transform Tool to transfrom them to the left side, as shown below:</p>
<p><img class="alignnone size-medium wp-image-3296" title="7 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-effect-2-500x484.jpg" alt="7 effect 2" width="500" height="484" /></p>
<h3>Step 8</h3>
<p>Now we want to work on to the top part (sky) of the laser energy ray. Create a new layer named &#8220;sky highlight&#8221; and again use a soft brush with white colour to paint over the top centre of the sky, and set the layer blending mode to &#8220;overlay&#8221;, with opacity around 40%:</p>
<p><img class="alignnone size-medium wp-image-3297" title="8 sky hi" src="http://www.psdvault.com/wp-content/uploads/2009/08/8-sky-hi-500x375.jpg" alt="8 sky hi" width="500" height="375" /></p>
<p>Then create a new layer on top of all previous layer and name it as &#8220;light top&#8221;, fill the layer with black colour and go to Filter &gt; Render &gt; Lens Flare and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3298" title="8 lens fla" src="http://www.psdvault.com/wp-content/uploads/2009/08/8-lens-fla.jpg" alt="8 lens fla" width="317" height="426" /></p>
<p>Change this blending mode of this layer to &#8220;Screen&#8221;, use a soft brush to erase all areas expect the centre portion, as shown below:</p>
<p><img class="alignnone size-full wp-image-3299" title="8 erase" src="http://www.psdvault.com/wp-content/uploads/2009/08/8-erase.jpg" alt="8 erase" width="404" height="242" /></p>
<p>Duplicate this layer once, and move it the bottom of the city and change the blending mode to &#8220;overlay&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3300" title="8 dupl" src="http://www.psdvault.com/wp-content/uploads/2009/08/8-dupl.jpg" alt="8 dupl" width="438" height="384" /></p>
<h3>Step 9</h3>
<p>Now we can add some lightning effec to the top for further effect. Load the &#8220;Lightning&#8221; stock image into Photoshop, copy and paste the entire image onto our document and use a soft brush to erase the outer portion of the image.</p>
<p>Change the blending mode of the new layer to &#8220;screen&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3301" title="9 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/9-effect.jpg" alt="9 effect" width="402" height="517" /></p>
<p>Duplicate this layer once and free transform (Ctrl + T)  the duplicated layer as shown below:</p>
<p><img class="alignnone size-full wp-image-3302" title="9 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/9-effect-2.jpg" alt="9 effect 2" width="475" height="510" /></p>
<p>To futher touchup the image, we can add the following adjustment layers:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3303" title="9 curves" src="http://www.psdvault.com/wp-content/uploads/2009/08/9-curves.jpg" alt="9 curves" width="471" height="446" /></p>
<p>Color Balance</p>
<p><img class="alignnone size-full wp-image-3304" title="9 col" src="http://www.psdvault.com/wp-content/uploads/2009/08/9-col.jpg" alt="9 col" width="437" height="224" /></p>
<p>and here is the final effect for this tutorial: (click to enlarge)<a href="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast.jpg"><img class="alignnone size-medium wp-image-3305" title="desert-city-blast" src="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-500x312.jpg" alt="desert-city-blast" width="500" height="312" /></a></p>
<p>That’s it for this tutorial! Of course you can further enhance the image effect by mixing lighting effect, change hue/saturation settings, etc.</p>
<p>Here is an alternative version I have after I change a few things: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-alt.jpg"><img class="alignnone size-medium wp-image-3306" title="desert-city-blast-alt" src="http://www.psdvault.com/wp-content/uploads/2009/08/desert-city-blast-alt-500x312.jpg" alt="desert-city-blast-alt" width="500" height="312" /></a></p>
<p>Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-a-distant-desert-city-scene-with-energy-ray-blast-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>52</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Watercolour Style &#8220;City on Cloud&#8221; Artwork in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/#comments</comments>
		<pubDate>Sun, 09 Aug 2009 15:25:58 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[city]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[watercolour]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3223</guid>
		<description><![CDATA[In this tutorial, I will show the steps I took to create this really cool, watercolour style "City on Cloud" Artwork in Photoshop. I was experimenting the new brushsets and textures I downloaded today and thought I could combine them together and see what result they can bring :)

Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.

This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show the steps I took to create this really cool, watercolour style &#8220;City on Cloud&#8221; Artwork in Photoshop. I was experimenting the new brushsets and textures I downloaded today and thought I could combine them together and see what result they can bring :)</p>
<p>Along the way, we will be using a lot of photo manipulation techniques such as masking, filter effects, layer blending options, and custom brushsets.</p>
<p>This is an intermediate tutorial and some steps can be a bit tricky, but why not have a try :)</p>
<p>Here is a preview of the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/city-on-cloud-flatten.jpg"><img title="city-on-cloud-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/08/city-on-cloud-flatten-500x291.jpg" alt="city-on-cloud-flatten" width="500" height="291" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://qbrushes.com/grunge/high-resolution-photoshop-dirt-brushes/" target="_blank">Dirt Brushsets</a></p>
<p><a href="http://qbrushes.com/nature/cloud-brushes/" target="_blank">Cloud Brushsets</a></p>
<p><a href="http://greenaleydis-stock.deviantart.com/art/Clouds-Overlay-1-107101974" target="_blank">Cloud Texture 1</a></p>
<p><a href="http://foureyestock.deviantart.com/art/city-of-ghosts-5979950" target="_blank">City</a></p>
<p><a href="http://qbrushes.com/grunge/brush-stroke/" target="_blank">Stroke Brushsets</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1200px * 700px with White Background. Create a new layer on top of the background layer called &#8220;background texture&#8221;, and load the <strong>Dirt Brushsets</strong> into Photoshop, choose a mixture of those brushes and paint over this newly-created layer:</p>
<p>Make sure to set the brush flow and opacity to around 30-40% and colour to be Black, since we only want a light cover of the dirt texture as a background:</p>
<p><img title="1 paint" src="../wp-content/uploads/2009/08/1-paint-500x291.jpg" alt="1 paint" width="500" height="291" /></p>
<p>Create a new layer called &#8220;cloud 1&#8243;, paint some cloud over this layer using the <strong>Cloud Brushset</strong> we downloaded, in the position as shown below: (apply a slightly darker brush comparing with the previous step)</p>
<p><img class="alignnone size-medium wp-image-3225" title="1 paint cloud" src="http://www.psdvault.com/wp-content/uploads/2009/08/1-paint-cloud-500x279.jpg" alt="1 paint cloud" width="500" height="279" /></p>
<h3>Step 2</h3>
<p>Load the &#8220;Cloud Texture 1&#8243; image into Photoshop. Copy and paste the entire image onto our document and name this layer as &#8220;Cloud Texture 1&#8243;:</p>
<p><img class="alignnone size-medium wp-image-3226" title="2 drag" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-drag-500x290.jpg" alt="2 drag" width="500" height="290" /></p>
<p>Apply the following layer mask onto this &#8220;cloud texture 1&#8243; layer:</p>
<p><img class="alignnone size-medium wp-image-3227" title="2 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-mask-499x283.jpg" alt="2 mask" width="499" height="283" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3228" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect-500x279.jpg" alt="2 effect" width="500" height="279" /></p>
<p>Duplicate this cloud texture layer twice as shown below:</p>
<p><img class="alignnone size-medium wp-image-3230" title="2 layer 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-layer-2-500x152.jpg" alt="2 layer 2" width="500" height="152" /></p>
<p>Change the blending mode of the &#8220;Cloud Texture 1 copy 2&#8243; layer to &#8220;<strong>Soft Light</strong>&#8220;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3231" title="2 effect 3" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect-3-500x286.jpg" alt="2 effect 3" width="500" height="286" /></p>
<p>Add a new Curves Adjustment layer on top of all previous layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3232" title="2 curve" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-curve.jpg" alt="2 curve" width="471" height="446" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3233" title="2 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/2-effect-2-500x288.jpg" alt="2 effect 2" width="500" height="288" /></p>
<h3>Step 3</h3>
<p>Load the City image into Photoshop, copy and paste the whole image onto our document and name the new layer &#8220;city&#8221;, position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-3234" title="3 copy" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-copy-500x291.jpg" alt="3 copy" width="500" height="291" /></p>
<p>Add a layer mask to this layer, on the mask, erase the outer portion of the city image by using a soft, round brush, mixing with the cloud brush we just download for edge effects:</p>
<p><img class="alignnone size-medium wp-image-3235" title="3 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-mask-500x291.jpg" alt="3 mask" width="500" height="291" /></p>
<p>Here is what I have after the erasing:</p>
<p><img class="alignnone size-medium wp-image-3236" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-effect-500x288.jpg" alt="3 effect" width="500" height="288" /></p>
<p>I decided to alter the Hue and Saturation of the city layer a bit, so I added a new Hue and Saturation adjustment layer with the following settings: (be sure to tick &#8220;use previous layer to create clipping mask&#8221; option when adding the adjustment layer)</p>
<p><img class="alignnone size-full wp-image-3237" title="3 hue" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-hue.jpg" alt="3 hue" width="405" height="285" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3238" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/3-effect-2-500x286.jpg" alt="3 effect 2" width="500" height="286" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;city&#8221; layer once and drag the duplicated layer to the top, change its blending mode to &#8220;Screen&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3239" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect-500x280.jpg" alt="4 effect" width="500" height="280" /></p>
<p>Then I add a new Black and White adjustment layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3240" title="4 bw" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-bw.jpg" alt="4 bw" width="412" height="454" /></p>
<p>change the blending mode of this black and white adjustment layer to &#8220;Multiply&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3241" title="4 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/08/4-effect-2-500x283.jpg" alt="4 effect 2" width="500" height="283" /></p>
<h3>Step 5</h3>
<p>Duplicate the &#8220;city&#8221; layer <strong>three times, </strong>apply the following layer blending option to each duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-3242" title="5 layer" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-layer-500x163.jpg" alt="5 layer" width="500" height="163" /></p>
<p>On the &#8220;City copy 2&#8243; layer, go to Filter &gt; Artistic &gt; Watercolor and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-3243" title="watercolour" src="http://www.psdvault.com/wp-content/uploads/2009/08/watercolour-500x351.jpg" alt="watercolour" width="500" height="351" /></p>
<p>On the &#8220;City copy 4&#8243; layer, change the layer blending mode to &#8220;soft light&#8221;, and apply the following layer mask (use the <strong>Stroke Brushsets</strong> to paint the edges)</p>
<p><img class="alignnone size-medium wp-image-3244" title="5 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-mask-500x284.jpg" alt="5 mask" width="500" height="284" /></p>
<p>You will see now we have the right side of the image highlighted, therefore adding more depth to the image:</p>
<p><img class="alignnone size-medium wp-image-3245" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/5-effect-500x289.jpg" alt="5 effect" width="500" height="289" /></p>
<h3>Step 6</h3>
<p>To add more cloud effect on the bottom part of image, we can duplicate the &#8220;Cloud texture&#8221; layer twice and drag both duplicated layer to the top, change their layer blending mode &#8220;overlay&#8221;, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-3246" title="6 drag" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-drag-500x273.jpg" alt="6 drag" width="500" height="273" /></p>
<p>To add some more watercolour effect onto the effect, we can simply create a new layer (set blending mode to &#8220;overlay&#8221;), and grab the &#8220;Stroke Brush&#8221; we downloaded, paint over the new layer with a light grey colour:</p>
<p><img class="alignnone size-medium wp-image-3247" title="6 effect" src="http://www.psdvault.com/wp-content/uploads/2009/08/6-effect-500x284.jpg" alt="6 effect" width="500" height="284" /></p>
<h3>Step 7</h3>
<p>For final adjustments, I added some floral brush painting and a new Color Balance layer with the following settings:</p>
<p><img class="alignnone size-full wp-image-3249" title="7 col" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-col1.jpg" alt="7 col" width="437" height="221" /></p>
<p>And add the following mask to this colour balance adjustment layer:</p>
<p><img class="alignnone size-medium wp-image-3250" title="7 mask" src="http://www.psdvault.com/wp-content/uploads/2009/08/7-mask-500x290.jpg" alt="7 mask" width="500" height="290" /></p>
<p>and here is the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/08/city-on-cloud-flatten.jpg"><img class="alignnone size-medium wp-image-3251" title="city-on-cloud-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/08/city-on-cloud-flatten-500x291.jpg" alt="city-on-cloud-flatten" width="500" height="291" /></a></p>
<p>That’s it for this tutorial! Hope you enjoy it! Drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-an-awesome-watercolour-style-city-on-cloud-artwork-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>Design a Smooth and Fresh Text Effect with Leaves and Stone Texture in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 12:13:04 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[fresh]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[leaves]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[natural]]></category>
		<category><![CDATA[smooth]]></category>
		<category><![CDATA[stone]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1965</guid>
		<description><![CDATA[In this tutorial, I will demonstrate the processes I used to design this soft and smooth, fresh feeling text effect with leaves and stone texture in Photoshop. I was having a play with Photoshop on the weekend (when the site was down) and discover the interesting effect accidentally.

Along the way, we will be using and revising techniques such as masking, layer blending options, adjustment layers, and a quick way of creating uneven lighting effect. I will also show you how I create a light source in conjunction with the shadow effect on the text. Have a go!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will demonstrate the processes I used to design this soft and smooth, fresh feeling text effect with leaves and stone texture in Photoshop. I was having a play with Photoshop on the weekend (when the site was down) and discovered the interesting effect accidentally :)</p>
<p>Along the way, we will be using and revising techniques such as masking, layer blending options, adjustment layers, and a quick way of creating uneven lighting effect. I will also show you how I create a light source in conjunction with the shadow effect on the text. Have a go!</p>
<p>Here is a preview of the final effect for this tutorial: (Click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/03/trans-text-leaf-texture-final-2.jpg"><img class="alignnone size-medium wp-image-1966" title="trans-text-leaf-texture-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/trans-text-leaf-texture-final-2-500x375.jpg" alt="trans-text-leaf-texture-final-2" width="500" height="375" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Firstly we need to download the following textures:</p>
<p><a href=" http://untitled-stock.deviantart.com/art/untitled-texture-66-34429723" target="_blank">Wall Texture</a></p>
<p><a href=" http://kuschelirmel-stock.deviantart.com/art/texture-leaves-33294198" target="_blank">Leaves</a></p>
<p>Load the wall texture in photoshop, duplicate the background layer once and set it as “soft light”, you can see the background texture darken a bit: (Personally I would like to make the overall light darker a bit and later on it will be easier to create light source and other lighting effects)</p>
<p><img class="alignnone size-medium wp-image-1967" title="1-duplicate1" src="http://www.psdvault.com/wp-content/uploads/2009/03/1-duplicate1-500x375.jpg" alt="1-duplicate1" width="500" height="375" /></p>
<p>Make another duplicate of the background layer and drag it to the top, add a vector mask to the duplicated layer. Hold down the Alt key and left click on the mask thumbnail on the layer palette, use a big soft brush to draw a black line across the centre of the canvas:</p>
<p><img class="alignnone size-medium wp-image-1968" title="1-erase" src="http://www.psdvault.com/wp-content/uploads/2009/03/1-erase-500x367.jpg" alt="1-erase" width="500" height="367" /></p>
<p>You will see the centre portion of the image is now highlighted, whereas the rest of the image being further darkened. We will be placing our text on the highlighted area:</p>
<p><img class="alignnone size-medium wp-image-1969" title="1-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/03/1-effect1-500x368.jpg" alt="1-effect1" width="500" height="368" /></p>
<h3>Step 2</h3>
<p>Type some texts using <a href="http://www.dafont.com/bpreplay.font" target="_blank">this font</a> you just downloaded on the centre of the canvas:</p>
<p><img class="alignnone size-medium wp-image-1970" title="2-type-text" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-type-text-499x303.jpg" alt="2-type-text" width="499" height="303" /></p>
<p>Apply the following blending options:</p>
<p>General Blending</p>
<p><img class="alignnone size-medium wp-image-1972" title="2-blending-options" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-blending-options-500x350.jpg" alt="2-blending-options" width="500" height="350" /></p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-1971" title="2-drop-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-drop-shadow-500x350.jpg" alt="2-drop-shadow" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-1973" title="2-inner-glow" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-inner-glow-500x350.jpg" alt="2-inner-glow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-1974" title="2-bevel" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-bevel-500x350.jpg" alt="2-bevel" width="500" height="350" /></p>
<p>Contour</p>
<p><img class="alignnone size-medium wp-image-1975" title="2-contour" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-contour-500x350.jpg" alt="2-contour" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-1976" title="2-grad-overlay" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-grad-overlay-500x350.jpg" alt="2-grad-overlay" width="500" height="350" /></p>
<p>And you will have the following effect (the text become transparent and you can see the stone texture appears on the text)</p>
<p><img class="alignnone size-medium wp-image-1977" title="2-effect3" src="http://www.psdvault.com/wp-content/uploads/2009/03/2-effect3-500x365.jpg" alt="2-effect3" width="500" height="365" /></p>
<h3>Step 3</h3>
<p>Now let&#8217;s add some freshness onto the text. Load the &#8220;Leaves&#8221; texture into photoshop, go back to our document and load the selection of the text layer (ctrl+left-click the thumb of the text layer on the layer palette). Drag the selection onto the leaf texture as shown below:</p>
<p><img class="alignnone size-medium wp-image-1978" title="3-drag-selection" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-drag-selection-500x313.jpg" alt="3-drag-selection" width="500" height="313" /></p>
<p>Copy the selection and paste in back to our document:</p>
<p><img class="alignnone size-medium wp-image-1981" title="3-paste" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-paste-500x234.jpg" alt="3-paste" width="500" height="234" /></p>
<p>Name the newly created layer as “leaf”. Apply the following Gaussian Blur setting to it:</p>
<p><img class="alignnone size-full wp-image-1982" title="3-gau-blur" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-gau-blur.jpg" alt="3-gau-blur" width="316" height="305" /></p>
<p>Change the layer blending option as shown below:</p>
<p><img class="alignnone size-medium wp-image-1980" title="3-blending" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-blending-500x350.jpg" alt="3-blending" width="500" height="350" /></p>
<p>Duplicate the leaf layer once and apply the following blending option to the duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-1983" title="3-blending-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-blending-2-500x350.jpg" alt="3-blending-2" width="500" height="350" /></p>
<p>And you will have the following effect to the text:</p>
<p><img class="alignnone size-medium wp-image-1984" title="3-effect3" src="http://www.psdvault.com/wp-content/uploads/2009/03/3-effect3-499x294.jpg" alt="3-effect3" width="499" height="294" /></p>
<h3>Step 4</h3>
<p>Now let’s create some uneven lighting and give some depth to the image. Create a new layer and name it as “lighting overall”, use the Lasso Tool with a 30px feather to draw a selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1985" title="4-lasso-tool" src="http://www.psdvault.com/wp-content/uploads/2009/03/4-lasso-tool-499x333.jpg" alt="4-lasso-tool" width="499" height="333" /></p>
<p>Go to Filter &gt; Render &gt; Cloud (set foreground colour to #555555 and background colour to black) and render some cloud inside the selection:</p>
<p><img class="alignnone size-medium wp-image-1986" title="4-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/03/4-cloud-500x342.jpg" alt="4-cloud" width="500" height="342" /></p>
<p>Set the blending mode of this layer to “Soft light” and duplicate it a couple of times. You will have the following effect: (The centre portion of the image become highlighted so it&#8217;s easier to focus on the text)</p>
<p><img class="alignnone size-medium wp-image-1987" title="4-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/03/4-effect4-500x355.jpg" alt="4-effect4" width="500" height="355" /></p>
<h3>Step 5</h3>
<p>Now let’s create a light source for this image. Duplicate the “lighting overall” layer one more time and rename it “light source”. Drag this layer to the top and go to Filter &gt; Render &gt; Lens Flare and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1988" title="5-lens-flare" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-lens-flare.jpg" alt="5-lens-flare" width="317" height="426" /></p>
<p>Then use the Free Transform Tool (Ctrl + T), rotate, distort this layer until it look similar to the image shown below (light coming from the top right corner)</p>
<p><img class="alignnone size-medium wp-image-1989" title="5-distort" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-distort-500x340.jpg" alt="5-distort" width="500" height="340" /></p>
<p>Set the blending mode to “overlay” and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1990" title="5-effect3" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-effect3-499x364.jpg" alt="5-effect3" width="499" height="364" /></p>
<h3>Step 6</h3>
<p>To further adjust the lighting contrast, we can add a few new adjustment layers on top of all previous layers. Firstly we can add a new curves adjustment layer and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1991" title="6-curves" src="http://www.psdvault.com/wp-content/uploads/2009/03/6-curves.jpg" alt="6-curves" width="471" height="446" /></p>
<p>Then add a new Level adjustment layer and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1992" title="6-level" src="http://www.psdvault.com/wp-content/uploads/2009/03/6-level.jpg" alt="6-level" width="399" height="305" /></p>
<p>And you will have the following image as a result:</p>
<p><img class="alignnone size-medium wp-image-1993" title="6-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/03/6-effect2-500x373.jpg" alt="6-effect2" width="500" height="373" /></p>
<p>Ok that&#8217;s it for this tutorial! You can have a play with layer blending options and add a few more adjustment layers (hue and saturation, channel mixer) and see what result it gives you!</p>
<p>Here is my final image for this tutorial: (I added some colours and reduce the saturation a bit)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/03/trans-text-leaf-texture-final-2.jpg"><img class="alignnone size-medium wp-image-1966" title="trans-text-leaf-texture-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/trans-text-leaf-texture-final-2-500x375.jpg" alt="trans-text-leaf-texture-final-2" width="500" height="375" /></a></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-smooth-and-fresh-text-effect-with-leaves-and-stone-texture-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>37</slash:comments>
		</item>
		<item>
		<title>Design a Cool &#8220;Mystic Dancer&#8221; Scene In Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-a-cool-mystic-dancer-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-a-cool-mystic-dancer-scene-in-photoshop/#comments</comments>
		<pubDate>Sat, 28 Feb 2009 16:17:11 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blend]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[mystic]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1735</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to create this really cool “Mystic Dancer” scene by using natural grass texture in Photoshop. I came across the original image on the net and thought: what if I combine it with some natural pattern and texture?

Together we can explore various image adjustment tools, filter effects, layer blending mode, dynamic brush settings and more. Some parts of this tutorial can be a bit tricky, but why not have a try :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-a-cool-mystic-dancer-scene-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-a-cool-mystic-dancer-scene-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to create this really cool “Mystic Dancer” scene by using natural grass texture in Photoshop. I came across the original image while browsing for free stock image and I thought: what if I combine it with some natural pattern and texture?</p>
<p>Together we can explore various image adjustment tools, filter effects, layer blending mode, dynamic brush settings and more. Some parts of this tutorial can be a bit tricky, but why not have a try :)</p>
<p>Here a before and after preview:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1766" title="orginal" src="http://www.psdvault.com/wp-content/uploads/2009/03/orginal-495x700.jpg" alt="orginal" width="495" height="700" /></p>
<p>After</p>
<p><img class="alignnone size-medium wp-image-1764" title="the-mystic-dancer-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-2-495x700.jpg" alt="the-mystic-dancer-final-2" width="495" height="700" /></p>
<p>Alternative version:</p>
<p><img class="alignnone size-medium wp-image-1765" title="the-mystic-dancer-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-3-495x700.jpg" alt="the-mystic-dancer-final-3" width="495" height="700" /></p>
<p><img class="alignnone size-medium wp-image-1771" title="the-mystic-dancer-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-4-495x700.jpg" alt="the-mystic-dancer-final-4" width="495" height="700" /></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://www.stockvault.net/download_file2.php?pid=6673" target="_blank">this image</a> from stockvault.net and load it into Photoshop.</p>
<p>If you can take some time to observe the image, you can the image itself primarily consist of some dark and cold concrete wall, with a only a line of the light source in the middle.</p>
<p>The first step is to add a few extra light to the overall image. To do this, duplicate the background layer once and hit Ctrl + M and bring up the Curve Tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1736" title="1-curves" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-curves.jpg" alt="1-curves" width="471" height="529" /></p>
<p>Then hit Ctrl + Alt + Shift + B to bring up the Black and White Image Adjustment Tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1737" title="1-bw2" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-bw2.jpg" alt="1-bw2" width="410" height="452" /></p>
<p>And here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1738" title="1-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-effect2-490x700.jpg" alt="1-effect2" width="490" height="700" /></p>
<h3>Step 2</h3>
<p>Still on this layer, use the Eraser Tool (E) to erase the distracting white bits of the woman&#8217;s upper body:</p>
<p><img class="alignnone size-medium wp-image-1739" title="2-erase" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-erase-499x442.jpg" alt="2-erase" width="499" height="442" /></p>
<p>Duplicate the &#8220;Background Copy&#8221; layer once, set its blending mode to &#8220;overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1740" title="2-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-effect6-493x700.jpg" alt="2-effect6" width="493" height="700" /></p>
<h3>Step 3</h3>
<p>Now we want to add some texture on the concrete wall so it looks not so boring. Download a copy of <a href="http://img509.imageshack.us/my.php?image=grasstexture.jpg" target="_blank">this Grass image</a> and load it into Photoshop. (This image is of my own stock and you can use it wherever and for whatever purpose).</p>
<p>Then go back to our document, hit Ctrl + A and select the whole canvas and drag that selection over to the grass image, copy and paste back to our document and name the newly-formed layer as &#8220;grass texture&#8221;.</p>
<p>Change the blending option of &#8220;grass texture&#8221; layer to &#8220;overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1741" title="3-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-effect6-494x700.jpg" alt="3-effect6" width="494" height="700" /></p>
<p>Then go to Image &gt; Adjustment &gt; Channel Mixer and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1742" title="3-channel-mixer" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-channel-mixer.jpg" alt="3-channel-mixer" width="398" height="348" /></p>
<p>Change the layer blending mode to &#8220;overlay&#8221;, and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1743" title="3-effect-21" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-effect-21-487x700.jpg" alt="3-effect-21" width="487" height="700" /></p>
<p>Optional: you can erase the texture overlay on the dancer or keep it, that&#8217;s totally up to you.</p>
<p>I chose to erase the grass texture off because I felt I would have more room later on for adding something else:</p>
<p><img class="alignnone size-medium wp-image-1744" title="3-after-erase" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-after-erase-500x403.jpg" alt="3-after-erase" width="500" height="403" /></p>
<h3>Step 4</h3>
<p>Now we can add a bit of motion into the image: Duplicate the &#8220;Grass Texture&#8221; layer once more, then go to Filter &gt; Blur &gt; Radial Blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1745" title="4-radial-blur" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-radial-blur.jpg" alt="4-radial-blur" width="311" height="236" /></p>
<p>Then hit Ctrl + L to bring up the Levels tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1747" title="4-level" src="http://www.psdvault.com/wp-content/uploads/2009/03/4-level.jpg" alt="4-level" width="399" height="305" /></p>
<p>Change the blending option of this layer to &#8220;Screen&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1748" title="4-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/4-effect-2-490x700.jpg" alt="4-effect-2" width="490" height="700" /></p>
<h3>Step 5</h3>
<p>Now we can add something around the dancer to create a better connection between her and the rest of the image. Pen Tool + Dynamic Brush is usually a good choice for this :)</p>
<p>Create a new layer called &#8220;Stuff around the dancer&#8221;, grab the Brush tool and apply the following brush dynamics:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-1750" title="5-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-shape-dyn.jpg" alt="5-shape-dyn" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-1751" title="5-scattering" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-scattering.jpg" alt="5-scattering" width="371" height="423" /></p>
<p>Texture:</p>
<p><img class="alignnone size-full wp-image-1752" title="5-texture" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-texture.jpg" alt="5-texture" width="371" height="423" /></p>
<p>Dual Brush</p>
<p><img class="alignnone size-full wp-image-1753" title="5-dual-brush" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-dual-brush.jpg" alt="5-dual-brush" width="371" height="423" /></p>
<p>Color Dynamics</p>
<p><img class="alignnone size-full wp-image-1754" title="5-colour-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-colour-dyn.jpg" alt="5-colour-dyn" width="371" height="423" /></p>
<p>And tick &#8220;Airbrush&#8221; and &#8220;Smoothing&#8221; options.</p>
<p>Then we use the Pen Tool to briefly outline the dancer as shown below:</p>
<p><img class="alignnone size-medium wp-image-1749" title="5-pen-tool" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-pen-tool-499x562.jpg" alt="5-pen-tool" width="499" height="562" /></p>
<p>Then right-click and choose &#8220;stroke path&#8221; with brush, and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1755" title="5-effect" src="http://www.psdvault.com/wp-content/uploads/2009/03/5-effect-499x700.jpg" alt="5-effect" width="499" height="700" /></p>
<h3>Step 6</h3>
<p>We can add some additional lighting effect for the dancer so the image looks more realistic. Create a new layer called &#8220;extra light&#8221;, grab a soft round brush and paint as shown below:</p>
<p><img class="alignnone size-medium wp-image-1756" title="6-soft-brush" src="http://www.psdvault.com/wp-content/uploads/2009/03/6-soft-brush-500x591.jpg" alt="6-soft-brush" width="500" height="591" /></p>
<p>Change the layer blending mode to &#8220;overlay&#8221; and you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1757" title="6-effect" src="http://www.psdvault.com/wp-content/uploads/2009/03/6-effect-500x483.jpg" alt="6-effect" width="500" height="483" /></p>
<h3>Step 7</h3>
<p>Lastly we can add some cloud in the middle of the image to give the photo some extra flavor. To do this,  create a new layer called &#8220;cloud&#8221;, grab the lasso tool and set its feather to 100px, make a selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1758" title="7-lasso" src="http://www.psdvault.com/wp-content/uploads/2009/03/7-lasso-437x700.jpg" alt="7-lasso" width="437" height="700" /></p>
<p>Then go to Filter &gt; Render &gt; Cloud (Make sure you set White as foreground colour, Black as background colour) and render some cloud inside:</p>
<p><img class="alignnone size-medium wp-image-1759" title="7-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/03/7-cloud-473x700.jpg" alt="7-cloud" width="473" height="700" /></p>
<p>Then duplicate the &#8220;cloud&#8221; layer three times, change the blending mode of each duplicated layer as below:</p>
<p>Cloud Copy &#8211; Multiply</p>
<p>Cloud Copy 2 &#8211; Overlay</p>
<p>Cloud Copy 3 &#8211; Soft Light</p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1760" title="7-effect" src="http://www.psdvault.com/wp-content/uploads/2009/03/7-effect-491x700.jpg" alt="7-effect" width="491" height="700" /></p>
<h3>Step 8</h3>
<p>Lastly, we can add a light source to the image. To do this, create a new layer called &#8220;source light&#8221;, fill it with black colour and go to Filter &gt; Render &gt; Lens flare and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1761" title="8-lens-flare" src="http://www.psdvault.com/wp-content/uploads/2009/03/8-lens-flare.jpg" alt="8-lens-flare" width="317" height="426" /></p>
<p>Change the layer blending option to &#8220;screen&#8221; and erase some unnecessary bits down the bottom, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1762" title="8-effect" src="http://www.psdvault.com/wp-content/uploads/2009/03/8-effect-479x700.jpg" alt="8-effect" width="479" height="700" /></p>
<p>I also added some flying bird on the top of the image, you can download this brush from <a title="Bird Brush" href="http://qbrushes.com/misc/bird-brushes/" target="_blank">qbrushes.com</a> and load it into Photoshop. For those who don&#8217;t know how to load brushes, here is <a href="http://myphotoshopbrushes.com/install_brushes" target="_blank">a handy link</a> for you.</p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1763" title="8-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/8-effect-2-494x700.jpg" alt="8-effect-2" width="494" height="700" /></p>
<p>Ok that&#8217;s it for this tutorial! You can of course further enhance it and add whatever effect you feel like to it!</p>
<p>Here is my final image for this tutorial: (Add some colour and rainy effect)</p>
<p><img class="alignnone size-medium wp-image-1764" title="the-mystic-dancer-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-2-495x700.jpg" alt="the-mystic-dancer-final-2" width="495" height="700" /></p>
<p>Alternative colour scheme:</p>
<p><img class="alignnone size-medium wp-image-1765" title="the-mystic-dancer-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-3-495x700.jpg" alt="the-mystic-dancer-final-3" width="495" height="700" /></p>
<p><img class="alignnone size-medium wp-image-1771" title="the-mystic-dancer-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/03/the-mystic-dancer-final-4-495x700.jpg" alt="the-mystic-dancer-final-4" width="495" height="700" /></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-a-cool-mystic-dancer-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>16</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Urban City Photo-Montage In Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-an-awesome-urban-city-photo-montage-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-an-awesome-urban-city-photo-montage-in-photoshop/#comments</comments>
		<pubDate>Sun, 22 Feb 2009 10:24:40 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[retouch]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1667</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to design this cool-looking, urban city photo-montage in Photoshop. You will learn how to combine several stock images together to achieve surreal photo effect.

This tutorial involves techniques such as layer blending options, image adjustments, tranformation techniques, filter effects and lighting effect rendering. The tutorial itself is quite simple but the end result looks good in my opinion, have a go!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-an-awesome-urban-city-photo-montage-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fdesign-an-awesome-urban-city-photo-montage-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the steps I took to design this cool-looking, urban city photo-montage in Ph0toshop. You will learn how to combine several stock images together to achieve surreal photo effect.</p>
<p>This tutorial involves techniques such as layer blending options, image adjustments, tranformation techniques, filter effects and lighting effect rendering. The tutorial itself is quite simple but the end result looks good in my opinion, have a go!</p>
<p>Here is a preview of the final results:</p>
<p><img class="alignnone size-medium wp-image-1695" title="urban-city-montage-final-5" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-5-500x332.jpg" alt="urban-city-montage-final-5" width="500" height="332" /></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-2.jpg"></a><img class="alignnone size-medium wp-image-1693" title="urban-city-montage-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-4-500x332.jpg" alt="urban-city-montage-final-4" width="500" height="332" /></p>
<p>Black and White version:</p>
<p><img class="alignnone size-medium wp-image-1688" title="urban-city-montage-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-3-500x332.jpg" alt="urban-city-montage-final-3" width="500" height="332" /></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members   Area for only $4.95/Month (or less)! You will not only get this PSD   File, but also 40+ other PSD Files + Extra Goodies + Exclusive Photoshop   tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup   now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://www.psdvault.com/wp-content/uploads/2010/04/vip-sign-up-250.png" alt="" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>We start off by download the following four stock images from stockvault.net and cgtexture.com:</p>
<p><a href="http://www.stockvault.net/download_file2.php?pid=4878" target="_blank">City Image</a></p>
<p><a href="http://www.stockvault.net/download_file2.php?pid=2073" target="_blank">High-rise Image</a></p>
<p><a href="http://www.stockvault.net/download_file2.php?pid=6965" target="_blank">Little Girl Image</a></p>
<p><a href="http://www.cgtextures.com/login.php?&amp;texid=7000&amp;destination=texview.php?id=7000&amp;PHPSESSID=3b195d455c38020d2d44e235759f4298" target="_blank">Grunge Splatter</a></p>
<p>Load the &#8220;Grunge Splatter&#8221; image into Photoshop, duplicate the Background layer once and set the blending mode to &#8220;Overlay&#8221;:</p>
<p><img class="alignnone size-medium wp-image-1668" title="1-duplicate1" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-duplicate1-500x331.jpg" alt="1-duplicate1" width="500" height="331" /></p>
<p>Save this document to a new psd file and name it &#8220;urban city&#8221;.</p>
<h3>Step 2</h3>
<p>Load the &#8220;City Image&#8221; into Photoshop, drag the entire image onto the &#8220;urban city&#8221; document, use the free transform tool (Ctrl + T) to resize it until it fits the canvas size:</p>
<p><img class="alignnone size-medium wp-image-1669" title="2-transform" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-transform-499x344.jpg" alt="2-transform" width="499" height="344" /></p>
<p>Name this layer as &#8220;city&#8221; and change the layer blending option to &#8220;vivid light&#8221;. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1670" title="2-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-effect4-500x331.jpg" alt="2-effect4" width="500" height="331" /></p>
<h3>Step 3</h3>
<p>On the &#8220;City&#8221; layer, hit Ctrl+Alt+Shift+B and bring up the Black and White adjustment tool (for those who don&#8217;t have CS3, try use the Channel Mixer with Monochrome option enabled), apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1671" title="3-bw" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-bw.jpg" alt="3-bw" width="410" height="452" /></p>
<p>Then hit Ctrl + M and bring up the Curves tool, adjust the Red channel a bit:</p>
<p><img class="alignnone size-full wp-image-1672" title="3-curve-red" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-curve-red.jpg" alt="3-curve-red" width="471" height="529" /></p>
<p>And here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1673" title="3-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-effect4-500x330.jpg" alt="3-effect4" width="500" height="330" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;city&#8221; layer once, apply the following Gaussian Blur Setting to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-1674" title="4-gau-blur" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-gau-blur.jpg" alt="4-gau-blur" width="316" height="305" /></p>
<p>Duplicate this layer once more and merge them together, then change the blending mode of the merged layer to &#8220;Darken&#8221;. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1675" title="4-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-effect5-500x331.jpg" alt="4-effect5" width="500" height="331" /></p>
<h3>Step 5</h3>
<p>Load the &#8220;high-rise image&#8221; into the Photoshop, drag the entire image onto our canvas, resize and erase (with a big soft brush) the cloud/sky + bottom part of the image. (please also note that you can use layer mask to achieve this) Name this layer as &#8220;high-rise&#8221;.</p>
<p>Again we apply the black and white adjustments to this layer using the same settings as in the previous layer: (Make sure you set the whole document as RGB color mode)</p>
<p><img class="alignnone size-full wp-image-1676" title="5-bw" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-bw.jpg" alt="5-bw" width="410" height="452" /></p>
<p>And the effect so far should look like this:</p>
<p><img class="alignnone size-medium wp-image-1677" title="5-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-effect6-500x325.jpg" alt="5-effect6" width="500" height="325" /></p>
<h3>Step 6</h3>
<p>Change blending mode of the &#8220;high-rise&#8221; layer to &#8220;overlay&#8221; and you should see the high-rise image blend into the grunge texture:</p>
<p><img class="alignnone size-medium wp-image-1678" title="6-blend" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-blend-500x394.jpg" alt="6-blend" width="500" height="394" /></p>
<p>To add some shape dynamics and depth onto the image, we can duplicate the high-rise layer a few more times, resize and position the duplicated layers as shown below:</p>
<p><img class="alignnone size-medium wp-image-1679" title="6-duplicate" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-duplicate-500x329.jpg" alt="6-duplicate" width="500" height="329" /></p>
<h3>Step 7</h3>
<p>Load the &#8220;Little Girl&#8221; image into Photoshop. Again we drag the entire image onto our canvas, but this time we don&#8217;t resize it. Instead, we move the image to the position as shown below: (where we see only the girl and the sky)</p>
<p><img class="alignnone size-medium wp-image-1680" title="7-drag" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-drag-500x331.jpg" alt="7-drag" width="500" height="331" /></p>
<p>Erase the sky portion as well as the build to right using a soft brush, and change the layer blending option to &#8220;Hard Light&#8221;.</p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1682" title="7-effect-22" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-effect-22-500x322.jpg" alt="7-effect-22" width="500" height="322" /></p>
<p>Name this layer as &#8220;little girl&#8221; and duplicate this layer once, set the blending mode of the duplicate layer to &#8220;overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1681" title="7-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-effect4-500x332.jpg" alt="7-effect4" width="500" height="332" /></p>
<h3>Step 8</h3>
<p>Lastly we can add a bit of shining effect to the image so it won&#8217;t look boring. To do this, create a new layer called &#8220;lighting effect&#8221;, use the Lasso Tool with a 40px feather, draw a selection in any area (I chose a place where it meets with the direction the girl is looking towards) and render some cloud and lens flare in:</p>
<p><img class="alignnone size-medium wp-image-1683" title="8-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-cloud-500x281.jpg" alt="8-cloud" width="500" height="281" /></p>
<p>Change the layer blending mode to &#8220;Color Dodge&#8221; and apply the following gaussian blur settings:</p>
<p><img class="alignnone size-full wp-image-1684" title="8-gau-blur" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-gau-blur.jpg" alt="8-gau-blur" width="316" height="305" /></p>
<p>You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1685" title="8-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-effect2-500x297.jpg" alt="8-effect2" width="500" height="297" /></p>
<p>Duplicate the layer a few more times and drag them in areas you would like to lightup, and you will have this result image:</p>
<p><img class="alignnone size-medium wp-image-1686" title="urban-city-montage-final" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-500x332.jpg" alt="urban-city-montage-final" width="500" height="332" /></p>
<p>Ok that&#8217;s it for this tutorial! I further adjusted the image hue/satuation a bit and here is my final result: (click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-1693" title="urban-city-montage-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-4-500x332.jpg" alt="urban-city-montage-final-4" width="500" height="332" /></p>
<p>Black and White version: (click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-1688" title="urban-city-montage-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/urban-city-montage-final-3-500x332.jpg" alt="urban-city-montage-final-3" width="500" height="332" /></p>
<p>You can of course further enhance this text effect by applying some more filter effects, or combining it with some background texture, that’s totally up to you :)</p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-an-awesome-urban-city-photo-montage-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>50</slash:comments>
		</item>
		<item>
		<title>Design a Soft and Fluffy Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-soft-and-fluffy-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-soft-and-fluffy-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sun, 15 Feb 2009 06:26:25 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1573</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to design a soft and fluffy text effect in Photoshop without using any third party images.

Along the way, we will be using techniques such as gradient fill, various layer blending options, dynamic brush settings and filter effect. I combine this soft text effect with a solid stone wall texture at the end of this tutorial, thought it would be interesting to see! It's a simple tutorial, have a go!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-soft-and-fluffy-text-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-soft-and-fluffy-text-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to design a soft and fluffy text effect in Photoshop without using any third party images.</p>
<p>Along the way, we will be using techniques such as gradient fill, various layer blending options, dynamic brush settings and filter effect. I combine this soft text effect with a solid stone wall texture at the end of this tutorial, thought it would be interesting to see! It&#8217;s a simple tutorial, have a go!</p>
<p>Here is a preview of the final image result: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-4.jpg"><a href="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-5.jpg"><img class="alignnone size-medium wp-image-1601" title="fluffy-text-final-5" src="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-5-500x500.jpg" alt="fluffy-text-final-5" width="500" height="500" /></a><br />
</a></p>
<p>Black and White version:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-3.jpg"><img class="alignnone size-medium wp-image-1597" title="fluffy-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-3-500x500.jpg" alt="fluffy-text-final-3" width="500" height="500" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document in Photoshop, size doesn&#8217;t really matter in the tutorial (I chose 1200 x 800 px). Fill the background layer with Black colour.</p>
<p>Now let&#8217;s create some background lighting. To do this, simply grab the Gradient Tool (G) and choose the Radial Gradient option, Fill the background layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-1574" title="1-fill-gra" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-fill-gra-500x327.jpg" alt="1-fill-gra" width="500" height="327" /></p>
<h3>Step 2</h3>
<p>On the background layer, type some texts on it. You may choose any font you like, I used <a href="http://www.dafont.com/bastardus-sans.font" target="_blank">this font</a> for this tutorial.</p>
<p>For this tutorial, I seperate each letter into different layers so I will have more freedom playing with each of them:</p>
<p><img class="alignnone size-full wp-image-1575" title="2-text-type" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-text-type.jpg" alt="2-text-type" width="210" height="215" /></p>
<p>I place the letters as shown below (you can of course alter the position of text yourselves):</p>
<p><img class="alignnone size-medium wp-image-1576" title="2-text-position1" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-text-position1-500x494.jpg" alt="2-text-position1" width="500" height="494" /></p>
<p>Rasterise the text and merge the layers together when you&#8217;re happy with the text position. Name the merged layer as &#8220;Text&#8221;.</p>
<h3>Step 3</h3>
<p>On &#8220;Text&#8221; layer, apply the following layer blending options:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-1577" title="3-drop-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-drop-shadow-500x350.jpg" alt="3-drop-shadow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-1578" title="3-bevel" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-bevel-500x350.jpg" alt="3-bevel" width="500" height="350" /></p>
<p>Contour</p>
<p><img class="alignnone size-medium wp-image-1579" title="3-contour" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-contour-500x350.jpg" alt="3-contour" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-1580" title="3-gradient" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-gradient-500x350.jpg" alt="3-gradient" width="500" height="350" /></p>
<p>Stroke</p>
<p><img class="alignnone size-medium wp-image-1581" title="3-stroke" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-stroke-500x350.jpg" alt="3-stroke" width="500" height="350" /></p>
<p>And you will have this effect so far:</p>
<p><img class="alignnone size-medium wp-image-1582" title="3-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-effect2-500x448.jpg" alt="3-effect2" width="500" height="448" /></p>
<h3>Step 4</h3>
<p>Load the selection of the text layer by holding down Ctrl key and left-click the thumbnail image of the &#8220;text&#8221; layer on the layer palette:</p>
<p><img class="alignnone size-medium wp-image-1583" title="4-load-text" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-load-text-500x514.jpg" alt="4-load-text" width="500" height="514" /></p>
<p>Then press M key to select the Rectangular Marquee Tool, right-click on the selection and choose &#8220;Make work path&#8221;:</p>
<p><img class="alignnone size-medium wp-image-1584" title="4-make-path" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-make-path-500x510.jpg" alt="4-make-path" width="500" height="510" /></p>
<p>Set tolerance to 1.0 pixel:</p>
<p><img class="alignnone size-full wp-image-1585" title="4-tolerance" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-tolerance.jpg" alt="4-tolerance" width="471" height="295" /></p>
<p>And you will see now the selection become a work path:</p>
<p><img class="alignnone size-medium wp-image-1586" title="4-work-path" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-work-path-500x539.jpg" alt="4-work-path" width="500" height="539" /></p>
<h3>Step 5</h3>
<p>Create a new layer called &#8220;fluffy effect&#8221;. Now let&#8217;s make a dynamic brush to create some fluffy effect!</p>
<p>Grab the following brush and set its size to 70px:</p>
<p><img class="alignnone size-medium wp-image-1587" title="5-brush" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-brush-500x343.jpg" alt="5-brush" width="500" height="343" /></p>
<p>Then apply the following brush dynamics to it:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-1588" title="5-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-shape-dyn.jpg" alt="5-shape-dyn" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-1589" title="5-scattering" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-scattering.jpg" alt="5-scattering" width="371" height="423" /></p>
<p>Other Dynamics</p>
<p><img class="alignnone size-full wp-image-1590" title="5-other-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-other-dyn.jpg" alt="5-other-dyn" width="371" height="423" /></p>
<p>Don&#8217;t forget to tick &#8220;Smoothing&#8221; option as well.</p>
<p>Now Press &#8220;P&#8221; key to select the Pen Tool, right-click on the work path and choose &#8220;Stroke Path&#8221; then choose the &#8220;Brush&#8221; option. You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1591" title="5-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-effect4-500x496.jpg" alt="5-effect4" width="500" height="496" /></p>
<p>Press &#8220;ESC&#8221; key to cancel the path.</p>
<h3>Step 6</h3>
<p>To add a bit more texture effect onto text, you can duplicate &#8220;fluffy effect&#8221; layer once, and go to Filter &gt; Sketch &gt; Reticulation and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1592" title="6-reticulation" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-reticulation-500x380.jpg" alt="6-reticulation" width="500" height="380" /></p>
<p>Add the following Bevel and Emboss setting to the duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-1593" title="6-emboss" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-emboss-500x350.jpg" alt="6-emboss" width="500" height="350" /></p>
<p>Change the layer blending option of the duplicated layer to &#8220;Overlay&#8221;, and the effect will look like this:</p>
<p><img class="alignnone size-medium wp-image-1594" title="6-effect3" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-effect3-500x534.jpg" alt="6-effect3" width="500" height="534" /></p>
<p>Ok that&#8217;s it for this tutorial! Of course you can futher enhance this text effect by applying some more texture effect, or simply add some background effect to it.</p>
<p>Here is my final image for this tutorial (I combine it with an abstract image I created a while ago with rocky texture on it, just interested to see what would the end result be like)</p>
<p>You can click the image to enlarge.</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-5.jpg"><img class="alignnone size-medium wp-image-1601" title="fluffy-text-final-5" src="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-5-500x500.jpg" alt="fluffy-text-final-5" width="500" height="500" /></a></p>
<p>Black and White version:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-3.jpg"><img class="alignnone size-medium wp-image-1597" title="fluffy-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/fluffy-text-final-3-500x500.jpg" alt="fluffy-text-final-3" width="500" height="500" /></a></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-soft-and-fluffy-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>15</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Abstract Style Flaming Bird in Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-an-awesome-abstract-style-flaming-bird-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-an-awesome-abstract-style-flaming-bird-in-photoshop/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 06:23:04 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[Advanced]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1515</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to design a really cool, abstract style flaming bird image in Photoshop. This bird is created purely based on brush and filter effects, without the use of any third party images!

Along the way, we will learn how to load customized brushes, the use the various filters effect and image adjustments tools. Some techniques used in the tutorial could be a bit tricky. Have a try and see how your image turns out :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fdrawing%2Fdesign-an-awesome-abstract-style-flaming-bird-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fdrawing%2Fdesign-an-awesome-abstract-style-flaming-bird-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to design a really cool, abstract style flaming bird in Photoshop. This bird is created purely based on brush and filter effects in Photoshop, without the use of any third party images!</p>
<p>Along the way, we will learn how to load customized brushes, the use the various filters effect and image adjustments tools. Some techniques used in the tutorial could be a bit tricky. Have a try and see how your image turns out :)</p>
<p>Here is a preview of the final image: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-2.jpg"></a><a href="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-3.jpg"><img class="alignnone size-medium wp-image-1536" title="firebird-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-3-500x318.jpg" alt="firebird-final-3" width="500" height="318" /></a></p>
<p>An alternative version with shining effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-4.jpg"><img class="alignnone size-medium wp-image-1540" title="firebird-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-4-500x273.jpg" alt="firebird-final-4" width="500" height="273" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document in Photoshop with a size of your choice. I chose 1200  x 800 px because that&#8217;s size fit my monitor the best.</p>
<p>Firstly we tackle the bird&#8217;s wing. We need a customized brush to draw the fundation of the wing. Donwload a copy of <a title="http://qbrushes.com/grunge/quadgrunged-photoshop-brushes/" href="http://qbrushes.com/grunge/quadgrunged-photoshop-brushes/" target="_blank">this brushset</a> from qbrushes.com and load it into Photoshop. If you&#8217;re a beginner in Photoshop and not sure how to do so, here is a <a title="http://myphotoshopbrushes.com/install_brushes" href="http://myphotoshopbrushes.com/install_brushes" target="_blank">handy tutorial</a> showing how to load brushes into Photoshop.</p>
<p>Fill the background layer with Black Colour and create a new layer called &#8220;wing&#8221;. Use the following brush and make a single click on the &#8220;wing&#8221; layer:</p>
<p><img class="alignnone size-medium wp-image-1516" title="1-brush" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-brush-500x100.jpg" alt="1-brush" width="500" height="100" /></p>
<p><img class="alignnone size-medium wp-image-1517" title="1-paint" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-paint-500x321.jpg" alt="1-paint" width="500" height="321" /></p>
<h3>Step 2</h3>
<p>Still on &#8220;wing&#8221; layer, go to Filter &gt; Distort &gt; Twirl and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1518" title="2-twirl" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-twirl.jpg" alt="2-twirl" width="360" height="289" /></p>
<p>Then go to Filter &gt; Distort &gt; Shear and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1519" title="2-shear" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-shear.jpg" alt="2-shear" width="320" height="387" /></p>
<p>The image will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1520" title="2-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-effect2-499x371.jpg" alt="2-effect2" width="499" height="371" /></p>
<h3>Step 3</h3>
<p>Still on &#8220;layer&#8221;, hit Ctrl + T and bring the free transform tool, right-click and choose &#8220;Warp&#8221;. Transform the image as shown below:</p>
<p><img class="alignnone size-medium wp-image-1521" title="3-warp" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-warp-500x351.jpg" alt="3-warp" width="500" height="351" /></p>
<p>This step requires a bit of practice and patience if you&#8217;re new to Photoshop. If you&#8217;re not successful for the first time, don&#8217;t give up :)</p>
<p>After warping the image, go to Filter &gt; Liquidify and use a small brush to apply a few liquidify effect around the edge of the wing to make it more realistic:</p>
<p><img class="alignnone size-medium wp-image-1522" title="3-liquidify" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-liquidify-500x352.jpg" alt="3-liquidify" width="500" height="352" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;wing&#8221; layer once. On the duplicate layer, go to Filter &gt; Distort &gt; Ripple and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1523" title="4-ripple" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-ripple.jpg" alt="4-ripple" width="288" height="327" /></p>
<p>Apply this filter a couple of times, then change the layer blending option to &#8220;Exclusion&#8221;. The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1524" title="4-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-effect1-500x344.jpg" alt="4-effect1" width="500" height="344" /></p>
<h3>Step 5</h3>
<p>Create a new layer called &#8220;cloud&#8221; on top of all other layers. Go back to the original &#8220;wing&#8221; layer and load its selection by holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette.</p>
<p>Expand the selection by 15px and set a 20px feather to it, your selection will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1526" title="5-select-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-select-2-500x357.jpg" alt="5-select-2" width="500" height="357" /></p>
<p>Set the foreground colour to white and background colour to black,  load the selection of the orginal &#8220;wing&#8221; layer, render some cloud inside it by going to Filter &gt; Render &gt; Cloud.</p>
<p>Then go to Filter &gt; Render &gt; Difference Cloud and render difference cloud. You image will look similar to this:</p>
<p><img class="alignnone size-medium wp-image-1527" title="5-difference-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-difference-cloud-500x337.jpg" alt="5-difference-cloud" width="500" height="337" /></p>
<p>Change the layer blending option of this layer to &#8220;Color Dodge&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1528" title="5-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-effect2-499x327.jpg" alt="5-effect2" width="499" height="327" /></p>
<h3>Step 6</h3>
<p>To add a bit of motion into the image, we can duplicate the original wing layer once more and put the duplicated layer just above it, go to Filter &gt; Blur &gt; Motion Blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1529" title="6-motion-blur" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-motion-blur.jpg" alt="6-motion-blur" width="316" height="352" /></p>
<p>This is the effect after apply motion blur:</p>
<p><img class="alignnone size-medium wp-image-1530" title="6-after-motion" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-after-motion-500x337.jpg" alt="6-after-motion" width="500" height="337" /></p>
<h3>Step 7</h3>
<p>To add a bit colour and ligthing contrast to the image, we can again duplicate the original &#8220;wing&#8221; layer, and apply the following Black and White adjustments to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-1531" title="7-black-and-white" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-black-and-white.jpg" alt="7-black-and-white" width="410" height="452" /></p>
<p>After apply the Black and White adjustments, hit Ctrl + J and duplicate this layer about 5 times (This will add more contrast to the image).</p>
<p>The effect will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1532" title="7-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-effect1-500x334.jpg" alt="7-effect1" width="500" height="334" /></p>
<h3>Step 8</h3>
<p>Now we can simply group all previous layers together, duplicate the group and flip the duplicated group honrizontally.</p>
<p>The effect is shown as below: (I also adjusted the angle a bit)</p>
<p><img class="alignnone size-medium wp-image-1533" title="8-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-effect1-500x281.jpg" alt="8-effect1" width="500" height="281" /></p>
<p>Then I again duplicate the group layer twice more, resize them in the middle and this formed the below image of the fire bird:</p>
<p><img class="alignnone size-medium wp-image-1534" title="firebird-final" src="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-500x308.jpg" alt="firebird-final" width="500" height="308" /></p>
<p>Ok that&#8217;s it for this tutorial! I further adjusted a colour and curve of the image a bit and here is the final image: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-3.jpg"><img class="alignnone size-medium wp-image-1536" title="firebird-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-3-500x318.jpg" alt="firebird-final-3" width="500" height="318" /></a></p>
<p>An alternative version with shining effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-4.jpg"><img class="alignnone size-medium wp-image-1540" title="firebird-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/firebird-final-4-500x273.jpg" alt="firebird-final-4" width="500" height="273" /></a></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/design-an-awesome-abstract-style-flaming-bird-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Design a Snowy Rock Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-snowy-rock-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-snowy-rock-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sat, 07 Feb 2009 13:19:20 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[selection]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1482</guid>
		<description><![CDATA[In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!

Along the way, we will use various layer blending options and selection techniques, plus filter effects and brush dynamics. It's a simple tutorial suitable for Photoshop beginners. Have a try :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-snowy-rock-text-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-snowy-rock-text-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>Get guaranteed success by using best quality <a href="http://www.testking.com/642-813.htm">testking 642-813</a> video demos, <a href="http://www.testking.com/642-832.htm">testking 642-832</a> practice questions and <a href="http://www.testking.com/350-030.htm">testking 350-030</a> mock test.</p>
<p>In this tutorial, I will demonstrate the processes I used to design this snowy rock text effect in Photoshop. The inspiration of this design came from a snowy mountain photo I saw the other day, and I thought I could create a similar text effect which might look interesting!</p>
<p>Along the way, we will use various layer blending options, some selection techniques, a number of filter effects and brush dynamics. It&#8217;s a simple tutorial suitable for Photoshop beginners. Have a try :)</p>
<p>Here is a preview of  my final image for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-2.jpg"><img class="alignnone size-medium wp-image-1510" title="snowy-rock-text-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-2-500x500.jpg" alt="snowy-rock-text-final-2" width="500" height="500" /></a></p>
<p>Here is alternative version which I added a bit of cloud and colour onto it:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-3.jpg"><img class="alignnone size-medium wp-image-1511" title="snowy-rock-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-3-500x230.jpg" alt="snowy-rock-text-final-3" width="500" height="230" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 800 x 800 px, fill the background layer with Black Colour.</p>
<p>Let&#8217;s create some lighting effect for the background to work with. Use the Gradient Tool (G) tool and select the Radial Gradient options, Fill the background layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-1483" title="1-grad" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-grad-500x499.jpg" alt="1-grad" width="500" height="499" /></p>
<h3>Step 2</h3>
<p>Download a copy of <a href="http://img.dafont.com/dl/?f=cgf_locust_resistance" target="_blank">this font</a> from dafont.com and type some texts onto the background layer. Resize (if necessary) and position it in the centre of the canvas:</p>
<p><img class="alignnone size-medium wp-image-1484" title="2-text-position" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-text-position-500x467.jpg" alt="2-text-position" width="500" height="467" /></p>
<p>On the text layer, apply the following layer blending options:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-1485" title="2-drop-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-drop-shadow-500x350.jpg" alt="2-drop-shadow" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-1486" title="2-inner-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-inner-shadow-500x350.jpg" alt="2-inner-shadow" width="500" height="350" /></p>
<p>Outer Glow</p>
<p><img class="alignnone size-medium wp-image-1487" title="2-outer-glow" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-outer-glow-500x350.jpg" alt="2-outer-glow" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-1488" title="2-inner-glow" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-inner-glow-500x350.jpg" alt="2-inner-glow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-1489" title="2-bevel" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-bevel-500x350.jpg" alt="2-bevel" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-1490" title="2-gradient-overlay" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-gradient-overlay-500x350.jpg" alt="2-gradient-overlay" width="500" height="350" /></p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1491" title="2-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-effect1-500x311.jpg" alt="2-effect1" width="500" height="311" /></p>
<h3>Step 3</h3>
<p>Donwload a copy of <a href="http://www.cgtextures.com/texview.php?id=4382&amp;PHPSESSID=9f540bbf9243909a6819d8f7ae9ef673" target="_blank">this rock image</a> from cgtextures.com and load it into Photoshop.  Then go back to our document and load the selection of the our text layer (holding down your Ctrl key and left-click on the thumbnail of the text layer in the layer palette):</p>
<p><img class="alignnone size-medium wp-image-1492" title="3-select-text" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-select-text-500x267.jpg" alt="3-select-text" width="500" height="267" /></p>
<p>Then drag the selection onto the rock image we just loaded:</p>
<p><img class="alignnone size-medium wp-image-1493" title="3-texture-select" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-texture-select-499x229.jpg" alt="3-texture-select" width="499" height="229" /></p>
<p>Copy and paste the selection back to our text document and name the newly created layer &#8220;rock texture&#8221;.  You will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-1494" title="3-effect" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-effect-500x282.jpg" alt="3-effect" width="500" height="282" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;rock texture&#8221; layer once.  Hide the duplicated layer for now.</p>
<p>Go back to  the original rock texture layer, apply the following Black and White adjustment options:</p>
<p><img class="alignnone size-full wp-image-1495" title="4-bw" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-bw.jpg" alt="4-bw" width="410" height="452" /></p>
<p>Change the blending option of this layer to &#8220;Screen&#8221;.</p>
<p>Unhide the &#8220;rock texture copy&#8221; layer, change its blending option to &#8220;overlay&#8221;. The effect now should look like this:</p>
<p><img class="alignnone size-medium wp-image-1496" title="4-effect" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-effect-500x303.jpg" alt="4-effect" width="500" height="303" /></p>
<h3>Step 5</h3>
<p>Pfrom the previous step, we can see the white part of the text looks like snow, but it is not realistic enough in my opinion and we can add some more texture to make it look better!</p>
<p>To do this, download a copy of<a href="http://www.cgtextures.com/login.php?&amp;texid=8496&amp;destination=texview.php?id=8496&amp;PHPSESSID=16e03b33eb0a1a256bb6da0f7538d51e" target="_blank"> this snow image</a> from cgtextures.com and load it into Photoshop. Then Go back to our text document and use the same method described in Step 3 to load the text selection. This time we go one step further with the text selection: select the Rectangular Marquee Tool (M), hold down the <strong>Alt key</strong> and at the same time draw a rectangular selection for the lower part of the text. (We would like to preserve this part of the rock texture and leave the upper part for the snowy effect)</p>
<p>The selection will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1497" title="5-select" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-select-500x247.jpg" alt="5-select" width="500" height="247" /></p>
<p>Hit Alt + Ctrl + D and assign a 10px feather to the selection. Drag this selection onto the snow image we just loaded, copy and paste some snow back to our text document:</p>
<p><img class="alignnone size-medium wp-image-1498" title="5-copy-paste" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-copy-paste-500x275.jpg" alt="5-copy-paste" width="500" height="275" /></p>
<p>If you feel there isn&#8217;t enough snow on the text, you can use the Clone Stamp Tool (S) with a small soft brush to clone some more: (Tip: load the selection of the text again, and clone inside the selection so the snow won&#8217;t go beyond the text border)</p>
<p><img class="alignnone size-medium wp-image-1499" title="5-clone" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-clone-500x222.jpg" alt="5-clone" width="500" height="222" /></p>
<p>Name this layer as &#8220;snow texture&#8221; and apply the following Curves adjustment settings:</p>
<p><img class="alignnone size-full wp-image-1500" title="5-curve1" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-curve1.jpg" alt="5-curve1" width="471" height="529" /></p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1502" title="5-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-effect1-500x270.jpg" alt="5-effect1" width="500" height="270" /></p>
<h3>Step 6</h3>
<p>To add a bit more dynamic to the text effect, we can simply create a new layer called &#8220;falling snow&#8221;, grab a 3px soft round brush with the following brush dynamics:</p>
<p><img class="alignnone size-full wp-image-1503" title="6-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-shape-dyn.jpg" alt="6-shape-dyn" width="371" height="423" /></p>
<p><img class="alignnone size-full wp-image-1504" title="6-scattering" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-scattering.jpg" alt="6-scattering" width="371" height="423" /></p>
<p>Also Tick the &#8220;Smoothing&#8221; option.</p>
<p>On the &#8220;falling snow&#8221;, use this brush to paint around the text layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-1506" title="6-after-brush-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-after-brush-2-500x257.jpg" alt="6-after-brush-2" width="500" height="257" /></p>
<p>To add a bit of softness to the falling snow, we can duplicate the &#8220;falling snow&#8221; layer once and apply the following Gaussian Blur settings:</p>
<p><img class="alignnone size-full wp-image-1508" title="6-gau-blur1" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-gau-blur1.jpg" alt="6-gau-blur1" width="316" height="305" /></p>
<p>The effect will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1509" title="6-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-effect1-500x243.jpg" alt="6-effect1" width="500" height="243" /></p>
<p>Ok that&#8217;s pretty much it for this tutorial. I added some more rocky texture down the bottom, also did minor adjustment for hue and saturation and alter the angle of the text.</p>
<p>Here is my final image for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-2.jpg"><img class="alignnone size-medium wp-image-1510" title="snowy-rock-text-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-2-500x500.jpg" alt="snowy-rock-text-final-2" width="500" height="500" /></a></p>
<p>Here is alternative version which I added a bit of cloud and colour onto it:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-3.jpg"><img class="alignnone size-medium wp-image-1511" title="snowy-rock-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/02/snowy-rock-text-final-3-500x230.jpg" alt="snowy-rock-text-final-3" width="500" height="230" /></a></p>
<p>You can of course further enhance this text effect by applying some more filter effects, or combining it with some background texture, that&#8217;s totally up to you :)</p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-snowy-rock-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>104</slash:comments>
		</item>
		<item>
		<title>Transform a Daylight Photo into a Realistic Lightning Storm Scene</title>
		<link>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-a-realistic-lightning-storm-scene/</link>
		<comments>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-a-realistic-lightning-storm-scene/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 12:34:28 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[light]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[retouch]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1409</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to transform an average daylight photo into a realistic lightning storm scene in photoshop.

Along the way, we will take about interesting ways of darken your image and reduce noise non-destructively, and also a simple way of rendering rain effect andmaking. water splashes. It's a simple tutorial however the effect looks good. Have a try :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Ftransform-a-daylight-photo-into-a-realistic-lightning-storm-scene%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Ftransform-a-daylight-photo-into-a-realistic-lightning-storm-scene%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to transform an average daylight photo into a realistic lightning storm scene in photoshop.</p>
<p>Along the way, we will take about interesting ways of darken your image and reduce noise non-destructively, and also a simple way of rendering rain effect and making. water splashes. Have a try :)</p>
<p>Here is a before and after preview:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1436" title="100_0007" src="http://www.psdvault.com/wp-content/uploads/2009/02/100_0007-500x360.jpg" alt="100_0007" width="500" height="360" /></p>
<p>After</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/rain-effect-final-4.jpg"><img class="alignnone size-medium wp-image-1479" title="rain-effect-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/rain-effect-final-4-500x360.jpg" alt="rain-effect-final-4" width="500" height="360" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://img301.imageshack.us/my.php?image=1000007es5.jpg" target="_blank">this image</a> and load it into Photoshop.</p>
<p>Because we&#8217;re creating a rainy image, so firstly we can make the image a bit darker.</p>
<p>To do this, duplicate the background layer once and change it the blending option of the duplicated layer to &#8220;Multiply&#8221;. This will darken the whole image and the effect is shown blew:</p>
<p><img class="alignnone size-medium wp-image-1415" title="1-multiply" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-multiply-500x357.jpg" alt="1-multiply" width="500" height="357" /></p>
<h3>Step 2</h3>
<p>Then we can tackle the sky area and make it darker. Hide the &#8220;Background copy&#8221; layer for now and Press &#8220;L&#8221; to select the Lasso Tool.  Draw a selection around the sky area.</p>
<p><img class="alignnone size-medium wp-image-1414" title="1-lasso-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-lasso-2-500x210.jpg" alt="1-lasso-2" width="500" height="210" /></p>
<p>Hit Ctrl + J to make a layer via Copy, name the new layer as &#8220;sky&#8221; and drag it on top of all other layers.</p>
<p>Then hit Ctrl + Alt + Shift + B and bring up the Black and White image adjustment Tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1410" title="1-bw" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-bw.jpg" alt="1-bw" width="410" height="452" /></p>
<p>Then hit Ctrl + M to bring up the Curve Adjustment Tool, apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1412" title="1-curve" src="http://www.psdvault.com/wp-content/uploads/2009/02/1-curve.jpg" alt="1-curve" width="471" height="529" /></p>
<p>You can also use the Blur/Smudge Tool to patch up the &#8220;sky&#8221; layer so it blending more seamlessly to the houses and trees below:</p>
<p><img class="alignnone size-medium wp-image-1416" title="2-smudge" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-smudge-500x294.jpg" alt="2-smudge" width="500" height="294" /></p>
<p>Once you&#8217;re happy with the result, change the blending option of this &#8220;sky&#8221; layer to &#8220;Multiply&#8221;, and the effect will look like this:</p>
<p><img class="alignnone size-medium wp-image-1417" title="2-effect" src="http://www.psdvault.com/wp-content/uploads/2009/02/2-effect-499x349.jpg" alt="2-effect" width="499" height="349" /></p>
<h3>Step 3</h3>
<p>Now you will notice that we have quite  a few noise on the &#8220;Sky&#8221; layer, which you may want to get rid of. So to do this, duplicate the &#8220;Sky&#8221; layer once. On the duplicated layer, go to Filter &gt; Blur &gt; Surface Blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-1418" title="3-surface-blur" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-surface-blur.jpg" alt="3-surface-blur" width="316" height="355" /></p>
<p>Then change the layer blending of the duplicated layer to &#8220;Hard Light&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1419" title="3-hard-light" src="http://www.psdvault.com/wp-content/uploads/2009/02/3-hard-light-499x360.jpg" alt="3-hard-light" width="499" height="360" /></p>
<h3>Step 4</h3>
<p>Now we will add some lightning effect to image. As you may know the previous image I used for this part was removed due to copyright issue (a lesson learnt). Also thanks to the copyright owner for accepting my apology. Also if you guys are interested, you can check out his work at <a title="www.jeffsmithusa.com" href="www.jeffsmithusa.com" target="_blank">www.jeffsmithusa.com</a>.</p>
<p>So i used an alternative image from stockvault.net instead. Download a copy of <a href="http://www.stockvault.net/download_file2.php?pid=4581" target="_blank">this lightning image</a> and load it into Photoshop. Use the Rectangular Marquee Tool to select a portion, copy and paste the selection back to our document. Put this layer on top of all other layers and name it “Lightning”:</p>
<p><img class="alignnone size-medium wp-image-1471" title="4-copy-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-copy-2-500x237.jpg" alt="4-copy-2" width="500" height="237" /></p>
<p>Then use the Eraser Tool to gently erase the unnecessary portion of the image and leave only the lightning bits:</p>
<p><img class="alignnone size-medium wp-image-1472" title="4-after-erase" src="http://www.psdvault.com/wp-content/uploads/2009/02/4-after-erase-500x227.jpg" alt="4-after-erase" width="500" height="227" /></p>
<h3>Step 5</h3>
<p>Still on the “lightning” layer, go to Image &gt; Adjustment &gt; Channel Mixer and apply te following settings:</p>
<h3><img class="alignnone size-full wp-image-1473" title="5-channel-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-channel-2.jpg" alt="5-channel-2" width="398" height="348" /></h3>
<p>Then change the layer blending option of this lightning layer to “Screen”, duplicate this layer a couple of times and you shoud have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1474" title="5-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/5-effect-2-499x264.jpg" alt="5-effect-2" width="499" height="264" /></p>
<h3>Step 6</h3>
<p>Still on the “lightning” layer, use the Clone Stamp Tool (S) to clone a few portion from the existing lighning and create some dynamic lightning effect:</p>
<p>Tip: use a big soft brush and adjust the flow and opacity to make lightning more dynamic.</p>
<p><img class="alignnone size-medium wp-image-1475" title="6-clone-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/6-clone-2-499x214.jpg" alt="6-clone-2" width="499" height="214" /></p>
<h3>Step 7</h3>
<p>Now we can render some rainy effect on the image. Create a new layer called “Rain” on top of all other layers, grab a small White brush (3px) and apply the following brush options:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-1428" title="7-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-shape-dyn.jpg" alt="7-shape-dyn" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-1429" title="7-scatter" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-scatter.jpg" alt="7-scatter" width="371" height="423" /></p>
<p>Once you set the brush, simply paint over the sky area, then apply the following motion blur settings:</p>
<p><img class="alignnone size-full wp-image-1431" title="7-montion" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-montion.jpg" alt="7-montion" width="316" height="352" /></p>
<p>After that, change the layer blending option to “Overlay” and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1476" title="7-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/7-effect-2-500x234.jpg" alt="7-effect-2" width="500" height="234" /></p>
<h3>Step 8</h3>
<p>To add a bit of water splashes on the lake so it look a bit more realistic, we can duplicate the background layer once more and put the duplicated layer just above the background layer, go to Filter &gt; Distort &gt; Ocean Ripple and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1477" title="8-ocean-ripple1" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-ocean-ripple1-500x203.jpg" alt="8-ocean-ripple1" width="500" height="203" /></p>
<p>And the effect should look like the following image:</p>
<p><img class="alignnone size-medium wp-image-1478" title="8-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/02/8-effect-2-500x343.jpg" alt="8-effect-2" width="500" height="343" /></p>
<p>Ok that’s it for this tutorial! Hope you find it useful and inspirational :)</p>
<p>Here is my final image for this tutorial: (I adjusted the Hue/Saturation of the image a bit) &#8211; Click to Enlarge</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/02/rain-effect-final-4.jpg"><img class="alignnone size-medium wp-image-1479" title="rain-effect-final-4" src="http://www.psdvault.com/wp-content/uploads/2009/02/rain-effect-final-4-500x360.jpg" alt="rain-effect-final-4" width="500" height="360" /></a></p>
<p>If you have any questions, just drop me a comment :)</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/transform-a-daylight-photo-into-a-realistic-lightning-storm-scene/feed/</wfw:commentRss>
		<slash:comments>25</slash:comments>
		</item>
		<item>
		<title>Design a Refreshing Natural Text Effect with Leaves and Wood Texture in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-refreshing-natural-text-effect-with-leaves-and-wood-texture-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-refreshing-natural-text-effect-with-leaves-and-wood-texture-in-photoshop/#comments</comments>
		<pubDate>Sat, 31 Jan 2009 08:10:31 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1375</guid>
		<description><![CDATA[In this tutorial, I will show you the process I used to design this refreshing, cool-looking natural text effect in Photoshop. I was having a walk in the nearby park and suddenly had this thought coming into my mind :)

We will be using techniques such as layer blending options, image adjustment tools and some simple selection tools. Have a go!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-refreshing-natural-text-effect-with-leaves-and-wood-texture-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-refreshing-natural-text-effect-with-leaves-and-wood-texture-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the process I used to design this refreshing, cool-looking natural text effect in Photoshop. I was having a walk in the nearby park and suddenly had this thought coming into my mind :)</p>
<p>Along the way, we will be using techniques such as layer blending options, image adjustments tool and some simple selection tools. You will see how easy it is to transform an average texture image into something unique by using Photoshop. Have a go!</p>
<p>Here is my final result of this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/natural-text-final-3.jpg"><img class="alignnone size-medium wp-image-1404" title="natural-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/01/natural-text-final-3-500x214.jpg" alt="" width="500" height="214" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1200 x 600 px, fill the background layer with Black colour. Choose a font you like (I used <a href="http://www.urbanfonts.com/fonts/Decker.htm" target="_blank">this font</a> from urbanfonts.com) and type some texts onto the background layer.</p>
<p>This will automatically create a new layer on top of the background layer, name it &#8220;text&#8221; and position it in the centre of the canvas as shown below:</p>
<p><img class="alignnone size-medium wp-image-1376" title="1-text-position" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-text-position-500x241.jpg" alt="" width="500" height="241" /></p>
<p>Rasterise the text once you&#8217;re satisfy with its size and position.</p>
<h3>Step 2</h3>
<p>On &#8220;text&#8221; layer, apply the following Layer Blending options:</p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-1377" title="2-inner-shadow1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-inner-shadow1-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Outer Glow</p>
<p><img class="alignnone size-medium wp-image-1378" title="2-outer-glow1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-outer-glow1-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-1379" title="2-bevel2" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-bevel2-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Contour</p>
<p><img class="alignnone size-medium wp-image-1380" title="2-colour-overlay1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-colour-overlay1-500x350.jpg" alt="" width="500" height="350" /></p>
<p><strong>Please note there is no need for applying the Gradient Overlay.</strong></p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1381" title="2-effect8" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect8-500x235.jpg" alt="" width="500" height="235" /></p>
<h3>Step 3</h3>
<p>Still on the &#8220;Text&#8221; layer, load the selection of the text by holding down the Ctrl key and left-click the thumbnail image of &#8220;Text&#8221; layer on the layer palette:</p>
<p><img class="alignnone size-medium wp-image-1382" title="3-load" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-load-500x117.jpg" alt="" width="500" height="117" /></p>
<p>Then go to Select &gt; Modify &gt; Expand and expand the image by 15px, then go to Select &gt; Modify &gt; Feather and apply a 15px feather to the selection.</p>
<p>The selection should now look like this:</p>
<p><img class="alignnone size-medium wp-image-1383" title="3-after-feather" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-after-feather-500x149.jpg" alt="" width="500" height="149" /></p>
<h3>Step 4</h3>
<p>Download <a href="http://img261.imageshack.us/my.php?image=grasstexturepd6.jpg" target="_blank">a copy of this grass texture</a> and load it into Photoshop. This image is of my own stock and you can use it wherever you want.</p>
<p>Go back to our own document and drag the selection onto our the grass texture:</p>
<p><img class="alignnone size-medium wp-image-1384" title="4-drag2" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-drag2-500x197.jpg" alt="" width="500" height="197" /></p>
<p>Copy and paste the selection back to the our document and name the newly-created layer &#8220;Grass&#8221;. The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1385" title="4-effect8" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect8-500x170.jpg" alt="" width="500" height="170" /></p>
<h3>Step 5</h3>
<p>Change the layer blending option to &#8220;Grass&#8221; layer to &#8220;Hard Light&#8221;, hit Ctrl + L and apply the following level adjustments:</p>
<p><img class="alignnone size-medium wp-image-1386" title="5-level" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-level.jpg" alt="" width="399" height="305" /></p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1387" title="5-effect7" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-effect7-499x173.jpg" alt="" width="499" height="173" /></p>
<p>Optional: if you would like to add more leaves and grass onto it, you may duplicate this grass layer a couple of times, and keep its blending option to &#8220;Hard Light&#8221;.</p>
<p>Once you&#8217;re happy with the grass texture, grab the Eraser Toll<strong> with a soft round brush (set the opacity and flow to 50%)</strong>, gently erase the area where the text sits beneath so the texts can be revealed and become clearer:</p>
<p><img class="alignnone size-medium wp-image-1388" title="5-eraser" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-eraser-500x264.jpg" alt="" width="500" height="264" /></p>
<h3>Step 6</h3>
<p>Ok now we can add some wooden texture for text so it look a bit more natural.</p>
<p>Download a copy of <a href="http://img242.imageshack.us/my.php?image=woodentexturexz0.jpg" target="_blank">this wooden texture</a> and load it into Photoshop. Go back to our own document and use the Lasso Tool (40px feather) and draw a selection underneath the text as shown below:</p>
<p><img class="alignnone size-medium wp-image-1389" title="6-selection" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-selection-500x233.jpg" alt="" width="500" height="233" /></p>
<p>Again we drag the selection onto the wooden texture, copy a random portion and paste back to our text document and name the newly created layer &#8220;Wood&#8221;. Drag this layer below all previous layer and just above the background layer.</p>
<p>The effect is shown below:</p>
<p><img class="alignnone size-medium wp-image-1390" title="6-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-effect6-500x185.jpg" alt="" width="500" height="185" /></p>
<h3>Step 7</h3>
<p>On the &#8220;Wood&#8221; layer, apply the following Black and White image adjustments (Ctrl + Alt + Shift + B) and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1391" title="7-bw1" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-bw1.jpg" alt="" width="410" height="452" /></p>
<p>Duplicate the &#8220;Wood&#8221; layer once and go to Filter &gt; Brush Strokes &gt; Accented Edges, apply the following settings on the duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-1392" title="7-accented-edges" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-accented-edges-500x278.jpg" alt="" width="500" height="278" /></p>
<p>Change the layer blending option of the duplicated wood layer to &#8220;Overlay&#8221; and duplicate it a couple of times more, you will see this adds a glowing effect to the wood texture:</p>
<p><img class="alignnone size-medium wp-image-1393" title="7-glow" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-glow.jpg" alt="" width="432" height="339" /></p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1394" title="7-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-effect5-500x174.jpg" alt="" width="500" height="174" /></p>
<h3>Step 8</h3>
<p>To add some depth the text effect, we can do a multi-select of all layers (hold down Shift key and left-click the top and bottom once respectively)</p>
<p>Then hit Ctrl + T and use the free transform tool and distort the text until you reach the effect shown below:</p>
<p><img class="alignnone size-medium wp-image-1395" title="8-distort" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-distort-500x229.jpg" alt="" width="500" height="229" /></p>
<p>For final touchup, you can create a new layer called &#8220;cloud&#8221; and again use the Lasso Tool to draw a selection, fill the selection with Black and render some cloud in there:</p>
<p><img class="alignnone size-medium wp-image-1396" title="8-cloud1" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-cloud1-500x196.jpg" alt="" width="500" height="196" /></p>
<p>And apply the following Level Adjustments (Ctrl + L) to the &#8220;Cloud&#8221; layer:</p>
<p><img class="alignnone size-medium wp-image-1397" title="8-level1" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-level1.jpg" alt="" width="399" height="305" /></p>
<p>Then apply the following Curve Adjustments (Ctrl + M) settings:</p>
<p><img class="alignnone size-medium wp-image-1398" title="8-curve" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-curve.jpg" alt="" width="471" height="529" /></p>
<p>Then put the &#8220;Cloud&#8221; layer just above the &#8220;Wood Copy 2&#8243; layer, change the blending option to &#8220;Screen&#8221; and you will have the following resulting effect:</p>
<p><img class="alignnone size-medium wp-image-1399" title="8-effect7" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-effect7-500x206.jpg" alt="" width="500" height="206" /></p>
<p>Ok that&#8217;s it for this tutorial! Hope you enjoy it and find it useful and inspirational!</p>
<p>Here is my final image for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/natural-text-final-3.jpg"><img class="alignnone size-medium wp-image-1404" title="natural-text-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/01/natural-text-final-3-500x214.jpg" alt="" width="500" height="214" /></a></p>
<p>If you have any questions, simply drop me a line below.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-refreshing-natural-text-effect-with-leaves-and-wood-texture-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>38</slash:comments>
		</item>
		<item>
		<title>Create a Realistic Volcano Eruption Scene with Lava Effect in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-a-realistic-volcano-eruption-scene-with-lava-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-a-realistic-volcano-eruption-scene-with-lava-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 27 Jan 2009 14:14:56 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1332</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to transform an ordinary mountain image into a realistic volcano eruption scene with lava effect in Photoshop.

The technique I used in this tutorial includes various image adjustment tools, a number of filters, layer blending options and some basic selection skills. This is a very simple tutorial with just 4 steps, however you will be amazed with the end result. Have a try :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-a-realistic-volcano-eruption-scene-with-lava-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Fcreate-a-realistic-volcano-eruption-scene-with-lava-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the steps I took to transform an ordinary mountain image into a realistic volcano eruption scene with lava effect in Photoshop.</p>
<p>The techniques I used in this tutorial include various image adjustment tools, a number of filters, layer blending options and some basic selection skills. This is a very simple tutorial with just 4 steps, however you will be amazed with the end result. Have a try :)</p>
<p>Here is a before and after preview:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1353" title="mountain-scene" src="http://www.psdvault.com/wp-content/uploads/2009/01/mountain-scene-499x308.jpg" alt="" width="499" height="308" /></p>
<p>After (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/volcano-scene-final.jpg"><img class="alignnone size-medium wp-image-1352" title="volcano-scene-final" src="http://www.psdvault.com/wp-content/uploads/2009/01/volcano-scene-final-499x308.jpg" alt="" width="499" height="308" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://img84.imageshack.us/my.php?image=mountainscenefa8.jpg" target="_blank">this image</a> and load it into Photoshop. This image is of my own stock and you can use it for any purpose.</p>
<p>Firstly we can make the image a bit darker. To do this, duplicate the background layer once. On the duplicated layer hit Ctrl + M to bring up the Curves Adjustment Tool, apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1333" title="1-curve1" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-curve1.jpg" alt="" width="471" height="529" /></p>
<p>Then hit Ctrl + L and bring up the Levels Adjustments Tool, apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1334" title="1-level" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-level.jpg" alt="" width="399" height="305" /></p>
<p>Change the layer blending mode of this duplicated layer to &#8220;Multiply&#8221;. Duplicate this layer a few times, by doing so it will further darken the image.</p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1335" title="1-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-effect1-500x308.jpg" alt="" width="500" height="308" /></p>
<p>Merge the duplicated layer together once you&#8217;re satisfy with the result. Name the merged layer as &#8220;Darken Colour&#8221; and keep its layer blending mode as &#8220;Multiply&#8221;.</p>
<h3>Step 2</h3>
<p>Duplicate the &#8220;Darken Colour&#8221; layer once and name the duplicated layer as &#8220;colour overlay&#8221;, then go to Image &gt; Adjustment &gt; Channel Mixer and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1336" title="2-channel-mixer" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-channel-mixer-500x407.jpg" alt="" width="500" height="407" /></p>
<p>Then go to Image &gt; Adjustment &gt; Color Balance and apply the following settings:</p>
<p>Midtones</p>
<p><img class="alignnone size-medium wp-image-1337" title="2-colour-bal" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-colour-bal-500x384.jpg" alt="" width="500" height="384" /></p>
<p>Shadows</p>
<p><img class="alignnone size-medium wp-image-1338" title="2-colour-bal-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-colour-bal-2-500x372.jpg" alt="" width="500" height="372" /></p>
<p>Then hit Ctrl + M and apply the following Curves Adjustments:</p>
<p><img class="alignnone size-medium wp-image-1339" title="2-curve2" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-curve2-500x433.jpg" alt="" width="500" height="433" /></p>
<p>After applying those image adjustments, change the layer blending options to &#8220;Color&#8221; and you should have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1340" title="2-effect7" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect7-500x299.jpg" alt="" width="500" height="299" /></p>
<h3>Step 3</h3>
<p>Create a new layer called &#8220;Lava&#8221; and use the Lasso Tool with a 40px feather to draw a selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1341" title="3-lasso" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-lasso-500x390.jpg" alt="" width="500" height="390" /></p>
<p>Then go to Filter &gt; Render &gt; Cloud and render some cloud inside the selection: (Make sure you set black as background colour and white as foreground colour)</p>
<p><img class="alignnone size-medium wp-image-1342" title="3-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-cloud-500x368.jpg" alt="" width="500" height="368" /></p>
<p>Then go to Filter &gt; Render &gt; Difference Cloud and apply this filter 4-5 times: (Please note your cloud effect would be slightly different from mine)</p>
<p><img class="alignnone size-medium wp-image-1343" title="3-diiff-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-diiff-cloud-500x386.jpg" alt="" width="500" height="386" /></p>
<p>The use the Levels Adjustment Tool and apply settings similar to the following ones:</p>
<p><img class="alignnone size-medium wp-image-1344" title="3-level" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-level-500x401.jpg" alt="" width="500" height="401" /></p>
<p>Then apply the following Colour Balance Settings:</p>
<p>Midtones</p>
<p><img class="alignnone size-medium wp-image-1345" title="3-colour" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-colour-500x347.jpg" alt="" width="500" height="347" /></p>
<p>Shadows</p>
<p><img class="alignnone size-medium wp-image-1346" title="3-colour-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-colour-shadow-500x333.jpg" alt="" width="500" height="333" /></p>
<p>To add a bit more fluid effect onto the lava, we can go to Filter &gt; Artistic &gt; Plastic Wrap and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1347" title="3-plastic" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-plastic-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Change the layer blending mode of this &#8220;Lava&#8221; layer to &#8220;Screen&#8221; and you should have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1348" title="3-effect8" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect8-499x343.jpg" alt="" width="499" height="343" /></p>
<h3>Step 4</h3>
<p>Download a copy of <a href="http://cgtextures.com/texview2.php?id=16833&amp;PHPSESSID=40c6e798d86de3df6b8d0aa225a79205" target="_blank">this fire image (image 3)</a> and load it into Photoshop. Press Ctrl + A to select the whole image, copy and paste the selection to our document.</p>
<p>Name this layer as &#8220;Explosion&#8221; and put it below the &#8220;Lava&#8221; layer.</p>
<p>Use the Eraser Tool to get rid of the edges and leave the burning fire bits, resize the layer by hitting the Ctrl + T free transformation Tool and move it on top of the mountain.</p>
<p>See Below screenshot for detailed fire position:</p>
<p><img class="alignnone size-medium wp-image-1349" title="4-fire-move" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-fire-move-500x280.jpg" alt="" width="500" height="280" /></p>
<p>Duplicate the &#8220;Explosion&#8221; Layer a couple of times, resize and rotate the duplicated layers so to make some dynamic explosion effect: (Use the Levels or Curves Tool where necessary)</p>
<p><img class="alignnone size-medium wp-image-1350" title="4-duplicate" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-duplicate.jpg" alt="" width="462" height="292" /></p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1351" title="4-effect7" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect7-500x309.jpg" alt="" width="500" height="309" /></p>
<p>Ok that&#8217;s it for this tutorial! Although it&#8217;s a short one, I hope you find it useful and inspirational!</p>
<p>Below is my final image result: (Click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/volcano-scene-final.jpg"><img class="alignnone size-medium wp-image-1352" title="volcano-scene-final" src="http://www.psdvault.com/wp-content/uploads/2009/01/volcano-scene-final-499x308.jpg" alt="" width="499" height="308" /></a></p>
<p>As usual If you have any questions, just drop me a comment :)</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-a-realistic-volcano-eruption-scene-with-lava-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>Transform a Plain Paper into a Mysterious Rock Mountain Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/transform-a-plain-paper-into-a-mysterious-rock-mountain-maze-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/transform-a-plain-paper-into-a-mysterious-rock-mountain-maze-in-photoshop/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 03:32:55 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[image]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[photo]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1300</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to transform a single piece of plain paper into a dark, mysterious hard rock mountain scene in Photoshop. I discovered this interesting effect by accident and thought I could share it with you guys :)

Along the way I will be using various image adjustment tools, a bunch of filters, layer blending options and some basic selection techniques. Have a try!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Ftransform-a-plain-paper-into-a-mysterious-rock-mountain-maze-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Ftransform-a-plain-paper-into-a-mysterious-rock-mountain-maze-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to transform a single piece of plain paper into a dark, mysterious hard rock mountain scene in Photoshop. I discovered this interesting effect by accident and thought I could share it with you guys :)</p>
<p>Along the way I will be using various image adjustment tools, a bunch of filters, layer blending options and some basic selection techniques. Have a try!</p>
<p>Below is a before and after preview:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1322" title="paper0029_s" src="http://www.psdvault.com/wp-content/uploads/2009/01/paper0029_s-500x691.jpg" alt="" width="500" height="691" /></p>
<p>After</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-2.jpg"><img class="alignnone size-medium wp-image-1321" title="rock-maze-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-2-500x691.jpg" alt="" width="500" height="691" /></a></p>
<p>Alternative version</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-3.jpg"><img class="alignnone size-medium wp-image-1324" title="rock-maze-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-3-500x691.jpg" alt="" width="500" height="691" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://server1.cgtextures.com/texview2.php?id=14648&amp;PHPSESSID=b5572c14d53476f66a651ad0754ff4c8" target="_blank">this paper image</a> from CG Texture and load it into Photoshop.</p>
<p>Duplicate the Background Layer Once, hit Ctrl + M and apply the following Curve Adjustment to the duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-1303" title="1-curve" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-curve.jpg" alt="" width="471" height="529" /></p>
<p>Apply applying Curve Adjustments, go to Image &gt; Adjustment &gt; Channel Mixer and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1304" title="1-channel-mixer" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-channel-mixer.jpg" alt="" width="398" height="348" /></p>
<p>The effect will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1305" title="1-effect" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-effect-500x690.jpg" alt="" width="500" height="690" /></p>
<h3>Step 2</h3>
<p>Now we are onto making some rocky feeling for the image. Duplicate the &#8220;Background Copy&#8221; layer once, go to Filter &gt; Sharpen &gt; Unsharpen Mask and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1306" title="2-unsharpen-mask" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-unsharpen-mask.jpg" alt="" width="316" height="393" /></p>
<p>Then change the blending mode of this layer to &#8220;overlay&#8221;. Your image should look like this now:</p>
<p><img class="alignnone size-medium wp-image-1307" title="2-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect6-500x685.jpg" alt="" width="500" height="685" /></p>
<p>Optionally, if you feel like to get rid of some noise on the image, you can duplicate this layer once more and set the blending mode to &#8220;Soft Light&#8221;, then go to Filter &gt; Noise &gt; Despeckle and apply this filter a couple of times.</p>
<p>You can also use the Blur Tool (R Key) with a big soft brush to brush over this layer after applying despeckle filter.</p>
<p>Combining Despeckle and Blur Tool will make your image look more smooth:</p>
<p><img class="alignnone size-medium wp-image-1308" title="2-effect-22" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect-22.jpg" alt="" width="480" height="466" /></p>
<p>You can the image has turned from a piece of paper into a rock mountain scene.</p>
<h3>Step 3</h3>
<p>Duplicate the &#8220;Backgourd Copy 2&#8243; once and apply the Surface Blur filter with the following settings:</p>
<p><img class="alignnone size-medium wp-image-1309" title="3-surface-blur" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-surface-blur.jpg" alt="" width="316" height="355" /></p>
<p>Apply the Surface Blur Settings 2-3 times on the duplicated layer, then change the layer blending mode to &#8220;Soft Light&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1310" title="3-effect7" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect7-500x689.jpg" alt="" width="500" height="689" /></p>
<h3>Step 4</h3>
<p>Duplicate the &#8220;Background Copy 2&#8243; layer once more and drag it on top of all other layers, go to Filter &gt; Artistic &gt; Smudge Stick and apply the following settings. Through this we will be able to bring in more lighting contrast into image while giving the image a more stone-like feeling.</p>
<p><img class="alignnone size-medium wp-image-1311" title="4-smudge-stick" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-smudge-stick-500x348.jpg" alt="" width="500" height="348" /></p>
<p>You image will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1312" title="4-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect6-500x459.jpg" alt="" width="500" height="459" /></p>
<h3>Step 5</h3>
<p>Create a new layer called &#8220;Darken Area&#8221; on top of all other layers, set its blending mode to &#8220;Multiple&#8221;.</p>
<p>Set the Foreground Colour to Black and grab a big soft round brush (300px, 0% hardness, flow and opacity to 80%), paint over the area you would like to make it a bit darker then the others.</p>
<p>I chose to paint over the edges of the image. The effect is shown below:</p>
<p><img class="alignnone size-medium wp-image-1313" title="5-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-effect6-500x690.jpg" alt="" width="500" height="690" /></p>
<h3>Step 6</h3>
<p>Now we can see the mountain sort of turning into a maze, and I thought I could make an exit sign for it. Create a new layer and call it &#8220;exit&#8221;, use the Lasso Tool with a 40px feather to drew a selection anywhere you want on the image, I chose this spot:</p>
<p><img class="alignnone size-medium wp-image-1314" title="6-lasso" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-lasso-500x487.jpg" alt="" width="500" height="487" /></p>
<p>Fill the selection with Black Colour and render some cloud:</p>
<p><img class="alignnone size-medium wp-image-1315" title="6-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-cloud.jpg" alt="" width="488" height="425" /></p>
<p>Then go to Filter &gt; Render &gt; Lens Flare and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1316" title="6-flare" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-flare.jpg" alt="" width="317" height="426" /></p>
<p>After applying the Lens Flare, duplicate this layer a couple of times to make it brighter:</p>
<p><img class="alignnone size-medium wp-image-1317" title="6-light-bright" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-light-bright.jpg" alt="" width="395" height="276" /></p>
<p>Then merge those duplicated layer together and use the Liquify Filter to make it look like this:</p>
<p><img class="alignnone size-medium wp-image-1318" title="6-liquid" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-liquid.jpg" alt="" width="449" height="400" /></p>
<h3>Step 7</h3>
<p>Now to add more effect to the image, we can create a new layer call &#8220;Cloud&#8221;, again use the Lasso Tool with a 40px feather, draw a few large selection around the image (Hold down Shift Key to drea multiple selection at once).</p>
<p>Fill the selection with Black and render some cloud inside it, then drop the layer opacity down to about 80%.</p>
<p>Your image will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1319" title="7-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-effect4-500x606.jpg" alt="" width="500" height="606" /></p>
<h3>Step 8</h3>
<p>We can add a bit of colour onto image. To do this, we can simply create a new layer on top of the existing ones and set its blending mode to &#8220;Color&#8221;, then use a big soft brush with colour of your choice and paint over it.</p>
<p>Here is my image after adding colours:</p>
<p><img class="alignnone size-medium wp-image-1320" title="8-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-effect6-500x616.jpg" alt="" width="500" height="616" /></p>
<p>Ok that&#8217;s it for this tutorial! I also added some snow particle effect, which is rendered by using <a href="http://www.skretch.net/brushes/Galaxies_II_by_Sunira.zip" target="_blank">this star brush</a> and applying motion blur.</p>
<p>Below is my final image for this tutorial: (Click to Enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-2.jpg"><img class="alignnone size-medium wp-image-1321" title="rock-maze-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-2-500x691.jpg" alt="" width="500" height="691" /></a></p>
<p>Alternative version</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-3.jpg"><img class="alignnone size-medium wp-image-1324" title="rock-maze-final-3" src="http://www.psdvault.com/wp-content/uploads/2009/01/rock-maze-final-3-500x691.jpg" alt="" width="500" height="691" /></a></p>
<p>As usual, if you have any questions, just drop me a comment :)</p>
<p>Thanks very much and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/transform-a-plain-paper-into-a-mysterious-rock-mountain-maze-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Design a Cool Abstract-Style Shattered Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-cool-abstract-style-shattered-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-cool-abstract-style-shattered-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sat, 24 Jan 2009 01:12:10 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1270</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this really cool, abstract style shattered text effect with Broken Glass Texture in Photoshop.

Together, we will explore various layer blending options, image adjustment and some basic selection techniques. I also included <a href="http://350designs.com/resources/photoshop/clean-font-showcase" target="_blank">a nice link</a> containing a list of "Clean Font" which you might find useful for your design project. It's an easy tutorial, have a go :)]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-cool-abstract-style-shattered-text-effect-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Ftext-effects%2Fdesign-a-cool-abstract-style-shattered-text-effect-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the steps I took to create this really cool, abstract style shattered text effect with Broken Glass Texture in Photoshop.</p>
<p>Together, we will explore various layer blending options, image adjustment and some basic selection techniques. I also included <a href="http://350designs.com/resources/photoshop/clean-font-showcase" target="_blank">a nice link</a> containing a list of &#8220;Clean Text&#8221; which you might find useful for your design project.</p>
<p>It&#8217;s not a complicate tutorial in my opinion, however the effect looks rather cool. Have a go :)</p>
<p>Here is a preview of the final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/shattered-text-final-2.jpg"><img class="alignnone size-medium wp-image-1294" title="shattered-text-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/shattered-text-final-2-500x312.jpg" alt="" width="500" height="312" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document size 900 * 700px. Then create a new layer named &#8220;Gradient Fill&#8221; on top of the background layer. On this layer, we can create some background lighting effect.</p>
<p>On the &#8220;Gradient Fill&#8221; layer, fill it with #494949 colour, then press &#8220;G&#8221; key to select the Gradient Tool, use the Radial gradient option and fill the layer with the following colours: (Make sure you select the &#8220;Foreground colour to transparent&#8221; option as well)</p>
<p><img class="alignnone size-medium wp-image-1272" title="1-fill-grad-trans" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-fill-grad-trans.jpg" alt="" width="254" height="155" /></p>
<p><img class="alignnone size-medium wp-image-1271" title="1-fill-grad" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-fill-grad-500x309.jpg" alt="" width="500" height="309" /></p>
<h3>Step 2</h3>
<p>Type some texts on top of the &#8220;Gradient Fill&#8221; layer. This will automatically create a new layer, call it &#8220;text&#8221;.</p>
<p>As for font choice, I would suggest you use some clean fonts  to maxmise the effect. Here is a nice collection of clean font and you can choose from: <a href="http://350designs.com/resources/photoshop/clean-font-showcase" target="_blank">Clean font showcase</a>. From the list, I chose <a href="http://350designs.com/resources/photoshop/clean-font-showcase" target="_blank">this font</a> for the tutorial.</p>
<p>Position the text as shown below:</p>
<p><img class="alignnone size-medium wp-image-1273" title="2-text-position3" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-text-position3-499x301.jpg" alt="" width="499" height="301" /></p>
<p>On the &#8220;text&#8221; layer, apply the following layer blending options:</p>
<p>Drop shadow</p>
<p><img class="alignnone size-medium wp-image-1274" title="2-drop-shadow" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-drop-shadow-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-1329" title="2-bevel1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-bevel1-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-1276" title="2-gradient-overlay1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-gradient-overlay1-500x350.jpg" alt="" width="500" height="350" /></p>
<p>The effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1278" title="2-effect-21" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect-21-499x301.jpg" alt="" width="499" height="301" /></p>
<h3>Step 3</h3>
<p>Now can apply the Broken Glass Texture on the text to create shattered effect.</p>
<p>Download a copy of <a href="http://server1.cgtextures.com/texview2.php?id=17772&amp;PHPSESSID=cc33cd5de6869c0e98b352e6ea3f06b5" target="_blank">this Broken Glass Texture</a> image (image 1) from CG Texture. Load it into Photoshop. Go back to our document and load the selection of the text layer (To do this, hold down the Ctrl key and left click the thumbnail image of the text layer in the layer palette).</p>
<p><img class="alignnone size-medium wp-image-1279" title="3-select-text" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-select-text-500x247.jpg" alt="" width="500" height="247" /></p>
<p>Drag the selection onto the Broken Glass Texture you&#8217;ve just downloaded, copy and paste a portion of the texture back to our document. This will create a new layer on top of the &#8220;Text&#8221; layer, name it as &#8220;Glass Texture&#8221;.</p>
<p>Change the layer blending option of this texture layer to &#8220;Overlay&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1281" title="3-effect6" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect6-500x265.jpg" alt="" width="500" height="265" /></p>
<h3>Step 4</h3>
<p>On the &#8220;Glass Texture&#8221; layer, apply the following Black and White adjustments:</p>
<p><img class="alignnone size-medium wp-image-1282" title="4-bw1" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-bw1.jpg" alt="" width="410" height="452" /></p>
<p>Then hit Ctrl + J and duplicate this texture layer 5-6 times and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1283" title="4-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect5-500x232.jpg" alt="" width="500" height="232" /></p>
<h3>Step 5</h3>
<p>Now we have a shattered text, then I thought: umm, perhaps it will be nice to add some water drop on top of it? I guess that will be an interesting effect.</p>
<p>So I downloaded <a href="http://server1.cgtextures.com/texview2.php?id=15038&amp;PHPSESSID=cc33cd5de6869c0e98b352e6ea3f06b5" target="_blank">a copy of this image</a> from CG Texture and load it into Photoshop. Go back to our document and load the text selection again, drag it onto the water drop texture, copy and paste a portion of that texture image back onto our text document.</p>
<p>This will again generate a new layer, name it as &#8220;Water Drop Texture&#8221;.</p>
<p><img class="alignnone size-medium wp-image-1285" title="5-copy-paste" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-copy-paste-500x259.jpg" alt="" width="500" height="259" /></p>
<p>Change the layer blending option to &#8220;Soft Light&#8221;, again we duplicate the &#8220;Water Drop Layer&#8221; 5-6 times, and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1287" title="5-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-effect5-500x241.jpg" alt="" width="500" height="241" /></p>
<h3>Step 6</h3>
<p>To add a bit of flavour onto the effect, we can create a new layer called &#8220;Cloud&#8221;, use the Lasso Tool with 40px feather, make a selection around the texture and render some cloud: (Set foreground colour to White, background to Black):</p>
<p><img class="alignnone size-medium wp-image-1288" title="6-cloud-render" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-cloud-render-500x273.jpg" alt="" width="500" height="273" /></p>
<p>Change the layer blending option of this cloud layer to &#8220;Hard Light&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1289" title="6-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-effect5-500x239.jpg" alt="" width="500" height="239" /></p>
<h3>Step 7</h3>
<p>Download a copy of <a href="http://server1.cgtextures.com/texview2.php?id=19664&amp;PHPSESSID=cc33cd5de6869c0e98b352e6ea3f06b5">this image</a> and load it into Photoshop. Copy and paste the entire image onto our document and place it just a above the background layer, but below all other layers. Name this layer as &#8220;Glass Shattering&#8221;.</p>
<p>Hide the &#8220;Gradient Fill&#8221; layer for now.</p>
<p>Duplicate the &#8220;Glass Shattering&#8221; layer a couple times, and on each duplicated layer, use the Free Transform tool (Ctrl + T) to rotate, resize and distort the texture to make some more shattering effect:</p>
<p><img class="alignnone size-medium wp-image-1290" title="6-effect-1" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-effect-1-500x258.jpg" alt="" width="500" height="258" /></p>
<p>Merge the duplicated layers and apply the following Black and White Adjustments:</p>
<p><img class="alignnone size-medium wp-image-1291" title="7-bw" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-bw.jpg" alt="" width="410" height="452" /></p>
<p>You will have the following effect as a result:</p>
<p><img class="alignnone size-medium wp-image-1292" title="7-effect3" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-effect3-500x266.jpg" alt="" width="500" height="266" /></p>
<h3>Step 8</h3>
<p>Now we can add some colour overlay on top of the text. A quick way to do this is to create a new layer on top of all other layers and set the blending mode to &#8220;Color Dodge&#8221;, then grab a big soft round brush with some colour of your choice, and simply paint over the text.</p>
<p>The result effect will look like this:</p>
<p><img class="alignnone size-medium wp-image-1293" title="8-effect5" src="http://www.psdvault.com/wp-content/uploads/2009/01/8-effect5-500x277.jpg" alt="" width="500" height="277" /></p>
<p>Ok that&#8217;s it for this tutorial! You can apply some more texture onto the text itself, or add some background texture, that&#8217;s totally up to you :)</p>
<p>Here is my final image for this tutorial: (Click to Enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/shattered-text-final-2.jpg"><img class="alignnone size-medium wp-image-1294" title="shattered-text-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/shattered-text-final-2-500x312.jpg" alt="" width="500" height="312" /></a></p>
<p>If you have any questions, just drop me a comment :)</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-cool-abstract-style-shattered-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Render a Far Cry 2 Inspired Golden Sunset Scene in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/render-a-far-cry-2-inspired-golden-sunset-scene-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/render-a-far-cry-2-inspired-golden-sunset-scene-in-photoshop/#comments</comments>
		<pubDate>Sun, 18 Jan 2009 01:43:46 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[blending]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[pen]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[tool]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=1211</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I used to transform an avarage day photo into a really nice golden sunset scene in Photoshop. This tutorial is inspired by <a href="http://images.bit-tech.net/content_images/2008/06/far-cry-2-hands-on-preview/b11.jpg" target="_blank">this magnificant work</a> from the Ubisoft game Fry Cry 2.

Together we will explore techniques such as layer blending, image adjustments, non-destructive photo editing, use of pen tool and various image filters. It's an easy tutorial, have a go!]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: left; width:50px; margin: 7px 20px 0 10px;">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Frender-a-far-cry-2-inspired-golden-sunset-scene-in-photoshop%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.psdvault.com%2Fphoto-effect%2Frender-a-far-cry-2-inspired-golden-sunset-scene-in-photoshop%2F&amp;style=normal&amp;service=bit.ly" height="61" width="50" /><br />
			</a>
		</div>
<p>In this tutorial, I will show you the processes I used to transform an avarage day photo into a really nice golden sunset scene in Photoshop. This tutorial is inspired by <a href="http://images.bit-tech.net/content_images/2008/06/far-cry-2-hands-on-preview/b11.jpg" target="_blank">this magnificant work</a> from the Ubisoft game Fry Cry 2.</p>
<p>Together we will explore techniques such as layer blending, image adjustments, non-destructive photo editing, use of pen tool and various image filters. It&#8217;s an easy tutorial, have a go!</p>
<p>Meanwhile, if you would like to find some more info about non-destructive photo editing, I have another post here:</p>
<p><a href="http://www.psdvault.com/photo-effect/bring-colour-and-light-out-of-ordinary-image/" target="_blank">Bring Colour and Light out of Ordinary Image</a></p>
<p>Or if you would like to find out some basic info about Pen Tool, I have another post <a href="http://www.photoshoplady.com/forums/drawing-tutorials/82-use-pen-tool-photoshop.html" target="_blank">here</a>.</p>
<p>Here is a before and after preview of this tutorial:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-1235" title="before" src="http://www.psdvault.com/wp-content/uploads/2009/01/before-500x375.jpg" alt="" width="500" height="375" /></p>
<p>After</p>
<p><img class="alignnone size-medium wp-image-1234" title="sunset-scene-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/sunset-scene-final-2-500x375.jpg" alt="" width="500" height="375" /></p>
<p>An alternative Version</p>
<p><img class="alignnone size-medium wp-image-1239" title="sunset-scene-4" src="http://www.psdvault.com/wp-content/uploads/2009/01/sunset-scene-4-500x375.jpg" alt="" width="500" height="375" /></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Download a copy of <a href="http://www.stockvault.net/download_file2.php?pid=9798">this image</a> and load it into Photoshop. Duplicate the background layer Three Times as shown below:</p>
<p><img class="alignnone size-medium wp-image-1213" title="1-duplicate1" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-duplicate1.jpg" alt="" width="213" height="114" /></p>
<p>Change the layer blending option for &#8220;Background copy&#8221;, &#8220;Background copy 2&#8243;, &#8220;Background copy 3&#8243; accordingly:</p>
<p>&#8220;Background copy&#8221; &#8211; Overlay</p>
<p>&#8220;Background copy&#8221; &#8211; Hard Light</p>
<p>&#8220;Background copy&#8221; &#8211; Color</p>
<p>And you will have the following image:</p>
<p><img class="alignnone size-medium wp-image-1215" title="2-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect-2-499x375.jpg" alt="" width="499" height="375" /></p>
<h3>Step 2</h3>
<p>Duplicate the Background once more and drag the duplicated layer on top of all other previous layers, apply the following Surfuce Blur settings to it:</p>
<p><img class="alignnone size-medium wp-image-1216" title="3-surface" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-surface.jpg" alt="" width="316" height="355" /></p>
<p>Change the layer blending of this layer to &#8220;Screen&#8221; &#8211; this will add a glowing effect to the image.</p>
<p><img class="alignnone size-medium wp-image-1217" title="3-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect4-500x371.jpg" alt="" width="500" height="371" /></p>
<h3>Step 3</h3>
<p>Now we will seperate the sky bit from rest of the image so that we could edit it without affecting other part of the image.</p>
<p>To do this, hide all previously duplicate layers and go back to the background layer, use the Pen Tool to create a path around the sky portion of the image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/3-pen-select.jpg"><img class="alignnone size-medium wp-image-1218" title="3-pen-select" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-pen-select-500x184.jpg" alt="" width="500" height="184" /></a></p>
<p>Then right-click and choose Make Selection, choose 0 px feather and this will transform the path into a selection:</p>
<p><img class="alignnone size-medium wp-image-1219" title="3-make-sel" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-make-sel-500x188.jpg" alt="" width="500" height="188" /></p>
<p>Then hit Ctrl + J to make a layer via copy, name it as &#8220;Sky&#8221; and Drag it above all other layers. (Optional: you can use the Clone Stamp Tool to refine the edges of the sky so it fits better with the landscape.)</p>
<p>Apply the following Channel Mixer image adjustment to the &#8220;Sky&#8221; layer:</p>
<p><img class="alignnone size-medium wp-image-1221" title="3-channel-mixer" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-channel-mixer.jpg" alt="" width="398" height="348" /></p>
<p>And the effect so far will look like this:</p>
<p><img class="alignnone size-medium wp-image-1222" title="3-effect-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect-2-500x375.jpg" alt="" width="500" height="375" /></p>
<h3>Step 4</h3>
<p>Now duplicate the &#8220;Sky&#8221; layer once, apply the following Gaussian Blur settings to the duplicate layer:</p>
<p><img class="alignnone size-medium wp-image-1223" title="4-gaussian1" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-gaussian1.jpg" alt="" width="316" height="305" /></p>
<p>Change the layer blending option to &#8220;Overlay&#8221; and this will add some extra softness to the cloud:</p>
<p><img class="alignnone size-medium wp-image-1224" title="4-cloud" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-cloud-500x199.jpg" alt="" width="500" height="199" /></p>
<p>Duplicate the &#8220;Sky&#8221; layer once more and drag this dupcliate layer on top of all other layers, load the selection of this layer by holding down Ctrl key + Left-click the thumbnail of this layer within the layer palette, fill it with colour shown below:</p>
<p><img class="alignnone size-medium wp-image-1225" title="4-fill" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-fill-500x373.jpg" alt="" width="500" height="373" /></p>
<p>Change the layer blending mode to &#8220;color&#8221; and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1226" title="4-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect4-500x164.jpg" alt="" width="500" height="164" /></p>
<h3>Step 5</h3>
<p>Now we add some colour for the grass and the landscape as well. To do this, create a Gradient Map on top of all layers:</p>
<p><img class="alignnone size-medium wp-image-1227" title="5-gradient-map" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-gradient-map.jpg" alt="" width="223" height="198" /></p>
<p>and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1228" title="5-gradient-map-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-gradient-map-2.jpg" alt="" width="463" height="317" /></p>
<p>Change the layer blending mode of this adjustment layer to &#8220;Soft Light&#8221; and opacity to 80%. And you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1229" title="5-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-effect4-500x346.jpg" alt="" width="500" height="346" /></p>
<h3>Step 6</h3>
<p>If you would like to add some more lighting and reduce the amount of the brightness of the sky a bit, you can go back to the origianl &#8220;Sky&#8221; layer, use the Eraser Tool with a big round brush and 0% hardness, erase to the parts you want:</p>
<p><img class="alignnone size-medium wp-image-1230" title="6-eraser" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-eraser-499x283.jpg" alt="" width="499" height="283" /></p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1232" title="6-effect4" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-effect4-500x373.jpg" alt="" width="500" height="373" /></p>
<p>Ok that&#8217;s it for this tutorial! The rest is again left upon your own creativity :)</p>
<p>Below is my final image for this tutorial: (Click to Enlarge)</p>
<p><img class="alignnone size-medium wp-image-1234" title="sunset-scene-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/sunset-scene-final-2-500x375.jpg" alt="" width="500" height="375" /></p>
<p>An alternative version:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/sunset-scene-4.jpg"><img class="alignnone size-medium wp-image-1239" title="sunset-scene-4" src="http://www.psdvault.com/wp-content/uploads/2009/01/sunset-scene-4-500x375.jpg" alt="" width="500" height="375" /></a></p>
<p>If you have any questions, just drop me a comment :)</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/render-a-far-cry-2-inspired-golden-sunset-scene-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
	</channel>
</rss>
