<?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>Extra Unique Adobe Photoshop Tutorials - PSD Vault &#187; cloud</title>
	<atom:link href="http://www.psdvault.com/tag/cloud/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdvault.com</link>
	<description></description>
	<lastBuildDate>Wed, 08 Feb 2012 00:17:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/create-beautiful-surreal-photo-effect-via-cloud-star-and-vexel-hair-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/create-beautiful-surreal-photo-effect-via-cloud-star-and-vexel-hair-in-photoshop/#comments</comments>
		<pubDate>Sat, 18 Sep 2010 12:03:23 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[hair]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[star]]></category>
		<category><![CDATA[surreal]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[vexel]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=7203</guid>
		<description><![CDATA[In this tutorial, I will show you how you can Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how you can Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop. This is an intermediate level tutorial so some steps can be tricky, but why not have a try!</p>
<p>The purpose of this tutorial is to revise several skills taught in previous tutorials, such as:</p>
<ul>
<li>Vexel Hair</li>
<li>Cloud Warping</li>
<li>Focal Points</li>
<li>Adjustment Layers</li>
</ul>
<p>Here is a preview of the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/09/floating-fantasy-flatten.jpg"><img class="alignnone size-medium wp-image-7238" title="floating-fantasy-flatten" src="http://img.psdvault.com/2010/09/floating-fantasy-flatten-500x687.jpg" alt="floating fantasy flatten 500x687 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="687" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members             Area for only $6.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="../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="../vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" 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://browse.deviantart.com/resources/stockart/?qh=&amp;section=&amp;q=mountain#/dpkwbw" target="_blank">Mountain</a></p>
<p><a href="http://browse.deviantart.com/resources/stockart/model/?order=9&amp;offset=24#/d2daigy" target="_blank">Model </a>-by tanit-isis-stock</p>
<p><a href="http://qbrushes.net/" target="_blank">Some grunge, cloud and star brushes from qbrushes.net</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 800px * 1100px, fill the background with black colour. <strong>Create a new layer on top of the background layer</strong>, render some fibre texture via Filter &gt; Render &gt; Fibre with the following settings <strong>on the new layer</strong>:</p>
<p><a href="http://img.psdvault.com/2010/09/1-fibre.jpg"><img class="alignnone size-full wp-image-7206" title="1 fibre" src="http://img.psdvault.com/2010/09/1-fibre.jpg" alt="1 fibre Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="288" height="375" /></a></p>
<p>Reduce the layer opacity to around 30%, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/09/1-effect1.jpg"><img class="alignnone size-medium wp-image-7205" title="1 effect" src="http://img.psdvault.com/2010/09/1-effect1-492x700.jpg" alt="1 effect1 492x700 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="492" height="700" /></a></p>
<h3>Step 2</h3>
<p>Load the &#8220;Mountain&#8221; stock image into Photoshop, select the following portion from the image:</p>
<p><a href="http://img.psdvault.com/2010/09/2-select.jpg"><img class="alignnone size-medium wp-image-7211" title="2 select" src="http://img.psdvault.com/2010/09/2-select-500x409.jpg" alt="2 select 500x409 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="409" /></a></p>
<p>Copy and paste the selection onto the image, resize and flip in vertically, and use a soft black brush to erase the edge and some parts of the rock to create a bit of depth:</p>
<p><a href="http://img.psdvault.com/2010/09/2-erase.jpg"><img class="alignnone size-medium wp-image-7208" title="2 erase" src="http://img.psdvault.com/2010/09/2-erase-500x397.jpg" alt="2 erase 500x397 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="397" /></a></p>
<p>I decided to add a trace of cloud to the bottom of the mountain. To do this, we can use the Lasso Tool with (50px feather) to draw a selectin, then render some cloud inside it:</p>
<p><a href="http://img.psdvault.com/2010/09/2-render-cloud.jpg"><img class="alignnone size-medium wp-image-7210" title="2 render cloud" src="http://img.psdvault.com/2010/09/2-render-cloud-500x438.jpg" alt="2 render cloud 500x438 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="438" /></a></p>
<p>Hit Ctrl + L and bring up the Levels tool, apply the following settings to the cloud:</p>
<p><a href="http://img.psdvault.com/2010/09/2-level.jpg"><img class="alignnone size-full wp-image-7209" title="2 level" src="http://img.psdvault.com/2010/09/2-level.jpg" alt="2 level Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="399" height="343" /></a></p>
<p>Then Warp it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/09/2-warp-process.jpg"><img class="alignnone size-medium wp-image-7213" title="2 warp process" src="http://img.psdvault.com/2010/09/2-warp-process-500x536.jpg" alt="2 warp process 500x536 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="536" /></a></p>
<p>When you are done with the cloud warping, attach it to the bottom of the mountain as shown below:</p>
<p><a href="http://img.psdvault.com/2010/09/2-warp-cloud.jpg"><img class="alignnone size-medium wp-image-7212" title="2 warp cloud" src="http://img.psdvault.com/2010/09/2-warp-cloud-500x366.jpg" alt="2 warp cloud 500x366 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="366" /></a></p>
<h3>Step 3</h3>
<p>Group all these layers created in Step 2 into a layer group. Name it as &#8220;Mountain Group&#8221; and duplicate this group once, resize it to the small scale:</p>
<p><a href="http://img.psdvault.com/2010/09/3-cloud1.jpg"><img class="alignnone size-full wp-image-7214" title="3 cloud" src="http://img.psdvault.com/2010/09/3-cloud1.jpg" alt="3 cloud1 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="428" height="293" /></a></p>
<p>You might also want to use the dodge tool to add some highlight to the top left part of the mountain, for some lighting dynamics:</p>
<p><a href="http://img.psdvault.com/2010/09/3-dodge.jpg"><img class="alignnone size-full wp-image-7215" title="3 dodge" src="http://img.psdvault.com/2010/09/3-dodge.jpg" alt="3 dodge Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="452" height="316" /></a></p>
<p>Duplicate the mountain group again and flip the group horizontally, move it the left part of the canvas, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/09/3-duplicate.jpg"><img class="alignnone size-medium wp-image-7216" title="3 duplicate" src="http://img.psdvault.com/2010/09/3-duplicate-500x649.jpg" alt="3 duplicate 500x649 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="649" /></a></p>
<h3>Step 4</h3>
<p>Use a cloud brush, or texture image to add some cloud onto the mountain:</p>
<p><a href="http://img.psdvault.com/2010/09/4-paint-clod.jpg"><img class="alignnone size-medium wp-image-7221" title="4 paint clod" src="http://img.psdvault.com/2010/09/4-paint-clod-500x665.jpg" alt="4 paint clod 500x665 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="665" /></a></p>
<p>Load the Model stock image into Photoshop, cut out the model and paste it to the position below:</p>
<p><a href="http://img.psdvault.com/2010/09/4-paste-model.jpg"><img class="alignnone size-medium wp-image-7222" title="4 paste model" src="http://img.psdvault.com/2010/09/4-paste-model-500x524.jpg" alt="4 paste model 500x524 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="524" /></a></p>
<p>Now we&#8217;re on the vexel hair part. Use the Pen Tool to draw a work path as shown below, and select a 3px hard brush for stroking later on:</p>
<p><a href="http://img.psdvault.com/2010/09/4-stroke1.jpg"><img class="alignnone size-medium wp-image-7225" title="4 stroke" src="http://img.psdvault.com/2010/09/4-stroke1-500x429.jpg" alt="4 stroke1 500x429 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="429" /></a></p>
<p>Now pick a dark hair colour from the model layer:</p>
<p><a href="http://img.psdvault.com/2010/09/4-select-dark.jpg"><img class="alignnone size-medium wp-image-7224" title="4 select dark" src="http://img.psdvault.com/2010/09/4-select-dark-500x345.jpg" alt="4 select dark 500x345 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="345" /></a></p>
<p>Stroke the path with this dark color:</p>
<p><a href="http://img.psdvault.com/2010/09/4-after-stroke.jpg"><img class="alignnone size-full wp-image-7217" title="4 after stroke" src="http://img.psdvault.com/2010/09/4-after-stroke.jpg" alt="4 after stroke Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="414" height="465" /></a></p>
<p>Now go back to the model layer and pick a lighter colour:</p>
<p><a href="http://img.psdvault.com/2010/09/4-pick-light.jpg"><img class="alignnone size-medium wp-image-7223" title="4 pick light" src="http://img.psdvault.com/2010/09/4-pick-light-500x364.jpg" alt="4 pick light 500x364 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="364" /></a></p>
<p>Then stroke the path with this light color:</p>
<p><a href="http://img.psdvault.com/2010/09/4-light-hair.jpg"><img class="alignnone size-full wp-image-7220" title="4 light hair" src="http://img.psdvault.com/2010/09/4-light-hair.jpg" alt="4 light hair Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="420" height="480" /></a></p>
<p>Duplicate the dark and light stroke layer several times, bind them together as shown below: (merge those layer together afterwards)</p>
<p><a href="http://img.psdvault.com/2010/09/4-combine1.jpg"><img class="alignnone size-medium wp-image-7218" title="4 combine" src="http://img.psdvault.com/2010/09/4-combine1-500x486.jpg" alt="4 combine1 500x486 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="486" /></a></p>
<p>Duplicate the hair group, move the duplicated layers to different positions, also resize, rotate them for best result:</p>
<p><a href="http://img.psdvault.com/2010/09/4-effect.jpg"><img class="alignnone size-medium wp-image-7219" title="4 effect" src="http://img.psdvault.com/2010/09/4-effect-500x341.jpg" alt="4 effect 500x341 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="341" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s paint some splash and star texture on the image to spice it up a bit. No doubt you have downloaded a few brushes from the internet &#8211; now it&#8217;s the time to use them!</p>
<p>Create a new layer under the model layer and paint some splash to the position shown below:</p>
<p><a href="http://img.psdvault.com/2010/09/5-paint-splash.jpg"><img class="alignnone size-medium wp-image-7228" title="5 paint splash" src="http://img.psdvault.com/2010/09/5-paint-splash-499x168.jpg" alt="5 paint splash 499x168 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="499" height="168" /></a></p>
<p>also add some star texture to the position shown below:</p>
<p><a href="http://img.psdvault.com/2010/09/5-paint-star.jpg"><img class="alignnone size-medium wp-image-7229" title="5 paint star" src="http://img.psdvault.com/2010/09/5-paint-star-500x446.jpg" alt="5 paint star 500x446 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="446" /></a></p>
<p>Use the same cloud warping technique mentioned in previous step for some nebula effect:</p>
<p><a href="http://img.psdvault.com/2010/09/5-cloud-star.jpg"><img class="alignnone size-medium wp-image-7226" title="5 cloud star" src="http://img.psdvault.com/2010/09/5-cloud-star-500x559.jpg" alt="5 cloud star 500x559 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="559" /></a></p>
<p>you will have the following effect so far:</p>
<p><a href="http://img.psdvault.com/2010/09/5-effect-overall.jpg"><img class="alignnone size-medium wp-image-7227" title="5 effect overall" src="http://img.psdvault.com/2010/09/5-effect-overall-495x700.jpg" alt="5 effect overall 495x700 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="495" height="700" /></a></p>
<h3>Step 6</h3>
<p>Ok we&#8217;re almost done. Let&#8217;s add a few adjustment layer to fine-tune the image a bit:</p>
<p>Black and White</p>
<p><a href="http://img.psdvault.com/2010/09/6-bw.jpg"><img class="alignnone size-full wp-image-7230" title="6 bw" src="http://img.psdvault.com/2010/09/6-bw.jpg" alt="6 bw Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="210" height="336" /></a></p>
<p>Color Balance</p>
<p><a href="http://img.psdvault.com/2010/09/6-col-sha1.jpg"><img class="alignnone size-full wp-image-7234" title="6 col sha" src="http://img.psdvault.com/2010/09/6-col-sha1.jpg" alt="6 col sha1 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/09/6-col-mid1.jpg"><img class="alignnone size-full wp-image-7233" title="6 col mid" src="http://img.psdvault.com/2010/09/6-col-mid1.jpg" alt="6 col mid1 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/09/6-col-hig1.jpg"><img class="alignnone size-full wp-image-7231" title="6 col hig" src="http://img.psdvault.com/2010/09/6-col-hig1.jpg" alt="6 col hig1 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="210" height="336" /></a></p>
<p>Layer Mask on the color balance adjustment layer:</p>
<p><a href="http://img.psdvault.com/2010/09/6-col-mask1.jpg"><img class="alignnone size-medium wp-image-7232" title="6 col mask" src="http://img.psdvault.com/2010/09/6-col-mask1-500x565.jpg" alt="6 col mask1 500x565 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="565" /></a></p>
<p>Also I added a few focal points with soft white brush to the spots shown below: (Adjust brush blend mode to &#8220;Normal&#8221; or &#8220;overlay&#8221;)</p>
<p><a href="http://img.psdvault.com/2010/09/6-dot-light.jpg"><img class="alignnone size-medium wp-image-7235" title="6 dot light" src="http://img.psdvault.com/2010/09/6-dot-light-500x682.jpg" alt="6 dot light 500x682 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="682" /></a></p>
<h3>Step 7</h3>
<p>Now we can do some final retouches of the image. As you can see, by using all the brushes we created a lot of noise on the image, would be great if we can reduce the noise a bit.</p>
<p>Flatten the image, duplicate the background layer and apply the following &#8220;Reduce Noise&#8221; options:</p>
<p><a href="http://img.psdvault.com/2010/09/7-reduce-noise.jpg"><img class="alignnone size-full wp-image-7237" title="7 reduce noise" src="http://img.psdvault.com/2010/09/7-reduce-noise.jpg" alt="7 reduce noise Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="304" height="547" /></a></p>
<p>As you can see, by using this filter we soften the hair we created before, plus getting rid of a large portion of the unwanted noise on the image:</p>
<p><a href="http://img.psdvault.com/2010/09/7-after-reduce.jpg"><img class="alignnone size-medium wp-image-7236" title="7 after reduce" src="http://img.psdvault.com/2010/09/7-after-reduce-500x290.jpg" alt="7 after reduce 500x290 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="290" /></a></p>
<p>and here is my final effect for this tutorial:</p>
<p><a href="http://img.psdvault.com/2010/09/floating-fantasy-flatten.jpg"><img class="alignnone size-medium wp-image-7238" title="floating-fantasy-flatten" src="http://img.psdvault.com/2010/09/floating-fantasy-flatten-500x687.jpg" alt="floating fantasy flatten 500x687 Create Beautiful Surreal Photo Effect via Cloud, Star and Vexel Hair in Photoshop" width="500" height="687" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it interesting and inspirational. Until next time, have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/create-beautiful-surreal-photo-effect-via-cloud-star-and-vexel-hair-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Design a Zebra-Skinned Crimson Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-a-zebra-skinned-crimson-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-a-zebra-skinned-crimson-text-effect-in-photoshop/#comments</comments>
		<pubDate>Mon, 19 Jul 2010 10:18:45 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[crimson]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[zebra]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=6661</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this Zebra Patterned Crimson Text Effect in Photoshop. This is an intermediate level tutorial and some steps can be tricky, but why not have a go :) ?]]></description>
			<content:encoded><![CDATA[<p>We offer <a href="http://www.actualtests.com/certs/CISSP-training-certification.htm">cissp training</a> for those want to get <a href="http://www.actualtests.com/certs/MCSA-2008-training-certification.htm">mcsa certification</a> for their career.  Get the latest <a href="http://www.actualtests.com/certs/Security-plus-training-certification.htm">security+ certification</a> to become photoshop expert.</p>
<p>In this tutorial, I will show you the steps I took to create this Zebra Patterned Crimson Text Effect in Photoshop. This is an intermediate level tutorial and some steps can be  tricky, but why not have a go :) ?</p>
<p>What I would like to show you in this tutorial in how you can combine the pattern clone stamp with work path to render special effects for your text, and how you can create realistic light and shadow for your environment.</p>
<p>Here is a preview of the final effect I have for this tutorial:  (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/07/zebra-text-flatten.jpg"><img class="alignnone size-medium wp-image-6662" title="zebra-text-flatten" src="http://img.psdvault.com/2010/07/zebra-text-flatten-500x249.jpg" alt="zebra text flatten 500x249 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="249" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></p>
<p>Alternative Version (with more red colour + a bit of Motion Blur in it)</p>
<p><a href="http://img.psdvault.com/2010/07/glow-text-flatten-3.jpg"><img class="alignnone size-medium wp-image-6704" title="glow-text-flatten-3" src="http://img.psdvault.com/2010/07/glow-text-flatten-3-500x249.jpg" alt="glow text flatten 3 500x249 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="249" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="250" height="250" /></a></p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://www.fontsquirrel.com/fonts/Mido" target="_blank">Font</a></p>
<h3>Step 1</h3>
<p>Creata a new document sized 1300px * 650px. Create a new layer called &#8220;floor&#8221; and select the lower portion of the canvas as shown below:</p>
<p><a href="http://img.psdvault.com/2010/07/1-select.jpg"><img class="alignnone size-medium wp-image-6670" title="1 select" src="http://img.psdvault.com/2010/07/1-select-499x267.jpg" alt="1 select 499x267 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="499" height="267" /></a></p>
<p>Right-click inside the selection and choose &#8220;Fill&#8221;:</p>
<p><a href="http://img.psdvault.com/2010/07/1-choose.jpg"><img class="alignnone size-medium wp-image-6665" title="1 choose" src="http://img.psdvault.com/2010/07/1-choose-500x363.jpg" alt="1 choose 500x363 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="363" /></a></p>
<p>Select the following tile pattern from the &#8220;Pattern&#8221; category:</p>
<p><a href="http://img.psdvault.com/2010/07/1-choose-pattern.jpg"><img class="alignnone size-medium  wp-image-6664" title="1 choose pattern" src="http://img.psdvault.com/2010/07/1-choose-pattern-500x379.jpg" alt="1 choose pattern 500x379 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="379" /></a></p>
<p>Drop the layer opacity to around 40%:</p>
<p><a href="http://img.psdvault.com/2010/07/1-reduce-opa.jpg"><img class="alignnone size-medium wp-image-6669" title="1 reduce opa" src="http://img.psdvault.com/2010/07/1-reduce-opa-500x244.jpg" alt="1 reduce opa 500x244 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="244" /></a></p>
<p>Then perspective the layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/07/1-persp1.jpg"><img class="alignnone size-medium wp-image-6668" title="1 persp" src="http://img.psdvault.com/2010/07/1-persp1-500x222.jpg" alt="1 persp1 500x222 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="222" /></a></p>
<p>add the following layer mask to this floor layer:</p>
<p><a href="http://img.psdvault.com/2010/07/1-mask.jpg"><img class="alignnone size-medium wp-image-6667" title="1 mask" src="http://img.psdvault.com/2010/07/1-mask-500x244.jpg" alt="1 mask 500x244 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="244" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/1-effect2.jpg"><img class="alignnone size-medium wp-image-6666" title="1 effect" src="http://img.psdvault.com/2010/07/1-effect2-500x188.jpg" alt="1 effect2 500x188 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="188" /></a></p>
<h3>Step 2</h3>
<p>Use the font we donwloaded, type some text onto the canvas as shown below:</p>
<p><a href="http://img.psdvault.com/2010/07/2-type.jpg"><img class="alignnone size-medium wp-image-6676" title="2 type" src="http://img.psdvault.com/2010/07/2-type-500x166.jpg" alt="2 type 500x166 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="166" /></a></p>
<p>Apply the following Drop Shadow blending option to this text layer:</p>
<p><a href="http://img.psdvault.com/2010/07/2-drop-sha.jpg"><img class="alignnone size-medium wp-image-6671" title="2 drop sha" src="http://img.psdvault.com/2010/07/2-drop-sha-500x367.jpg" alt="2 drop sha 500x367 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="367" /></a></p>
<p>Now in order to make a smooth transition from the text layer to the floor layer, as the following layer mask to the text layer: (with Gradient Fill tool)</p>
<p><a href="http://img.psdvault.com/2010/07/2-mask1.jpg"><img class="alignnone size-medium wp-image-6674" title="2 mask" src="http://img.psdvault.com/2010/07/2-mask1-500x245.jpg" alt="2 mask1 500x245 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="245" /></a></p>
<p>Now let&#8217;s create the shadow for the text. Firstly load the selection of the text layer by Ctrl + Left-click the thumbnail image on the layer palette, then create a new layer called &#8220;shadow&#8221; under the text layer, maintain the selection and fill it with black colour, flip it vertically and use the free-transform tool to perspective as shown below:</p>
<p><a href="http://img.psdvault.com/2010/07/2-drop-sha.jpg"></a><a href="http://img.psdvault.com/2010/07/2-shadow-per.jpg"><img class="alignnone size-medium wp-image-6675" title="2 shadow per" src="http://img.psdvault.com/2010/07/2-shadow-per-500x137.jpg" alt="2 shadow per 500x137 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="137" /></a></p>
<p>Add the following layer mask to this shadow layer:</p>
<p><a href="http://img.psdvault.com/2010/07/2-mask-shadow.jpg"><img class="alignnone size-medium wp-image-6673" title="2 mask shadow" src="http://img.psdvault.com/2010/07/2-mask-shadow-500x247.jpg" alt="2 mask shadow 500x247 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="247" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/2-effect1.jpg"><img class="alignnone size-medium wp-image-6672" title="2 effect" src="http://img.psdvault.com/2010/07/2-effect1-500x227.jpg" alt="2 effect1 500x227 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="227" /></a></p>
<h3>Step 3</h3>
<p>Create a new layer on top of the text layer called &#8220;zebra texture&#8221;. Load the text layer selection and right-click on it, choose &#8220;make work path&#8221; option:</p>
<p><a href="http://img.psdvault.com/2010/07/3-work-path.jpg"><img class="alignnone size-medium wp-image-6683" title="3 work path" src="http://img.psdvault.com/2010/07/3-work-path-500x395.jpg" alt="3 work path 500x395 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="395" /></a></p>
<p>Grab the Pattern Stamp Tool from the toolbox:</p>
<p><a href="http://img.psdvault.com/2010/07/3-pattern-stamp.jpg"><img class="alignnone size-full  wp-image-6679" title="3 pattern stamp" src="http://img.psdvault.com/2010/07/3-pattern-stamp.jpg" alt="3 pattern stamp Design a Zebra Skinned Crimson Text Effect in Photoshop" width="297" height="129" /></a></p>
<p>Choose the Zebra texture from the dropdown window:</p>
<p><a href="http://img.psdvault.com/2010/07/3-zebra.jpg"><img class="alignnone size-medium wp-image-6684" title="3 zebra" src="http://img.psdvault.com/2010/07/3-zebra-500x135.jpg" alt="3 zebra 500x135 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="135" /></a></p>
<p>Set tolerance to 2.0 pixels:</p>
<p><a href="http://img.psdvault.com/2010/07/3-tolerance.jpg"><img class="alignnone size-full wp-image-6682" title="3 tolerance" src="http://img.psdvault.com/2010/07/3-tolerance.jpg" alt="3 tolerance Design a Zebra Skinned Crimson Text Effect in Photoshop" width="334" height="148" /></a></p>
<p>Choose the Pen Tool, then right-click on the path and choose &#8220;Stroke Path&#8221;:</p>
<p><a href="http://img.psdvault.com/2010/07/3-stroke-path.jpg"><img class="alignnone size-full wp-image-6681" title="3 stroke path" src="http://img.psdvault.com/2010/07/3-stroke-path.jpg" alt="3 stroke path Design a Zebra Skinned Crimson Text Effect in Photoshop" width="454" height="334" /></a></p>
<p>Stroke the path with Pattern Stamp we just chose:</p>
<p><a href="http://img.psdvault.com/2010/07/3-stroke-2.jpg"><img class="alignnone size-medium wp-image-6680" title="3 stroke 2" src="http://img.psdvault.com/2010/07/3-stroke-2-500x245.jpg" alt="3 stroke 2 500x245 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="245" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/3-effect1.jpg"><img class="alignnone size-medium wp-image-6678" title="3 effect" src="http://img.psdvault.com/2010/07/3-effect1-500x140.jpg" alt="3 effect1 500x140 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="140" /></a></p>
<p>Change the layer blending mode to be &#8220;overlay&#8221; for this zebra texture layer, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/3-effect1.jpg"></a> <a href="http://img.psdvault.com/2010/07/3-effect-overlay.jpg"><img class="alignnone size-medium wp-image-6677" title="3 effect overlay" src="http://img.psdvault.com/2010/07/3-effect-overlay-500x154.jpg" alt="3 effect overlay 500x154 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="154" /></a></p>
<h3>Step 4</h3>
<p>Now create a new layer under the &#8220;shadow&#8221; layer called &#8220;back light&#8221;. Grab the Lasso Tool with a 50px feather setting to draw a selection, then render some cloud inside it:</p>
<p><a href="http://img.psdvault.com/2010/07/4-cloud.jpg"><img class="alignnone size-medium wp-image-6685" title="4 cloud" src="http://img.psdvault.com/2010/07/4-cloud-500x172.jpg" alt="4 cloud 500x172 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="172" /></a></p>
<p>Hit Ctrl + L to bring up the Levels adjustment tool and apply the following settings:</p>
<p><a href="http://img.psdvault.com/2010/07/4-levels.jpg"><img class="alignnone size-medium wp-image-6690" title="4 levels" src="http://img.psdvault.com/2010/07/4-levels-499x332.jpg" alt="4 levels 499x332 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="499" height="332" /></a></p>
<p>Use the free transform tool to reduce the size of the cloud, position it behind the text:</p>
<p><a href="http://img.psdvault.com/2010/07/4-resize-cloud.jpg"><img class="alignnone size-medium  wp-image-6691" title="4 resize cloud" src="http://img.psdvault.com/2010/07/4-resize-cloud-500x270.jpg" alt="4 resize cloud 500x270 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="270" /></a></p>
<p>Duplicate this light layer a few more times, put them around the text as shown below: (reduce their layer opacity to around 20-30%)</p>
<p><a href="http://img.psdvault.com/2010/07/4-cloud-po.jpg"><img class="alignnone size-medium wp-image-6702" title="4 cloud po" src="http://img.psdvault.com/2010/07/4-cloud-po-500x206.jpg" alt="4 cloud po 500x206 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="206" /></a></p>
<p>Add the following two adjustment layers to the top of all previous layers:</p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/07/4-curves1.jpg"><img class="alignnone size-full wp-image-6686" title="4 curves" src="http://img.psdvault.com/2010/07/4-curves1.jpg" alt="4 curves1 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>Levels</p>
<p><a href="http://img.psdvault.com/2010/07/4-levels-2.jpg"><img class="alignnone size-full wp-image-6689" title="4 levels 2" src="http://img.psdvault.com/2010/07/4-levels-2.jpg" alt="4 levels 2 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/4-effect2.jpg"><img class="alignnone size-medium wp-image-6688" title="4 effect" src="http://img.psdvault.com/2010/07/4-effect2-500x169.jpg" alt="4 effect2 500x169 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="169" /></a></p>
<p>Go back to the text layer, change the text colour to be black, and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/07/4-effect-21.jpg"><img class="alignnone size-medium wp-image-6687" title="4 effect 2" src="http://img.psdvault.com/2010/07/4-effect-21-500x161.jpg" alt="4 effect 21 500x161 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="161" /></a></p>
<h3>Step 5</h3>
<p>Now we&#8217;re almost done. Flatten the image and duplicate the background layer once, apply the following Reduce Noise filter settings to the duplicated layer: (we don&#8217;t want this text effect to be sharp)</p>
<p><a href="http://img.psdvault.com/2010/07/5-red-no.jpg"><img class="alignnone size-medium wp-image-6699" title="5 red no" src="http://img.psdvault.com/2010/07/5-red-no-499x360.jpg" alt="5 red no 499x360 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="499" height="360" /></a></p>
<p>I decided to add a line a smaller text in the far distant to make a transition effect for the main text. So I duplicate the background layer again, and apply the following Motion blur filter to the duplicated layer:</p>
<p><a href="http://img.psdvault.com/2010/07/5-mo-blur.jpg"><img class="alignnone size-full wp-image-6698" title="5 mo blur" src="http://img.psdvault.com/2010/07/5-mo-blur.jpg" alt="5 mo blur Design a Zebra Skinned Crimson Text Effect in Photoshop" width="316" height="352" /></a></p>
<p>Then resize this layer to a smaller scale, then move it up to the position as shown below:</p>
<p><a href="http://img.psdvault.com/2010/07/5-resize2.jpg"><img class="alignnone size-medium wp-image-6700" title="5 resize" src="http://img.psdvault.com/2010/07/5-resize2-500x292.jpg" alt="5 resize2 500x292 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="292" /></a></p>
<p>Add the following layer mask to this layer:  (use Gradient Tool)</p>
<p><a href="http://img.psdvault.com/2010/07/5-mo-blur.jpg"></a> <a href="http://img.psdvault.com/2010/07/5-mask.jpg"><img class="alignnone size-medium wp-image-6697" title="5 mask" src="http://img.psdvault.com/2010/07/5-mask-500x289.jpg" alt="5 mask 500x289 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="289" /></a></p>
<p>Then reduce the layer opacity to around 30%, you will have the following effect:  (a barely visible, samll text in the far distance)</p>
<p><a href="http://img.psdvault.com/2010/07/5-fade.jpg"><img class="alignnone size-medium wp-image-6701" title="5 fade" src="http://img.psdvault.com/2010/07/5-fade-500x257.jpg" alt="5 fade 500x257 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="257" /></a></p>
<p>I added the following two image adjustment layers for final touchups:</p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/07/5-curves.jpg"><img class="alignnone size-full wp-image-6695" title="5 curves" src="http://img.psdvault.com/2010/07/5-curves.jpg" alt="5 curves Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>Color Balance</p>
<p><a href="http://img.psdvault.com/2010/07/5-col-sha.jpg"><img class="alignnone size-full wp-image-6694" title="5 col sha" src="http://img.psdvault.com/2010/07/5-col-sha.jpg" alt="5 col sha Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/07/5-col-mid.jpg"><img class="alignnone size-full wp-image-6693" title="5 col mid" src="http://img.psdvault.com/2010/07/5-col-mid.jpg" alt="5 col mid Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/07/5-col-hig.jpg"><img class="alignnone size-full wp-image-6692" title="5 col hig" src="http://img.psdvault.com/2010/07/5-col-hig.jpg" alt="5 col hig Design a Zebra Skinned Crimson Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>Mask on Colour Balance layer: (for adding image depth)</p>
<p><a href="http://img.psdvault.com/2010/07/5-mask-col.jpg"><img class="alignnone size-medium wp-image-6696" title="5 mask col" src="http://img.psdvault.com/2010/07/5-mask-col-500x289.jpg" alt="5 mask col 500x289 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="289" /></a></p>
<p>and here is the final effect I have for this tutorial:</p>
<p><a href="http://img.psdvault.com/2010/07/zebra-text-flatten.jpg"><img class="alignnone size-medium wp-image-6662" title="zebra-text-flatten" src="http://img.psdvault.com/2010/07/zebra-text-flatten-500x249.jpg" alt="zebra text flatten 500x249 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="249" /></a></p>
<p>Alternative Version (with more red colour + a bit of Motion Blur in it)</p>
<p><a href="http://img.psdvault.com/2010/07/glow-text-flatten-3.jpg"><img class="alignnone size-medium wp-image-6704" title="glow-text-flatten-3" src="http://img.psdvault.com/2010/07/glow-text-flatten-3-500x249.jpg" alt="glow text flatten 3 500x249 Design a Zebra Skinned Crimson Text Effect in Photoshop" width="500" height="249" /></a></p>
<p>That&#8217;s for this tutorial! Hope you enjoy it and find it useful. If you have any question, just drop me a comment below. Have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-a-zebra-skinned-crimson-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/create-3d-typography-with-advanced-texturing-and-lighting-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/create-3d-typography-with-advanced-texturing-and-lighting-effect-in-photoshop/#comments</comments>
		<pubDate>Mon, 03 May 2010 02:41:24 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[3D]]></category>
		<category><![CDATA[bird]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[crack]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[leaves]]></category>
		<category><![CDATA[soil]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5906</guid>
		<description><![CDATA[In this tutorial, I will show you techniques involved to create this rather cool, 3D typography with abvanced Texturing and Lighting Effect in Photoshop. Some steps can be a little tricky and you do need a lot of patience to complete this tut, but why not have a try?]]></description>
			<content:encoded><![CDATA[<p>Our <a href="http://www.actualtests.com/vendors-training/Oracle.htm">oracle training</a> gives you a great overview of the new features and enhancements in photoshop. Learn the best designing skills using <a href="http://www.actualtests.com/certs/CCDA-training-certification.htm">ccda</a> dumps and <a href="http://www.actualtests.com/certs/Security-plus-training-certification.htm">comptia security+</a> study guide.</p>
<p>In this tutorial, I will show you techniques involved to create this rather cool, 3D typography with abvanced Texturing and Lighting Effect in Photoshop. Some steps can be a little tricky and you do need a lot of patience to complete this tut, but why not have a try?</p>
<p>The aim of this tut is to demonstrate how you can texture a 3D text (created in Illustrator) quickly and effectively, using the least amount of steps possible.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/05/soil-typo-flatten1.jpg"><img class="alignnone size-medium wp-image-5944" title="soil-typo-flatten" src="http://img.psdvault.com/2010/05/soil-typo-flatten1-500x226.jpg" alt="soil typo flatten1 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="226" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" 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://www.fontspace.com/roger-white/swansea" target="_blank">Font</a></p>
<p><a href="http://www.unsigneddesign.com/cracked4_edited.jpg" target="_blank">Ground Crack</a></p>
<p><a href="http://www.stockvault.net/Plants_trees_g11-Mountain_Trees_p10987.html" target="_blank">Mountain (Soil) Texture</a></p>
<p><a href="http://www.stockvault.net/Plants_trees_g11-Palm_Tree_p24522.html" target="_blank">Grass</a></p>
<p><a href="http://www.stockvault.net/Birds_g48-Swallows_p24220.html" target="_blank">Bird</a></p>
<h3>Step 1</h3>
<p>Create a document sized 1500px * 680px (you can choose a smaller size to fit your screen, but make sure you maintain the proportion), fill the background with #161616 colour.</p>
<p>Load the &#8220;Ground Crack&#8221; texture into Photoshop, Press Ctrl + A to select the entire image, copy and paste it onto out document. Name the new layer as &#8220;crack&#8221;, resize, rotate and distort this layer until you achieve the following effect:</p>
<p><a href="http://img.psdvault.com/2010/05/1-distort-crack.jpg"><img class="alignnone size-medium  wp-image-5911" title="1 distort crack" src="http://img.psdvault.com/2010/05/1-distort-crack-500x260.jpg" alt="1 distort crack 500x260 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="260" /></a></p>
<p>Erase the the edges of the crack texture so it transits into the background colour:</p>
<p><a href="http://img.psdvault.com/2010/05/1-erase.jpg"><img class="alignnone size-medium wp-image-5913" title="1 erase" src="http://img.psdvault.com/2010/05/1-erase-500x201.jpg" alt="1 erase 500x201 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="201" /></a></p>
<p>Duplicate this crack layer once and move the duplicated layer toward the lower right end of the canvas for more variety:</p>
<p><a href="http://img.psdvault.com/2010/05/1-dup-move.jpg"><img class="alignnone size-medium wp-image-5912" title="1 dup move" src="http://img.psdvault.com/2010/05/1-dup-move-500x171.jpg" alt="1 dup move 500x171 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="171" /></a></p>
<p>Please note that the erase part is totally optional, if you&#8217;re happy with just the distorted texture, you can just leave it as it is.</p>
<h3>Step 2</h3>
<p>Now we have a ground base we can work on, let&#8217;s get on with the text creation.</p>
<p>I used Illustrator to render this 3D effect (I won&#8217;t demonstrate the steps for rendering as it&#8217;s irrelevant to this tutorial) and you can download a copy by clicking the following image, then loaded into Photoshop:</p>
<p><a href="http://img.psdvault.com/2010/05/2-text-for-user.jpg" target="_blank"><img class="alignnone size-medium wp-image-5926" title="2-text-for-user" src="http://img.psdvault.com/2010/05/2-text-for-user-500x226.jpg" alt="2 text for user 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="226" /></a></p>
<p>On top of the text layer, add the following two adjustment layers (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option)</p>
<p>Levels</p>
<p><a href="http://img.psdvault.com/2010/05/2-levels.jpg"><img class="alignnone size-full wp-image-5924" title="2 levels" src="http://img.psdvault.com/2010/05/2-levels.jpg" alt="2 levels Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/05/2-curves.jpg"><img class="alignnone size-full wp-image-5916" title="2 curves" src="http://img.psdvault.com/2010/05/2-curves.jpg" alt="2 curves Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>Add a layer mask on the text layer, then use the erase tool with chalk bursh setting  (Assign 40% opacity and flow) , erase the portions as shown below to create a rough surface. Also use a soft round brush to erase the bottom part on the text:</p>
<p><a href="http://img.psdvault.com/2010/05/2-chalk.jpg"><img class="alignnone size-medium wp-image-5927" title="2 chalk" src="http://img.psdvault.com/2010/05/2-chalk-500x382.jpg" alt="2 chalk 500x382 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="382" /></a></p>
<p>Portions you need to erase:</p>
<p><a href="http://img.psdvault.com/2010/05/2-erase.jpg"><img class="alignnone size-medium wp-image-5921" title="2 erase" src="http://img.psdvault.com/2010/05/2-erase-500x190.jpg" alt="2 erase 500x190 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="190" /></a></p>
<p>Once you&#8217;re happy with the text, load the &#8220;Mountain (soil) texture&#8221; stock into Photoshop. Load the select of the text layer by Ctrl + left-clicking the thumbnail image on the layer pallette, drag the selection on the soil texture:</p>
<p><a href="http://img.psdvault.com/2010/05/2-drag-sel.jpg"><img class="alignnone size-medium wp-image-5917" title="2 drag sel" src="http://img.psdvault.com/2010/05/2-drag-sel-500x244.jpg" alt="2 drag sel 500x244 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="244" /></a></p>
<blockquote><p>Hint: to drag the selection, you must select the rectangular marquee tool first, then move you mouse over the selection, and click-hold to drag it.</p></blockquote>
<p>Maintain the selection around the text, copy and paste your chosen soil texture onto our canvas. Name this layer as &#8220;soil&#8221; and make it a clipping mask layer for the text layer:</p>
<p><a href="http://img.psdvault.com/2010/05/2-paste-soil.jpg"><img class="alignnone size-medium wp-image-5925" title="2 paste soil" src="http://img.psdvault.com/2010/05/2-paste-soil-500x218.jpg" alt="2 paste soil 500x218 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="218" /></a></p>
<p>Use a soft round brush to erase the portions texture as indicated below: (set the opacity and flow to around 20% &#8211; this way you can make sure you don&#8217;t erase too much of the texture, as well as creating depth for the image)</p>
<p><a href="http://img.psdvault.com/2010/05/2-erase-soil.jpg"><img class="alignnone size-medium wp-image-5920" title="2 erase soil" src="http://img.psdvault.com/2010/05/2-erase-soil-500x215.jpg" alt="2 erase soil 500x215 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="215" /></a></p>
<p>Add the following Levels adjustment layer on top of the soil layer (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option):</p>
<p><a href="http://img.psdvault.com/2010/05/2-level-2.jpg"><img class="alignnone size-full wp-image-5923" title="2 level 2" src="http://img.psdvault.com/2010/05/2-level-2.jpg" alt="2 level 2 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>Load the &#8220;Grass&#8221; image into the Photoshop, select a portion of the grass:</p>
<p><a href="http://img.psdvault.com/2010/05/select-grass.jpg"><img class="alignnone size-medium wp-image-5934" title="select grass" src="http://img.psdvault.com/2010/05/select-grass-500x298.jpg" alt="select grass 500x298 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="298" /></a></p>
<p>Copy and paste the selection onto our canvas and name it as &#8220;grass&#8221;, right click the layer and select &#8220;create clipping mask&#8221;, and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/05/2-grass-paste.jpg"><img class="alignnone size-medium wp-image-5922" title="2 grass paste" src="http://img.psdvault.com/2010/05/2-grass-paste-500x223.jpg" alt="2 grass paste 500x223 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="223" /></a></p>
<p>Add the following Curves adjustment layer on top of the grass layer (make  sure to tick the &#8220;use previous layer as clipping mask&#8221; option):</p>
<p><a href="http://img.psdvault.com/2010/05/2-curves-2.jpg"><img class="alignnone size-full wp-image-5915" title="2 curves 2" src="http://img.psdvault.com/2010/05/2-curves-2.jpg" alt="2 curves 2 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>Change the blending mode of the grass layer to &#8220;soft light&#8221; and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/05/2-effect.jpg"><img class="alignnone size-medium wp-image-5919" title="2 effect" src="http://img.psdvault.com/2010/05/2-effect-500x238.jpg" alt="2 effect 500x238 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="238" /></a></p>
<p>Optionally, you can add a layer mask and erase certain portion of the grass texture if you think they&#8217;re unnecessary.</p>
<h3>Step 3</h3>
<p>Duplicate the grass layer once and drag it to the top, release the clipping mask and delete the layer mask attached to it. Add a new layer mask and change the blending mode to &#8220;overlay&#8221;, then erase the following areas on this grass overlay layer:</p>
<p><a href="http://img.psdvault.com/2010/05/3-grass-overlay.jpg"><img class="alignnone size-medium  wp-image-5931" title="3 grass overlay" src="http://img.psdvault.com/2010/05/3-grass-overlay-500x168.jpg" alt="3 grass overlay 500x168 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="168" /></a></p>
<blockquote><p>Hint: Same as all previous texture erases, combine the use of the chalk brush and circle brush is important, also set the flow and opacity to a low level (20% for both).</p></blockquote>
<p>Add the following Levels adjustment layer on top of the grass overlay layer (make  sure to tick the &#8220;use previous layer as clipping mask&#8221; option):</p>
<p><a href="http://img.psdvault.com/2010/05/3-col-bal.jpg"><img class="alignnone size-full wp-image-5928" title="3 col bal" src="http://img.psdvault.com/2010/05/3-col-bal.jpg" alt="3 col bal Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/05/3-effect.jpg"><img class="alignnone size-medium wp-image-5930" title="3 effect" src="http://img.psdvault.com/2010/05/3-effect-500x223.jpg" alt="3 effect 500x223 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="223" /></a></p>
<p>Create a &#8220;Shadow&#8221; layer under the text layer, garb a soft round brush to paint under the texture, in the area shown as below:</p>
<p><a href="http://img.psdvault.com/2010/05/3-shadow-area.jpg"><img class="alignnone size-medium  wp-image-5933" title="3 shadow area" src="http://img.psdvault.com/2010/05/3-shadow-area-500x241.jpg" alt="3 shadow area 500x241 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="241" /></a></p>
<p>When you paint the shadows, make sure you pay attention to areas around the text:</p>
<p><a href="http://img.psdvault.com/2010/05/3-paint-shadow.jpg"><img class="alignnone size-medium wp-image-5932" title="3 paint shadow" src="http://img.psdvault.com/2010/05/3-paint-shadow-500x328.jpg" alt="3 paint shadow 500x328 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="328" /></a></p>
<p>Change the blending mode of this shadow layer to &#8220;soft light&#8221;, and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/05/3-effect-2.jpg"><img class="alignnone size-medium wp-image-5929" title="3 effect 2" src="http://img.psdvault.com/2010/05/3-effect-2-500x234.jpg" alt="3 effect 2 500x234 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="234" /></a></p>
<h3>Step 4</h3>
<p>Load the &#8220;Bird&#8221; stock image into Photoshop, cut out the bird and paste it onto canvas, position it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/05/4-bird.jpg"><img class="alignnone size-medium wp-image-5936" title="4 bird" src="http://img.psdvault.com/2010/05/4-bird-500x442.jpg" alt="4 bird 500x442 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="442" /></a></p>
<p>Create a new layer called &#8220;bird shadow&#8221; under the bird layer, use a small soft round brush with black colour (set opacity and flow to both around 30%), carefully paint a thin shadow under the bird:</p>
<p><a href="http://img.psdvault.com/2010/05/4-paint-sha.jpg"><img class="alignnone size-medium wp-image-5937" title="4 paint sha" src="http://img.psdvault.com/2010/05/4-paint-sha-500x418.jpg" alt="4 paint sha 500x418 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="418" /></a></p>
<p>Duplicate the bird and the bird shadow layer, flip them horizontally and position them the left side as shown below:</p>
<p><a href="http://img.psdvault.com/2010/05/4-bird-right.jpg"><img class="alignnone size-medium wp-image-5935" title="4 bird right" src="http://img.psdvault.com/2010/05/4-bird-right-500x276.jpg" alt="4 bird right 500x276 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="276" /></a></p>
<h3>Step 5</h3>
<p>Now we&#8217;re pretty much done the main aspects of the tutorial. And we can add some background touches for some more depths. Some mist/cloud here would add some extra effect here.</p>
<p>I won&#8217;t brag you again with the cloud rendering and warping (you can check out <a href="http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/" target="_blank">this post</a> if you haven&#8217;t used it before). What I would like to address is that when render the clouds, put each of them onto seperate layers, and change their blending mode into either &#8220;overlay&#8221;, &#8220;soft light&#8221; or &#8220;screen&#8221;:</p>
<p>Here is a screenshot of what I did to the cloud layers &#8211; it shows the cloud position and blending mode: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/05/5-cloud-posi.jpg"><img class="alignnone size-medium wp-image-5940" title="5 cloud posi" src="http://img.psdvault.com/2010/05/5-cloud-posi-500x220.jpg" alt="5 cloud posi 500x220 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="220" /></a></p>
<p>You will notice by change their blending mode (and layer opacity), you can add lighting depth and extra effect to the text and ground texture,</p>
<p>Also you can use a soft eraser to erase the portion of cloud where it links to the ground texture for more depth:</p>
<p><a href="http://img.psdvault.com/2010/05/5-erase.jpg"><img class="alignnone size-medium wp-image-5939" title="5 erase" src="http://img.psdvault.com/2010/05/5-erase-500x287.jpg" alt="5 erase 500x287 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="287" /></a></p>
<h3>Step 6</h3>
<p>Now we&#8217;re petty done for this tutorial! For some final adjustments, I add the following 2 adjustment layers:</p>
<p>Vibrance</p>
<p><a href="http://img.psdvault.com/2010/05/6-vib.jpg"><img class="alignnone size-full wp-image-5943" title="6 vib" src="http://img.psdvault.com/2010/05/6-vib.jpg" alt="6 vib Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/05/6-curves.jpg"><img class="alignnone size-full wp-image-5942" title="6 curves" src="http://img.psdvault.com/2010/05/6-curves.jpg" alt="6 curves Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="210" height="336" /></a></p>
<p>and here is the effect:</p>
<p><a href="http://img.psdvault.com/2010/05/6-curves-effect.jpg"><img class="alignnone size-medium  wp-image-5941" title="6 curves effect" src="http://img.psdvault.com/2010/05/6-curves-effect-500x227.jpg" alt="6 curves effect 500x227 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="227" /></a></p>
<p>Optionally, you can add some colours and glowing effect to touch up the overall design. You can achieve this by adding a new colour balance adjustment layer, and use the Gaussian blur filter. I won&#8217;t show you the exact settings here and I will leave this to you to explore and experiment :)</p>
<p>Here is the version where the colours and glowing effect is applied: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/05/soil-typo-flatten1.jpg"><img class="alignnone size-medium wp-image-5944" title="soil-typo-flatten" src="http://img.psdvault.com/2010/05/soil-typo-flatten1-500x226.jpg" alt="soil typo flatten1 500x226 Create 3D Typography with Advanced Texturing and Lighting Effect in Photoshop" width="500" height="226" /></a></p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and learn something new! Have a great day :)</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/create-3d-typography-with-advanced-texturing-and-lighting-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>21</slash:comments>
		</item>
		<item>
		<title>Design a Surreal &#8220;Departing&#8221; Jump Scene with Cloud Warping in Photoshop</title>
		<link>http://www.psdvault.com/photo-effect/design-a-surreal-departing-jump-scene-with-cloud-warping-in-photoshop/</link>
		<comments>http://www.psdvault.com/photo-effect/design-a-surreal-departing-jump-scene-with-cloud-warping-in-photoshop/#comments</comments>
		<pubDate>Tue, 20 Apr 2010 06:45:17 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[jump]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[scene]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5761</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this surreal &#8220;Departing&#8221; Jump Scene with Cloud Warping in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try! Along the way, you will learn how to bring out extra details from your photo [...]]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this surreal &#8220;Departing&#8221; Jump Scene with Cloud Warping in Photoshop. This is an intermediate tutorial so some steps can be tricky, but why not have a try!</p>
<p>Along the way, you will learn how to bring out extra details from your photo via a few simple tweaks, plus how to warp the cloud generated by Photoshop filter so to best suit your image.</p>
<p>Here is a preview of the final result I have for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/04/man-jump-flatten.jpg"><img class="alignnone size-medium wp-image-5762" title="man-jump-flatten" src="http://img.psdvault.com/2010/04/man-jump-flatten-500x700.jpg" alt="man jump flatten 500x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" 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 $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="250" height="250" /></a></p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://danger99stock.deviantart.com/art/jump13-158750550" target="_blank">Jumping Man</a></p>
<p><a href="http://night-fate-stock.deviantart.com/art/rocky-mountain-158785921" target="_blank">Mountain</a></p>
<p><a href="http://skybase.deviantart.com/art/Clouds-Below-10-137087691" target="_blank">Sky</a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1000px * 1400px, fill the background layer with black colour. Create a new layer on top of the background layer callled &#8220;background light&#8221;. On this layer, grab the Gradient Fill Tool and fill it with the following colour and direction:</p>
<p><a href="http://img.psdvault.com/2010/04/1-grad-fill.jpg"><img class="alignnone size-medium wp-image-5764" title="1 grad fill" src="http://img.psdvault.com/2010/04/1-grad-fill-499x699.jpg" alt="1 grad fill 499x699 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="699" /></a></p>
<p>Load the Jumping Man stock into Photoshop, cut out the man using whatever selection method you prefer, and paste it on to our doucment (Resize and position it to the centre of the canvas), name this layer as &#8220;Model&#8221;:</p>
<p><a href="http://img.psdvault.com/2010/04/1-paste1.jpg"><img class="alignnone size-medium wp-image-5765" title="1 paste" src="http://img.psdvault.com/2010/04/1-paste1-499x700.jpg" alt="1 paste1 499x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="700" /></a></p>
<p>Use the Erase Tool with 80% hardness (adjust the brush size accordingly) to get rid of any rough edge around the body:</p>
<p><a href="http://img.psdvault.com/2010/04/1-erase1.jpg"><img class="alignnone size-medium wp-image-5766" title="1 erase1" src="http://img.psdvault.com/2010/04/1-erase1-500x417.jpg" alt="1 erase1 500x417 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="417" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/1-erase-2.jpg"><img class="alignnone size-medium wp-image-5767" title="1 erase 2" src="http://img.psdvault.com/2010/04/1-erase-2-499x463.jpg" alt="1 erase 2 499x463 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="463" /></a></p>
<p>On this model layer, apply the following Reduce Noise filter settings:</p>
<p><a href="http://img.psdvault.com/2010/04/1-reduce-no.jpg"><img class="alignnone size-full wp-image-5768" title="1 reduce no" src="http://img.psdvault.com/2010/04/1-reduce-no.jpg" alt="1 reduce no Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="303" height="557" /></a></p>
<p>As you can see by applying this reduce noise filter, we can bring out some extra details for this model layer:</p>
<p><a href="http://img.psdvault.com/2010/04/1-effect2.jpg"><img class="alignnone size-medium wp-image-5769" title="1 effect" src="http://img.psdvault.com/2010/04/1-effect2-500x438.jpg" alt="1 effect2 500x438 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="438" /></a></p>
<p>Add the following adjustment layers on the model layer (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>Black and White</p>
<p><a href="http://img.psdvault.com/2010/04/1-bw1.jpg"><img class="alignnone size-full wp-image-5770" title="1 bw" src="http://img.psdvault.com/2010/04/1-bw1.jpg" alt="1 bw1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/04/1-curves.jpg"><img class="alignnone size-full wp-image-5772" title="1 curves" src="http://img.psdvault.com/2010/04/1-curves.jpg" alt="1 curves Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Levels</p>
<p><a href="http://img.psdvault.com/2010/04/1-levels.jpg"><img class="alignnone size-full wp-image-5771" title="1 levels" src="http://img.psdvault.com/2010/04/1-levels.jpg" alt="1 levels Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/1-effect-2.jpg"><img class="alignnone size-medium wp-image-5773" title="1 effect 2" src="http://img.psdvault.com/2010/04/1-effect-2-500x436.jpg" alt="1 effect 2 500x436 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="436" /></a></p>
<h3>Step 2</h3>
<p>Create a new layer named &#8220;highlights&#8221; under the model layer but above  the backgroud light layer, use a soft round brush with white colour, do  a few single clicks in the position as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/2-lights.jpg"><img class="alignnone size-medium wp-image-5780" title="2 lights" src="http://img.psdvault.com/2010/04/2-lights-500x463.jpg" alt="2 lights 500x463 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="463" /></a></p>
<p>Ideally you should  seperate those three light dots in 3 seperate layers &#8211; the reason is  that you can alter the size, opacity and the position of the light dots  more freely. For instance, if you place the bottom light dot in a  seperate light, you can resize it to fit the legs:</p>
<p><a href="http://img.psdvault.com/2010/04/2-light-resize.jpg"><img class="alignnone size-medium  wp-image-5781" title="2 light resize" src="http://img.psdvault.com/2010/04/2-light-resize-499x449.jpg" alt="2 light resize 499x449 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="449" /></a></p>
<p>Create a new layer called &#8220;cloud overlay&#8221; on top of the model layer, grab a Lasso Tool with a 50px feather, draw a selection around the model and render some cloud in it:</p>
<p><a href="http://img.psdvault.com/2010/04/2-cloud.jpg"><img class="alignnone size-medium wp-image-5776" title="2 cloud" src="http://img.psdvault.com/2010/04/2-cloud-500x419.jpg" alt="2 cloud 500x419 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="419" /></a></p>
<p>Use the Warp Tool to warp the cloud as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/2-warp-cloud.jpg"><img class="alignnone size-medium wp-image-5777" title="2 warp cloud" src="http://img.psdvault.com/2010/04/2-warp-cloud-500x542.jpg" alt="2 warp cloud 500x542 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="542" /></a></p>
<p>Change the blending mode of this cloud overlay layer to &#8220;Screen&#8221; and reduce the opacity to 30%, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/2-change-cloud-blending.jpg"><img class="alignnone size-medium  wp-image-5778" title="2 change cloud blending" src="http://img.psdvault.com/2010/04/2-change-cloud-blending-500x490.jpg" alt="2 change cloud blending 500x490 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="490" /></a></p>
<p>Erase the upper portion of the cloud with a big soft brushset eraser:</p>
<p><a href="http://img.psdvault.com/2010/04/2-erase1.jpg"><img class="alignnone size-medium wp-image-5779" title="2 erase" src="http://img.psdvault.com/2010/04/2-erase1-500x467.jpg" alt="2 erase1 500x467 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="467" /></a></p>
<h3>Step 3</h3>
<p>Create a new layer called &#8220;cloud color dodge&#8221; on top of all previous layers and use the lasso tool with 50% feather to draw a big selection first (anywhere on the canvas) and render some cloud inside it, then resize it to a much smaller piece and position it above of the right shoe of the man.</p>
<p>Use the Warp Tool to warp and extend the cloud as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/3-warp-cloud.jpg"><img class="alignnone size-full wp-image-5788" title="3 warp cloud" src="http://img.psdvault.com/2010/04/3-warp-cloud.jpg" alt="3 warp cloud Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="479" height="629" /></a></p>
<p>Change the blending mode of the this layer to &#8220;Color Dodge&#8221;, and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/3-change-color-doge.jpg"><img class="alignnone size-medium  wp-image-5782" title="3 change color doge" src="http://img.psdvault.com/2010/04/3-change-color-doge-500x346.jpg" alt="3 change color doge 500x346 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="346" /></a></p>
<p>Duplicate the original &#8220;cloud overlay&#8221; layer twice and drag them to the left and right side of the canvas, change the blending mode of those two layer to &#8220;soft light&#8221;, with 70% opacity:</p>
<p><a href="http://img.psdvault.com/2010/04/3-move-cloud-under.jpg"><img class="alignnone size-medium  wp-image-5787" title="3 move cloud under" src="http://img.psdvault.com/2010/04/3-move-cloud-under-493x700.jpg" alt="3 move cloud under 493x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="493" height="700" /></a></p>
<p>Duplicate the &#8220;cloud color dodge&#8221; layer a few times and scatter them around the model and adjust the opacity of each layer accordingly. You can also experiment different blending mode such as &#8220;overlay&#8221;, &#8220;hard light&#8221; and &#8220;screen&#8221; and what result that gives you:</p>
<p><a href="http://img.psdvault.com/2010/04/3-drag-cloud.jpg"><img class="alignnone size-medium wp-image-5784" title="3 drag cloud" src="http://img.psdvault.com/2010/04/3-drag-cloud-500x484.jpg" alt="3 drag cloud 500x484 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="484" /></a></p>
<p>I also duplicated the original &#8220;cloud overlay&#8221; layer once again. and drag it below the model, change the blending mode of the duplicated layer to &#8220;soft light&#8221; and a 80% opacity:</p>
<p><a href="http://img.psdvault.com/2010/04/3-cloud-under-soft-light.jpg"><img class="alignnone size-medium  wp-image-5783" title="3 cloud under soft light" src="http://img.psdvault.com/2010/04/3-cloud-under-soft-light-500x523.jpg" alt="3 cloud under soft light 500x523 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="523" /></a></p>
<p>I created another layer on top of all previous layer, and use a white white brush to paint some extra lights under the model, then resize it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/3-light-bottom1.jpg"><img class="alignnone size-medium  wp-image-5786" title="3 light bottom" src="http://img.psdvault.com/2010/04/3-light-bottom1-500x683.jpg" alt="3 light bottom1 500x683 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="683" /></a></p>
<p>This helps me set the overall mood for the image and making easier for me to apply textures later on.</p>
<h3>Step 4</h3>
<p>Load the mountain texture into Photoshop, cut out the mountain portion and paste it onto our canvas. Name this layer as &#8220;Mountain&#8221; and put the layer below the &#8220;Model&#8221; layer:</p>
<p><a href="http://img.psdvault.com/2010/04/4-mountain.jpg"><img class="alignnone size-medium wp-image-5795" title="4 mountain" src="http://img.psdvault.com/2010/04/4-mountain-500x525.jpg" alt="4 mountain 500x525 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="525" /></a></p>
<p>Use the eraser tool with a soft brush setting to erase the edge of the mountain so it blends into the canvas naturally:</p>
<p><a href="http://img.psdvault.com/2010/04/4-erase.jpg"><img class="alignnone size-medium wp-image-5793" title="4 erase" src="http://img.psdvault.com/2010/04/4-erase-499x363.jpg" alt="4 erase 499x363 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="363" /></a></p>
<p>Add the following adjustment layers on the model layer (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>black and white</p>
<p><a href="http://img.psdvault.com/2010/04/4-bw1.jpg"><img class="alignnone size-full wp-image-5789" title="4 bw" src="http://img.psdvault.com/2010/04/4-bw1.jpg" alt="4 bw1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/04/4-curves1.jpg"><img class="alignnone size-full wp-image-5791" title="4 curves" src="http://img.psdvault.com/2010/04/4-curves1.jpg" alt="4 curves1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Levels</p>
<p><a href="http://img.psdvault.com/2010/04/4-levels1.jpg"><img class="alignnone size-full wp-image-5794" title="4 levels" src="http://img.psdvault.com/2010/04/4-levels1.jpg" alt="4 levels1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Colour Balance (change blending mode to &#8220;Soft light&#8221;, opacity 70%)</p>
<p><a href="http://img.psdvault.com/2010/04/4-col-bal.jpg"><img class="alignnone size-full wp-image-5790" title="4 col bal" src="http://img.psdvault.com/2010/04/4-col-bal.jpg" alt="4 col bal Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://img.psdvault.com/2010/04/4-effect1.jpg"><img class="alignnone size-medium wp-image-5792" title="4 effect" src="http://img.psdvault.com/2010/04/4-effect1-495x700.jpg" alt="4 effect1 495x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="495" height="700" /></a></p>
<h3>Step 5</h3>
<p>Load the sky texture into Photoshop, select a portion of the cloud and copy and paste it onto our canvas. Name this layer as &#8220;cloud&#8221; and put it above all previous layers: (resize the layer if necessary)</p>
<p><a href="http://img.psdvault.com/2010/04/5-cloud-paste.jpg"><img class="alignnone size-medium wp-image-5797" title="5 cloud paste" src="http://img.psdvault.com/2010/04/5-cloud-paste-500x486.jpg" alt="5 cloud paste 500x486 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="486" /></a></p>
<p>Add the following adjustment layers on the model layer (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>Black and White</p>
<p><a href="http://img.psdvault.com/2010/04/5-bw1.jpg"><img class="alignnone size-full wp-image-5796" title="5 bw" src="http://img.psdvault.com/2010/04/5-bw1.jpg" alt="5 bw1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/04/5-curves1.jpg"><img class="alignnone size-full wp-image-5798" title="5 curves" src="http://img.psdvault.com/2010/04/5-curves1.jpg" alt="5 curves1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://img.psdvault.com/2010/04/5-effect1.jpg"><img class="alignnone size-medium wp-image-5799" title="5 effect" src="http://img.psdvault.com/2010/04/5-effect1-500x699.jpg" alt="5 effect1 500x699 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="699" /></a></p>
<h3>Step 6</h3>
<p>I decided to give the image some natural elements. So I used one of my own flower photo (you don&#8217;t have the use the same one as this is for tutorial purpose only. However you really like this stock, you can get one from the <a href="http://www.psdvault.com/vip/membersarea/" target="_blank">VIP Members Area</a>)</p>
<p>Regardless what stock photo you use, cut out of the flower portion and paste it onto our document. Name this layer as &#8220;flower&#8221; and make sure you put this layer below the &#8220;model&#8221; layer, resize if necessary:</p>
<p><a href="http://img.psdvault.com/2010/04/6-flower-paste.jpg"><img class="alignnone size-medium  wp-image-5803" title="6 flower paste" src="http://img.psdvault.com/2010/04/6-flower-paste-497x700.jpg" alt="6 flower paste 497x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="497" height="700" /></a></p>
<p>Add the following adjustment layers on the model layer (make sure to tick the &#8220;use previous layer as clipping mask&#8221; option:</p>
<p>Vibrance</p>
<p><a href="http://img.psdvault.com/2010/04/6-vibrance.jpg"><img class="alignnone size-full wp-image-5804" title="6 vibrance" src="http://img.psdvault.com/2010/04/6-vibrance.jpg" alt="6 vibrance Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/04/6-curves1.jpg"><img class="alignnone size-full wp-image-5801" title="6 curves" src="http://img.psdvault.com/2010/04/6-curves1.jpg" alt="6 curves1 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Put the flower layer along with its adjustment layer into a folder, duplicate the folder twice and position them in the location as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/6-flower-copy.jpg"><img class="alignnone size-medium  wp-image-5802" title="6 flower copy" src="http://img.psdvault.com/2010/04/6-flower-copy-500x692.jpg" alt="6 flower copy 500x692 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="692" /></a></p>
<h3>Step 7</h3>
<p>Now let&#8217;s get into a bit fine-tuning of the image. Firstly, we can take the overall image and see what we could do to improve it:</p>
<ul>
<li>adding some abstract patterns would spice things up</li>
<li>the top of mountain needs some lights so it blends more seamlessly with the jumping man, plus adding depth to the image</li>
<li>lack of colour, probably good idea to add some adjustment layers</li>
</ul>
<p>For the first point, we can add a new &#8220;mountain lighting&#8221; layer on top of all previous layer, grab a soft round white brush and do a single click on the mountain tip as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/7-paint.jpg"><img class="alignnone size-medium wp-image-5812" title="7 paint" src="http://img.psdvault.com/2010/04/7-paint-499x406.jpg" alt="7 paint 499x406 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="406" /></a> <a href="http://img.psdvault.com/2010/04/7-paint-warp.jpg"></a></p>
<p>Warp this layer so the light follow the shape of the mountain:</p>
<p><a href="http://img.psdvault.com/2010/04/7-paint-warp.jpg"><img class="alignnone size-medium wp-image-5811" title="7 paint warp" src="http://img.psdvault.com/2010/04/7-paint-warp-500x258.jpg" alt="7 paint warp 500x258 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="258" /></a></p>
<p>Change the blending mode to &#8220;overlay&#8221;, and duplicate this layer a few times to increase its contrast:</p>
<p><a href="http://img.psdvault.com/2010/04/7-mountain-top-light-effect.jpg"><img class="alignnone size-medium wp-image-5809" title="7 mountain top light effect" src="http://img.psdvault.com/2010/04/7-mountain-top-light-effect-500x445.jpg" alt="7 mountain top light effect 500x445 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="445" /></a></p>
<p>For the second point, we can easily create a new layer just above the background light layer named &#8220;abstract pattern&#8221;, download some abstract brushsets from sites such as qbrushes.net or brushesszy, and paint away!</p>
<p>I won&#8217;t tell you which brushsets I used here because I&#8217;d like you to use your own creativity, and not limited by this tutorial.</p>
<p><a href="http://img.psdvault.com/2010/04/7-paint-abstract-parttern.jpg"><img class="alignnone size-medium  wp-image-5810" title="7 paint abstract parttern" src="http://img.psdvault.com/2010/04/7-paint-abstract-parttern-500x697.jpg" alt="7 paint abstract parttern 500x697 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="697" /></a></p>
<p>For the third point, we can add the following adjustment layers on the model layer:</p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/04/7-curves.jpg"><img class="alignnone size-full wp-image-5807" title="7 curves" src="http://img.psdvault.com/2010/04/7-curves.jpg" alt="7 curves Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>Colour Balance</p>
<p><a href="http://img.psdvault.com/2010/04/7-col-bal-mid.jpg"><img class="alignnone size-full wp-image-5806" title="7 col bal mid" src="http://img.psdvault.com/2010/04/7-col-bal-mid.jpg" alt="7 col bal mid Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/7-col-bal-hig.jpg"><img class="alignnone size-full wp-image-5805" title="7 col bal hig" src="http://img.psdvault.com/2010/04/7-col-bal-hig.jpg" alt="7 col bal hig Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect so far:</p>
<p><a href="http://img.psdvault.com/2010/04/7-effect1.jpg"><img class="alignnone size-medium wp-image-5808" title="7 effect" src="http://img.psdvault.com/2010/04/7-effect1-499x700.jpg" alt="7 effect1 499x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="499" height="700" /></a></p>
<p>Ok that&#8217;s pretty much it! I further adjust the colour balance a bit and added some motion blur effect to it. Here is the final result: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/04/man-jump-flatten.jpg"><img class="alignnone size-medium wp-image-5762" title="man-jump-flatten" src="http://img.psdvault.com/2010/04/man-jump-flatten-500x700.jpg" alt="man jump flatten 500x700 Design a Surreal Departing Jump Scene with Cloud Warping in Photoshop" width="500" height="700" /></a></p>
<p>Of course you can add more texture to it and enhance its details further, totally up to you :)</p>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and learn something new!</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/photo-effect/design-a-surreal-departing-jump-scene-with-cloud-warping-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Giveaway Contest: High-Res Cloud Texture Pack – Winners Announced!</title>
		<link>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-%e2%80%93-winners-announced/</link>
		<comments>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-%e2%80%93-winners-announced/#comments</comments>
		<pubDate>Thu, 15 Apr 2010 12:17:42 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[freebie]]></category>
		<category><![CDATA[giveaway]]></category>
		<category><![CDATA[pack]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[winner]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5697</guid>
		<description><![CDATA[Two weeks ago I published a post &#8211; Giveaway Contest: High-Res Cloud Texture Pack – Comment to Win! and this contest has now ended. I&#8217;m here to annouce the winners &#8211; they are: Pamela Juan Esteban Presa Abudulaziz Lamlum Sun Pietro To ensure the fairness of this contest, a random name generate is used to [...]]]></description>
			<content:encoded><![CDATA[<p>Two weeks ago I published a post &#8211; <a href="http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-comment-to-win/" target="_blank">Giveaway Contest: High-Res Cloud Texture Pack – Comment to Win!</a> and this contest has now ended.</p>
<p>I&#8217;m here to annouce the winners &#8211; they are:</p>
<h4>Pamela</h4>
<h4>Juan</h4>
<h4>Esteban Presa</h4>
<h4>Abudulaziz Lamlum</h4>
<h4>Sun Pietro</h4>
<p>To ensure the fairness of this contest, a random name generate is used to select names from all commentators. Belows are the screenshots of winner results:</p>
<p><a href="http://img.psdvault.com/2010/04/pemala.jpg"><img class="alignnone size-medium wp-image-5703" title="pemala" src="http://img.psdvault.com/2010/04/pemala-500x355.jpg" alt="pemala 500x355 Giveaway Contest: High Res Cloud Texture Pack – Winners Announced!" width="500" height="355" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/juan.jpg"><img class="alignnone size-medium wp-image-5702" title="juan" src="http://img.psdvault.com/2010/04/juan-500x357.jpg" alt="juan 500x357 Giveaway Contest: High Res Cloud Texture Pack – Winners Announced!" width="500" height="357" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/esteban-presa.jpg"><img class="alignnone size-medium wp-image-5701" title="esteban presa" src="http://img.psdvault.com/2010/04/esteban-presa-500x361.jpg" alt="esteban presa 500x361 Giveaway Contest: High Res Cloud Texture Pack – Winners Announced!" width="500" height="361" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/abdulaziz-lamlum.jpg"><img class="alignnone size-medium  wp-image-5700" title="abdulaziz lamlum" src="http://img.psdvault.com/2010/04/abdulaziz-lamlum-500x359.jpg" alt="abdulaziz lamlum 500x359 Giveaway Contest: High Res Cloud Texture Pack – Winners Announced!" width="500" height="359" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/sun-pietro.jpg"><img class="alignnone size-medium wp-image-5704" title="sun pietro" src="http://img.psdvault.com/2010/04/sun-pietro-500x362.jpg" alt="sun pietro 500x362 Giveaway Contest: High Res Cloud Texture Pack – Winners Announced!" width="500" height="362" /></a></p>
<p>You can find this random name generator at: <a href="http://classtools.net/main_area/template_loader.php" target="_blank">http://classtools.net/main_area/template_loader.php</a></p>
<p>Congrats to all the winners! You will receive an email from the contributor Brian Iannone shortly! For those who didn&#8217;t win, there is always a next time. Make sure you come back to PSD Vault often to check more awesome giveaway like this one~^^<a href="http://store.brianiannone.com/" target="_blank"></a></p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-%e2%80%93-winners-announced/feed/</wfw:commentRss>
		<slash:comments>6</slash:comments>
		</item>
		<item>
		<title>Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/text-effects/design-an-abstract-colourful-artistic-feeling-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/text-effects/design-an-abstract-colourful-artistic-feeling-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sun, 11 Apr 2010 07:07:19 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[artistic]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[color]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5657</guid>
		<description><![CDATA[In this tutorial, I will show the processes I took to create this Abstract Colourful, Artistic Feeling Text Effect in Photoshop. The steps are really simple but I think the end result looks good :)  Have a try!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show the processes I took to create this Abstract Colourful, Artistic Feeling Text Effect in Photoshop. The steps are really simple but I think the end result looks good :)  Have a try!</p>
<p>Here is a preview of the final image effect for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/04/abstract-text-flatten2.jpg"><img class="alignnone size-medium wp-image-5693" title="abstract-text-flatten" src="http://img.psdvault.com/2010/04/abstract-text-flatten2-500x333.jpg" alt="abstract text flatten2 500x333 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="333" /></a><br />
<script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" 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://www.dafont.com/soulmission.font" target="_blank">Font</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1200px * 800px, fill the background layer with black, use the font we downloaded and type some texts on the canvas:</p>
<p><a href="http://img.psdvault.com/2010/04/1-type.jpg"><img class="alignnone size-medium wp-image-5659" title="1 type" src="http://img.psdvault.com/2010/04/1-type-500x325.jpg" alt="1 type 500x325 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="325" /></a></p>
<p>On the text layer, apply the follow layer blending options:</p>
<p>Drop Shadow</p>
<p><a href="http://img.psdvault.com/2010/04/1-drop-sha.jpg"><img class="alignnone size-medium wp-image-5660" title="1 drop sha" src="http://img.psdvault.com/2010/04/1-drop-sha-500x350.jpg" alt="1 drop sha 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Inner Shadow</p>
<p><a href="http://img.psdvault.com/2010/04/1-inner-sha.jpg"><img class="alignnone size-medium wp-image-5661" title="1 inner sha" src="http://img.psdvault.com/2010/04/1-inner-sha-500x350.jpg" alt="1 inner sha 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Bevel and Emboss</p>
<p><a href="http://img.psdvault.com/2010/04/1-bevel.jpg"><img class="alignnone size-medium wp-image-5662" title="1 bevel" src="http://img.psdvault.com/2010/04/1-bevel-500x350.jpg" alt="1 bevel 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://img.psdvault.com/2010/04/1-grad.jpg"><img class="alignnone size-medium wp-image-5663" title="1 grad" src="http://img.psdvault.com/2010/04/1-grad-500x350.jpg" alt="1 grad 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://img.psdvault.com/2010/04/1-stroke.jpg"><img class="alignnone size-medium wp-image-5664" title="1 stroke" src="http://img.psdvault.com/2010/04/1-stroke-500x350.jpg" alt="1 stroke 500x350 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="350" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/1-effect1.jpg"><img class="alignnone size-medium wp-image-5665" title="1 effect" src="http://img.psdvault.com/2010/04/1-effect1-500x106.jpg" alt="1 effect1 500x106 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="106" /></a></p>
<h3>Step 2</h3>
<p>Now we&#8217;re into the interesting part of this tutorial. Create a new layer on top of the text layer and name it as &#8220;lines outside&#8221;, grab a 1px solid brush as shown below:</p>
<p><a href="http://img.psdvault.com/2010/04/2-brush-tip.jpg"><img class="alignnone size-medium wp-image-5666" title="2 brush tip" src="http://img.psdvault.com/2010/04/2-brush-tip-500x289.jpg" alt="2 brush tip 500x289 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="289" /></a></p>
<p>Use this brush to paint on the edge of every letter on the canvas:</p>
<p><a href="http://img.psdvault.com/2010/04/2-brush.jpg"><img class="alignnone size-medium wp-image-5667" title="2 brush" src="http://img.psdvault.com/2010/04/2-brush-500x376.jpg" alt="2 brush 500x376 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="376" /></a></p>
<p>Make sure you paint around the edges:</p>
<p><a href="http://img.psdvault.com/2010/04/2-brush-letter.jpg"><img class="alignnone size-medium wp-image-5668" title="2 brush letter" src="http://img.psdvault.com/2010/04/2-brush-letter-500x225.jpg" alt="2 brush letter 500x225 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="225" /></a></p>
<p>and this is the overall effect:</p>
<p><a href="http://img.psdvault.com/2010/04/2-effect.jpg"><img class="alignnone size-medium wp-image-5669" title="2 effect" src="http://img.psdvault.com/2010/04/2-effect-500x121.jpg" alt="2 effect 500x121 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="121" /></a></p>
<h3>Step 3</h3>
<p>Now we can add a bit lighting variations to the text. One quick way to do this is to load the selection of the &#8220;lines&#8221; layer with created in previous step, apply the following Refine Edge options:</p>
<p><a href="http://img.psdvault.com/2010/04/3-refine-edge.jpg"><img class="alignnone size-full wp-image-5670" title="3 refine edge" src="http://img.psdvault.com/2010/04/3-refine-edge.jpg" alt="3 refine edge Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="328" height="465" /></a></p>
<p>Maintain the selection, create a new layer called &#8220;refined edge&#8221; on top of the &#8220;lines&#8221; layer, fill the selection with Black color on this new layer:</p>
<p><a href="http://img.psdvault.com/2010/04/3-fill.jpg"><img class="alignnone size-medium wp-image-5671" title="3 fill" src="http://img.psdvault.com/2010/04/3-fill-500x164.jpg" alt="3 fill 500x164 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="164" /></a></p>
<p>As you can, we added some dark color to the text. However because of the refined edge option used, the dark colour is not covering the whole text.</p>
<blockquote><p>Optionally, you can change the blending mode of this refined edge layer to be &#8220;Color Burn&#8221; &#8211; this will reveal the edge lines better than the &#8220;Normal&#8221; blending mode.</p></blockquote>
<p>We can also add some blurring effect to the text. To do this, duplicte the &#8220;lines&#8221; layer once and name the duplicated layer as &#8220;motion blur&#8221;, put this layer above the original text layer.</p>
<p>Apply the following Motion Blur filter settings to it:</p>
<p><a href="http://img.psdvault.com/2010/04/3-mo-blur.jpg"><img class="alignnone size-full wp-image-5672" title="3 mo blur" src="http://img.psdvault.com/2010/04/3-mo-blur.jpg" alt="3 mo blur Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="316" height="352" /></a></p>
<p>Resize the motion blur layer to roughly the same size of the text layer, and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/3-effect-3.jpg"><img class="alignnone size-medium wp-image-5673" title="3 effect 3" src="http://img.psdvault.com/2010/04/3-effect-3-500x165.jpg" alt="3 effect 3 500x165 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="165" /></a></p>
<h3>Step 4</h3>
<p>Create a new layer on top of all previous layers called &#8220;cloud overlay&#8221;, and on this new layer,  use the Lasso Tool with a 40px feather to draw a selection around the text:</p>
<p><a href="http://img.psdvault.com/2010/04/4-selection.jpg"><img class="alignnone size-medium wp-image-5674" title="4 selection" src="http://img.psdvault.com/2010/04/4-selection-500x137.jpg" alt="4 selection 500x137 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="137" /></a></p>
<p>Render some cloud inside the selection (with white foreground colour and black background colour):</p>
<p><a href="http://img.psdvault.com/2010/04/4-render-cloud.jpg"><img class="alignnone size-medium wp-image-5675" title="4 render cloud" src="http://img.psdvault.com/2010/04/4-render-cloud-500x146.jpg" alt="4 render cloud 500x146 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="146" /></a></p>
<p>change the blending mode of this cloud layer to &#8220;Hard Light&#8221;, and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/4-effect.jpg"><img class="alignnone size-medium wp-image-5676" title="4 effect" src="http://img.psdvault.com/2010/04/4-effect-500x120.jpg" alt="4 effect 500x120 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="120" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s add some colours to the text. Create a new layer called &#8220;Colours&#8221;, load the selection of the text layer, and grab a soft brush with colours of your choice, paint some colours inside the selection:</p>
<p><a href="http://img.psdvault.com/2010/04/5-paint.jpg"><img class="alignnone size-medium wp-image-5683" title="5 paint" src="http://img.psdvault.com/2010/04/5-paint-500x111.jpg" alt="5 paint 500x111 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="111" /></a></p>
<p>Duplicate this colours layer twice, change the layer blending mode according to the below:</p>
<p><a href="http://img.psdvault.com/2010/04/5-color.jpg"><img class="alignnone size-full wp-image-5679" title="5 color" src="http://img.psdvault.com/2010/04/5-color.jpg" alt="5 color Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="444" height="186" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/5-effect.jpg"><img class="alignnone size-medium wp-image-5681" title="5 effect" src="http://img.psdvault.com/2010/04/5-effect-500x112.jpg" alt="5 effect 500x112 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="112" /></a></p>
<p>Add the following two adjustment layers on top of the colours layer:</p>
<p>Color Balance</p>
<p><a href="http://img.psdvault.com/2010/04/5-col-bal-mid.jpg"><img class="alignnone size-full wp-image-5678" title="5 col bal mid" src="http://img.psdvault.com/2010/04/5-col-bal-mid.jpg" alt="5 col bal mid Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/5-col-bal-hig.jpg"><img class="alignnone size-full wp-image-5677" title="5 col bal hig" src="http://img.psdvault.com/2010/04/5-col-bal-hig.jpg" alt="5 col bal hig Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>Vibrance</p>
<p><a href="http://img.psdvault.com/2010/04/5-vib.jpg"><img class="alignnone size-full wp-image-5684" title="5 vib" src="http://img.psdvault.com/2010/04/5-vib.jpg" alt="5 vib Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/5-effect-1.jpg"><img class="alignnone size-medium wp-image-5680" title="5 effect 1" src="http://img.psdvault.com/2010/04/5-effect-1-500x209.jpg" alt="5 effect 1 500x209 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="209" /></a></p>
<p>Create a new layer called &#8220;abstract texture&#8221; just above the background layer, grab any abstract brushsets you like (you can find lots of them on qbrushes.net or brusheezy) and paint on it. You can adjust the colour of the brush as you paint for some colour variations:</p>
<p><a href="http://img.psdvault.com/2010/04/5-paint-abstract.jpg"><img class="alignnone size-medium wp-image-5682" title="5 paint abstract" src="http://img.psdvault.com/2010/04/5-paint-abstract-500x154.jpg" alt="5 paint abstract 500x154 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="154" /></a></p>
<h3>Step 6</h3>
<p>We&#8217;re almost done! There is one more trick I would like to show you &#8211; the Wave Filter. I personally like it very much and sometimes it generates some very unique style for your design.</p>
<p>So flatten the image, duplicate the background layer once and go to Filter &gt; Distort &gt; Wave:</p>
<p><a href="http://img.psdvault.com/2010/04/6-wave.jpg"><img class="alignnone size-full wp-image-5690" title="6 wave" src="http://img.psdvault.com/2010/04/6-wave.jpg" alt="6 wave Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="477" height="437" /></a> <a href="http://img.psdvault.com/2010/04/6-wave-settings.jpg"></a></p>
<p>Apply the following settings:</p>
<p><a href="http://img.psdvault.com/2010/04/6-wave-settings.jpg"><img class="alignnone size-full wp-image-5689" title="6 wave settings" src="http://img.psdvault.com/2010/04/6-wave-settings.jpg" alt="6 wave settings Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="455" height="372" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/6-after-wave.jpg"><img class="alignnone size-medium wp-image-5685" title="6 after wave" src="http://img.psdvault.com/2010/04/6-after-wave-500x177.jpg" alt="6 after wave 500x177 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="177" /></a></p>
<p>Now we want to reveal the text part of the image, so add the following layer mask on the wave layer to hide it:</p>
<p><a href="http://img.psdvault.com/2010/04/6-wave-mask.jpg"><img class="alignnone size-medium wp-image-5688" title="6 wave mask" src="http://img.psdvault.com/2010/04/6-wave-mask-500x282.jpg" alt="6 wave mask 500x282 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="282" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/04/6-effect-after.jpg"><img class="alignnone size-medium wp-image-5686" title="6 effect after" src="http://img.psdvault.com/2010/04/6-effect-after-500x248.jpg" alt="6 effect after 500x248 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="248" /></a></p>
<p>Lastly, you can add some further colour adjustments, or sharpen the image a bit to get more details out.</p>
<p><a href="http://img.psdvault.com/2010/04/6-sharpen.jpg"><img class="alignnone size-medium wp-image-5691" title="6 sharpen" src="http://img.psdvault.com/2010/04/6-sharpen-500x307.jpg" alt="6 sharpen 500x307 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="307" /></a></p>
<p>and here is my final effect: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/04/abstract-text-flatten1.jpg"><img class="alignnone size-medium wp-image-5692" title="abstract-text-flatten" src="http://img.psdvault.com/2010/04/abstract-text-flatten1-500x333.jpg" alt="abstract text flatten1 500x333 Design an Abstract Colourful, Artistic Feeling Text Effect in Photoshop" width="500" height="333" /></a></p>
<p>That’s it for this tutorial! Hope you find it useful and learn something new!</p>
<p>Till next time, have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/text-effects/design-an-abstract-colourful-artistic-feeling-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>20</slash:comments>
		</item>
		<item>
		<title>Giveaway Contest: High-Res Cloud Texture Pack &#8211; Comment to Win!</title>
		<link>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-comment-to-win/</link>
		<comments>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-comment-to-win/#comments</comments>
		<pubDate>Sat, 03 Apr 2010 07:37:01 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[contest]]></category>
		<category><![CDATA[freebie]]></category>
		<category><![CDATA[giveaway]]></category>
		<category><![CDATA[texture]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5550</guid>
		<description><![CDATA[Welcome to another giveaway contest here on PSD Vault! This time we have some really cool, high-resolution cloud textures upon grab. we will be giving away 5 packs to 5 lucky winners (1 license per winner) absolutely free! (Normally US$24/pack)]]></description>
			<content:encoded><![CDATA[<p>Welcome to another giveaway contest here on PSD Vault! This time we have some really cool, high-resolution cloud textures upon grab. we will be giving away 5 packs to 5 lucky winners (1 license per winner) absolutely free! (Normally US$24/pack)</p>
<h3>This Contest has now eneded! Winners will be announced shortly in seperate post.</h3>
<p>Those cloud textures are excellently taken by Brian Iannone, who is a talented photographer and videographer. You can find him on his portfolio site: <a href="http://store.brianiannone.com/" target="_blank">www.brianiannone.com</a></p>
<h3>So what exactly is in this Texture Pack?</h3>
<ul>
<li>20 High quality, royalty-free cloud photos</li>
<li>3,888 x 2,592 Pixels (10.1 MP) at 300 DPI</li>
<li>Includes 16-bit TIFF and JPEG versions</li>
<li>Non-edited, original photos</li>
</ul>
<p>Here are preview of some cloud textures in the pack:</p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-11.jpg"><img class="alignnone size-medium wp-image-5557" title="Cloud Sample 11" src="http://img.psdvault.com/2010/04/Cloud-Sample-11-500x333.jpg" alt="Cloud Sample 11 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-11.jpg"></a> <a href="http://img.psdvault.com/2010/04/Cloud-Sample-09.jpg"><img class="alignnone size-medium wp-image-5556" title="Cloud Sample 09" src="http://img.psdvault.com/2010/04/Cloud-Sample-09-500x333.jpg" alt="Cloud Sample 09 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a> <a href="http://img.psdvault.com/2010/04/Cloud-Sample-07.jpg"></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-07.jpg"><img class="alignnone size-medium wp-image-5555" title="Cloud Sample 07" src="http://img.psdvault.com/2010/04/Cloud-Sample-07-500x333.jpg" alt="Cloud Sample 07 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-05.jpg"><img class="alignnone size-medium wp-image-5554" title="Cloud Sample 05" src="http://img.psdvault.com/2010/04/Cloud-Sample-05-500x333.jpg" alt="Cloud Sample 05 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-05.jpg"></a> <a href="http://img.psdvault.com/2010/04/Cloud-Sample-04.jpg"><img class="alignnone size-medium wp-image-5553" title="Cloud Sample 04" src="http://img.psdvault.com/2010/04/Cloud-Sample-04-500x333.jpg" alt="Cloud Sample 04 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-04.jpg"></a> <a href="http://img.psdvault.com/2010/04/Cloud-Sample-03.jpg"><img class="alignnone size-medium wp-image-5552" title="Cloud Sample 03" src="http://img.psdvault.com/2010/04/Cloud-Sample-03-500x333.jpg" alt="Cloud Sample 03 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a> <a href="http://img.psdvault.com/2010/04/Cloud-Sample-01.jpg"></a></p>
<p><a href="http://img.psdvault.com/2010/04/Cloud-Sample-01.jpg"><img class="alignnone size-medium wp-image-5551" title="Cloud Sample 01" src="http://img.psdvault.com/2010/04/Cloud-Sample-01-500x333.jpg" alt="Cloud Sample 01 500x333 Giveaway Contest: High Res Cloud Texture Pack   Comment to Win!" width="500" height="333" /></a></p>
<p>For more previews, you can go to <a href="http://store.brianiannone.com/" target="_blank">http://store.brianiannone.com/</a>and click on &#8220;download sample&#8221; button.</p>
<h3>Rules for this Contest</h3>
<ul>
<li>Leave a comment to enter</li>
<li>Only comment once</li>
<li>Please leave a valid email address so that we can contact you</li>
</ul>
<p>This contest will end at 15th of April, 2010. Winners will then be randomly selected and download link will be emailed to your email address given.</p>
<p>Good luck!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/freebies/giveaway-contest-high-res-cloud-texture-pack-comment-to-win/feed/</wfw:commentRss>
		<slash:comments>46</slash:comments>
		</item>
		<item>
		<title>Design an Ancient Cracked Sword in Photoshop</title>
		<link>http://www.psdvault.com/abstracts/design-an-ancient-cracked-sword-in-photoshop/</link>
		<comments>http://www.psdvault.com/abstracts/design-an-ancient-cracked-sword-in-photoshop/#comments</comments>
		<pubDate>Tue, 16 Feb 2010 12:13:24 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[ancient]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[crack]]></category>
		<category><![CDATA[lighting]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sword]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5138</guid>
		<description><![CDATA[In this tutorial, I will show the processes I took to create this cool-looking, ancient cracked sword in Photoshop.  Personally I think the steps aren't hard to follow and the end result looks good, Have a go :)

The technique I would like to emphasise in this tutorial is how you can use the cloud filter to add contrast to object, and the important of using the correct blending mode for layers to maximise the effect.

You will also see by choosing a great quality texture, you can easily add extra effect to your design with mimimum effort.]]></description>
			<content:encoded><![CDATA[<p>If  want to make your career in web designing  then join <a href="http://www.test-king.com/exams/000-200.htm">000-200</a> web designing course and learn the best  web design practices  using our <a href="http://www.test-king.com/exams/HP2-E32.htm">HP2-E32</a> design resources and self paced  <a href="http://www.test-king.com/exams/70-270.htm">70-270</a> study guide guides.</p>
<p>In this tutorial, I will show the processes I took to create this cool-looking, ancient cracked sword in Photoshop.  Personally I think the steps aren&#8217;t hard to follow and the end result looks good, Have a go :)</p>
<p>The technique I would like to emphasise in this tutorial is how you can use the cloud filter to add contrast to object, and the important of using the correct blending mode for layers to maximise the effect.</p>
<p>You will also see by choosing a great quality texture, you can easily add extra effect to your design with mimimum effort.</p>
<p>Here is a preview of the final image: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/02/sword-flatten-2.jpg"><img class="alignnone size-medium wp-image-5140" title="sword-flatten-2" src="http://img.psdvault.com/2010/02/sword-flatten-2-500x650.jpg" alt="sword flatten 2 500x650 Design an Ancient Cracked Sword in Photoshop" width="500" height="650" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design an Ancient Cracked Sword in Photoshop" 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://dracoart-stock.deviantart.com/art/Fantasy-Sword-1-31043742" target="_blank">Sword</a></p>
<p><a href="http://dazzle-textures.deviantart.com/art/On-Crack-65830084" target="_blank">Crack Texture</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1000px * 1300px, fill the background layer with black color. Load the &#8220;Sword&#8221; texture into Photoshop and cut out the sword using whatever method you prefer (I used the magic wand here, set tolerance to 32px), then paste it onto our canvas, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/1-copy-paste.jpg"><img class="alignnone size-full wp-image-5141" title="1 copy paste" src="http://img.psdvault.com/2010/02/1-copy-paste.jpg" alt="1 copy paste Design an Ancient Cracked Sword in Photoshop" width="454" height="589" /></a></p>
<p>You can choose a different angle for the sword if you like, totally up to you. The steps below will still apply.</p>
<p>Name this layer as &#8220;sword&#8221;. On this layer, apply the following &#8220;Reduce Noise&#8221; settings to it:</p>
<p><a href="http://img.psdvault.com/2010/02/1-reduce-no.jpg"><img class="alignnone size-full wp-image-5142" title="1 reduce no" src="http://img.psdvault.com/2010/02/1-reduce-no.jpg" alt="1 reduce no Design an Ancient Cracked Sword in Photoshop" width="303" height="561" /></a></p>
<p>and you will see by doing so, we managed to get a few more details out of the sword image, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/1-after-redu.jpg"><img class="alignnone size-medium wp-image-5143" title="1 after redu" src="http://img.psdvault.com/2010/02/1-after-redu-500x426.jpg" alt="1 after redu 500x426 Design an Ancient Cracked Sword in Photoshop" width="500" height="426" /></a></p>
<p>Load the selection of the sword layer by holding down Ctrl key + left-click the thumbnail image of the sword layer on the layer palette. Then hit Ctrl + Alt + R to bring up the Refine Edge tool, apply the following settings:</p>
<p><a href="http://img.psdvault.com/2010/02/1-refine.jpg"><img class="alignnone size-full wp-image-5145" title="1 refine" src="http://img.psdvault.com/2010/02/1-refine.jpg" alt="1 refine Design an Ancient Cracked Sword in Photoshop" width="320" height="447" /></a></p>
<p>and you will have the following effect for the selection:</p>
<p><a href="http://img.psdvault.com/2010/02/1-after-refine.jpg"><img class="alignnone size-full wp-image-5146" title="1 after refine" src="http://img.psdvault.com/2010/02/1-after-refine.jpg" alt="1 after refine Design an Ancient Cracked Sword in Photoshop" width="435" height="556" /></a></p>
<p>Now we&#8217;re ready for the cloud rendering in the next step.</p>
<h3>Step 2</h3>
<p>Create a new layer called &#8220;cloud 1&#8243; on top of the &#8220;sword&#8221; layer, maintain the selection we did in previous step, render some cloud within the selection, as shown below: (set back and foreground colour to be black and white)</p>
<p><a href="http://img.psdvault.com/2010/02/2-cloud.jpg"><img class="alignnone size-medium wp-image-5147" title="2 cloud" src="http://img.psdvault.com/2010/02/2-cloud-500x580.jpg" alt="2 cloud 500x580 Design an Ancient Cracked Sword in Photoshop" width="500" height="580" /></a></p>
<p>Now hit Ctrl + L and bring up the Levels adjustment tool, apply the following settings to it:</p>
<p><a href="http://img.psdvault.com/2010/02/2-levels.jpg"><img class="alignnone size-full wp-image-5148" title="2 levels" src="http://img.psdvault.com/2010/02/2-levels.jpg" alt="2 levels Design an Ancient Cracked Sword in Photoshop" width="392" height="295" /></a></p>
<p>Now the settings for Levels might differ slightly depending on the cloud render outcome, however the ultimate goal is to bring more contrast to the cloud so it gives us more lighting variation, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/2-after-cloud-level.jpg"><img class="alignnone size-medium wp-image-5149" title="2 after cloud level" src="http://img.psdvault.com/2010/02/2-after-cloud-level-500x558.jpg" alt="2 after cloud level 500x558 Design an Ancient Cracked Sword in Photoshop" width="500" height="558" /></a></p>
<p>Change the blending mode of the cloud layer to &#8220;Color Dodge&#8221;, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/2-cloud-color-dodger.jpg"><img class="alignnone size-medium wp-image-5151" title="2 cloud color dodger" src="http://img.psdvault.com/2010/02/2-cloud-color-dodger-500x538.jpg" alt="2 cloud color dodger 500x538 Design an Ancient Cracked Sword in Photoshop" width="500" height="538" /></a></p>
<p><strong>Now here is the interest part of the tutorial</strong> &#8211; we&#8217;re going to max-out the effect by playing with the cloud layer.</p>
<p>Duplicate the cloud layer a few times, apply following layer blending mode, opacity and layer mask to each layer:</p>
<p><a href="http://img.psdvault.com/2010/02/2-blending-mode.jpg"><img class="alignnone size-medium wp-image-5152" title="2 blending mode" src="http://img.psdvault.com/2010/02/2-blending-mode-500x309.jpg" alt="2 blending mode 500x309 Design an Ancient Cracked Sword in Photoshop" width="500" height="309" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/2-effect1.jpg"><img class="alignnone size-medium wp-image-5150" title="2 effect" src="http://img.psdvault.com/2010/02/2-effect1-500x557.jpg" alt="2 effect1 500x557 Design an Ancient Cracked Sword in Photoshop" width="500" height="557" /></a></p>
<p>You can see now we have some very dynamic contrast placed on the sword. They will look good when we apply the crack texture later on in the tutorial.</p>
<h3>Step 3</h3>
<p>Go back to the background layer, grab a big soft round brush with a 30% flow and opacity settings, do a few single clicks as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/3-light-bg.jpg"><img class="alignnone size-medium wp-image-5153" title="3 light bg" src="http://img.psdvault.com/2010/02/3-light-bg-499x574.jpg" alt="3 light bg 499x574 Design an Ancient Cracked Sword in Photoshop" width="499" height="574" /></a></p>
<p>You will see now we light up the background a bit &#8211; however not too much. This effect will reflect when we add the crack texture later on in the tutorial.</p>
<p>I decide to add some effect on the bottom of the sword. So I duplicate the original cloud layer once, change the blending mode to &#8220;Normal&#8221; and drag it below the sword layer and above the background layer, use the Free Transform tool to resize it to a small size, position it as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/3-resize.jpg"><img class="alignnone size-medium wp-image-5154" title="3 resize" src="http://img.psdvault.com/2010/02/3-resize-499x617.jpg" alt="3 resize 499x617 Design an Ancient Cracked Sword in Photoshop" width="499" height="617" /></a></p>
<p>Name this layer as &#8220;light&#8221;, duplicate it a few times, and position them as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/3-dupl.jpg"><img class="alignnone size-medium wp-image-5155" title="3 dupl" src="http://img.psdvault.com/2010/02/3-dupl-500x468.jpg" alt="3 dupl 500x468 Design an Ancient Cracked Sword in Photoshop" width="500" height="468" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/02/3-effect.jpg"><img class="alignnone size-medium wp-image-5156" title="3 effect" src="http://img.psdvault.com/2010/02/3-effect-500x558.jpg" alt="3 effect 500x558 Design an Ancient Cracked Sword in Photoshop" width="500" height="558" /></a></p>
<h3>Step 4</h3>
<p>We can now add the crack texture onto the sword. Load the <a href="http://dazzle-textures.deviantart.com/art/On-Crack-65830084" target="_blank">Crack Texture</a> into Photoshop, select a portion of it with the Lasso tool (40px feather), copy and paste it onto the canvas and put it on top of all previous layers, name the layer as &#8220;crack&#8221;:</p>
<p>Make sure you resize the layer to roughly the size of the sword, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/4-paste.jpg"><img class="alignnone size-medium wp-image-5157" title="4 paste" src="http://img.psdvault.com/2010/02/4-paste-500x540.jpg" alt="4 paste 500x540 Design an Ancient Cracked Sword in Photoshop" width="500" height="540" /></a></p>
<p>Change the blending mode of the crack layer to be &#8220;color dodge&#8221;. Duplicate the crack layer a few times, position each duplicated layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/02/4-blending-mode.jpg"><img class="alignnone size-medium wp-image-5158" title="4 blending mode" src="http://img.psdvault.com/2010/02/4-blending-mode-500x368.jpg" alt="4 blending mode 500x368 Design an Ancient Cracked Sword in Photoshop" width="500" height="368" /></a></p>
<p>Maintain the blending mode for all crack texture layers to be &#8220;color dodge&#8221;, apply layer mask according to the screenshot above.</p>
<p>For the top crack texture layer, add the following levels adjustment layer to it (with clipping mask optin enabled):</p>
<p><a href="http://img.psdvault.com/2010/02/4-levels.jpg"><img class="alignnone size-full wp-image-5160" title="4 levels" src="http://img.psdvault.com/2010/02/4-levels.jpg" alt="4 levels Design an Ancient Cracked Sword in Photoshop" width="394" height="297" /></a></p>
<p>You will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/4-effect.jpg"><img class="alignnone size-full wp-image-5159" title="4 effect" src="http://img.psdvault.com/2010/02/4-effect.jpg" alt="4 effect Design an Ancient Cracked Sword in Photoshop" width="496" height="630" /></a></p>
<h3>Step 5</h3>
<p>Now we can add some image adjustments layers to fine-tune the effect. I have the following two adjustment layers on top of all layers:</p>
<p>Color Balance</p>
<p><a href="http://img.psdvault.com/2010/02/5-col-sha1.jpg"><img class="alignnone size-full wp-image-5163" title="5 col sha" src="http://img.psdvault.com/2010/02/5-col-sha1.jpg" alt="5 col sha1 Design an Ancient Cracked Sword in Photoshop" width="437" height="224" /></a></p>
<p><a href="http://img.psdvault.com/2010/02/5-col-mid1.jpg"><img class="alignnone size-full wp-image-5162" title="5 col mid" src="http://img.psdvault.com/2010/02/5-col-mid1.jpg" alt="5 col mid1 Design an Ancient Cracked Sword in Photoshop" width="437" height="224" /></a></p>
<p><a href="http://img.psdvault.com/2010/02/5-col-hig.jpg"><img class="alignnone size-full wp-image-5161" title="5 col hig" src="http://img.psdvault.com/2010/02/5-col-hig.jpg" alt="5 col hig Design an Ancient Cracked Sword in Photoshop" width="437" height="224" /></a></p>
<p>Curves</p>
<p><a href="http://img.psdvault.com/2010/02/5-curves1.jpg"><img class="alignnone size-full wp-image-5164" title="5 curves" src="http://img.psdvault.com/2010/02/5-curves1.jpg" alt="5 curves1 Design an Ancient Cracked Sword in Photoshop" width="471" height="446" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/5-effect1.jpg"><img class="alignnone size-medium wp-image-5165" title="5 effect" src="http://img.psdvault.com/2010/02/5-effect1-500x611.jpg" alt="5 effect1 500x611 Design an Ancient Cracked Sword in Photoshop" width="500" height="611" /></a></p>
<p>That&#8217;s it pretty much it! For the final effect I added some brushwork on the top, here is my end result: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/02/sword-flatten.jpg"><img class="alignnone size-medium wp-image-5166" title="sword-flatten" src="http://img.psdvault.com/2010/02/sword-flatten-500x650.jpg" alt="sword flatten 500x650 Design an Ancient Cracked Sword in Photoshop" width="500" height="650" /></a></p>
<p>That&#8217;s all for this tutorial! I hope this can give you more ideas about the use of layer blending, cloud filter and applying textures in Photoshop. Hopefully you will find those steps in the tutorial useful and the end result inspiratinal :)</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/abstracts/design-an-ancient-cracked-sword-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>33</slash:comments>
		</item>
		<item>
		<title>Design Eye-catching Laser Particle Abstract Effect in Photoshop</title>
		<link>http://www.psdvault.com/abstracts/design-eye-catching-laser-particle-abstract-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/abstracts/design-eye-catching-laser-particle-abstract-effect-in-photoshop/#comments</comments>
		<pubDate>Tue, 12 Jan 2010 14:07:55 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[blur]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[crystal]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[laser]]></category>
		<category><![CDATA[motion]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4719</guid>
		<description><![CDATA[In this tutorial, I will show you how easy it is to design this very eye-catching, Laser Particle abstract effect in Photoshop. This is a beginner level tutorial and steps are really simple, have a try!]]></description>
			<content:encoded><![CDATA[<p>If new to web designing and want to learn how to create beautiful images then join <a href="http://www.test-king.com/exams/650-393.htm">650-393</a> web designing class  and become expert using <a href="http://www.test-king.com/exams/642-681.htm">642-681</a> guide and <a href="http://www.test-king.com/exams/70-685.htm">70-685</a> design tutorials.</p>
<p>In this tutorial, I will show you how easy it is to design this very eye-catching, Laser Particle abstract effect in Photoshop. This is a beginner level tutorial and steps are really simple, have a try!</p>
<p>I made this tutorial fin order to show you how you can use dynamic brush settings, motion blur filter and cloud filter to create great looking effect, which can be used widely in all sorts of occasion to spice up your design :)</p>
<p>Here is a preview of the final effect:</p>
<p><a href="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten-21.jpg"><img class="alignnone size-medium wp-image-4746" title="laser-crystal-effect-flatten-2" src="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten-21-500x446.jpg" alt="laser crystal effect flatten 21 500x446 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="446" /></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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Firstly let&#8217;s make a really simple Photoshop Brush to use later on in the tutorial. Create a new document sized 70px *25px (actually the dimension is not important here, as long as you keep the width roughly 3 times to the height and make it a rectangle shape).</p>
<p>Press Shift + F5 to fill the background layer with any color you like:</p>
<p><img class="alignnone size-medium wp-image-4722" title="1 fill" src="http://img.psdvault.com/2010/01/1-fill-500x301.jpg" alt="1 fill 500x301 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="301" /></p>
<p>and go to Edit &gt; Define Brush to create a custom Photoshop brushset:</p>
<p><img class="alignnone size-medium wp-image-4721" title="1 define" src="http://img.psdvault.com/2010/01/1-define-461x700.jpg" alt="1 define 461x700 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="461" height="700" /></p>
<p>Press &#8220;Ok&#8221; to proceed, you will see the new brushset appearing in the brush list:</p>
<p><img class="alignnone size-medium wp-image-4723" title="1 appear" src="http://img.psdvault.com/2010/01/1-appear-500x205.jpg" alt="1 appear 500x205 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="205" /></p>
<h3>Step 2</h3>
<p>Now let&#8217;s create a new document (size doesn&#8217;t matter here) in Photoshop, fill the background layer with Black color. Create a new layer called &#8220;on top of the background layer (always a good practice because if something goes wrong you can simply delete this layer) and, let&#8217;s now apply some brush dynamics to the brush we just created.</p>
<p>Brush Tip Shape (Make sure to reduce the brush size to a smaller one around 20px)</p>
<p><img class="alignnone size-full wp-image-4725" title="2 brush tip shape" src="http://img.psdvault.com/2010/01/2-brush-tip-shape1.jpg" alt="2 brush tip shape1 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="371" height="423" /></p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-4727" title="2 shape dyn" src="http://img.psdvault.com/2010/01/2-shape-dyn.jpg" alt="2 shape dyn Design Eye catching Laser Particle Abstract Effect in Photoshop" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-4729" title="2 sca" src="http://img.psdvault.com/2010/01/2-sca1.jpg" alt="2 sca1 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="371" height="423" /></p>
<p>And use this dynamic brush to paint some patterns of the new layer, as shown below:</p>
<p><img class="alignnone size-medium wp-image-4730" title="2 brush paint" src="http://img.psdvault.com/2010/01/2-brush-paint-500x331.jpg" alt="2 brush paint 500x331 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="331" /></p>
<h3>Step 3</h3>
<p>Hit Ctrl + T then right-click on this layer, choose &#8220;perspective&#8221; and alter the shape of this layer into the one shown below:</p>
<p><img class="alignnone size-medium wp-image-4732" title="3 perspective" src="http://img.psdvault.com/2010/01/3-perspective-500x421.jpg" alt="3 perspective 500x421 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="421" /></p>
<p>This step can be a bit tricky, you might want to try a few times ( to get the right feeling. Ultimately what you want is a kind of splashing/exploding effect. I adjusted a few times myself and this is what I have after the adjustmet:</p>
<p><img class="alignnone size-medium wp-image-4733" title="3 effect" src="http://img.psdvault.com/2010/01/3-effect-500x404.jpg" alt="3 effect 500x404 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="404" /></p>
<p>Use a soft brush eraser to erase the left edge of the dynamic shape, so it blending into the background, therefore creating more depth:</p>
<p><img class="alignnone size-medium wp-image-4734" title="3 eraser" src="http://img.psdvault.com/2010/01/3-eraser-500x390.jpg" alt="3 eraser 500x390 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="390" /></p>
<h3>Step 4</h3>
<p>Duplicate this &#8220;Particle&#8221; layer once, apply the following motion blur setting to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-4735" title="4 mo blur" src="http://img.psdvault.com/2010/01/4-mo-blur.jpg" alt="4 mo blur Design Eye catching Laser Particle Abstract Effect in Photoshop" width="317" height="348" /></p>
<p>Make sure the Angle of the motion blur match the angle of the previous particle layer.</p>
<p>Here is the effect you should have after applying the motion blur filter:</p>
<p><img class="alignnone size-full wp-image-4736" title="4 effect blur" src="http://img.psdvault.com/2010/01/4-effect-blur.jpg" alt="4 effect blur Design Eye catching Laser Particle Abstract Effect in Photoshop" width="430" height="361" /></p>
<p>Reduce the opacity of the duplcated layer to around 80%, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-4737" title="4 effect" src="http://img.psdvault.com/2010/01/4-effect.jpg" alt="4 effect Design Eye catching Laser Particle Abstract Effect in Photoshop" width="485" height="438" /></p>
<h3>Step 5</h3>
<p>To tune-up the effect a bit, we use the cloud filter to add a bit of smoke around the laser particle. To do this, create a new layer called &#8220;smoke effect&#8221;,  use the Lasso Tool with 30-40px feather to draw a selection around the particle, go to Filter &gt; Render &gt; Cloud and fill some cloud inside the selection:</p>
<p><img class="alignnone size-medium wp-image-4738" title="5 cloud" src="http://img.psdvault.com/2010/01/5-cloud-500x427.jpg" alt="5 cloud 500x427 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="427" /></p>
<p>Hit Ctrl + L and apply the following levels adjustment to this layer:</p>
<p><img class="alignnone size-full wp-image-4739" title="5 lv" src="http://img.psdvault.com/2010/01/5-lv.jpg" alt="5 lv Design Eye catching Laser Particle Abstract Effect in Photoshop" width="399" height="343" /></p>
<p>Resize this layer to a very small size, change its blending mode to &#8220;Screen&#8221;, positon it to the location as shown below:</p>
<p><img class="alignnone size-medium wp-image-4740" title="5 posi" src="http://img.psdvault.com/2010/01/5-posi-500x412.jpg" alt="5 posi 500x412 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="412" /></p>
<p>Make a few duplication of it and scatter them around the particle, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-4741" title="5 effect" src="http://img.psdvault.com/2010/01/5-effect1-499x458.jpg" alt="5 effect1 499x458 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="499" height="458" /></p>
<p>Add some color over it by creating a new layer on top of all previous layer, set the blending mode to either &#8220;color dodge&#8221; or &#8220;overlay&#8221;, paint some colour over it: (Hint: use color balance adjustment layer for more control)</p>
<p><img class="alignnone size-medium wp-image-4742" title="5 effect 3" src="http://img.psdvault.com/2010/01/5-effect-3-500x467.jpg" alt="5 effect 3 500x467 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="467" /></p>
<h3>Step 6</h3>
<p>To finishing up the image, we can flatten the layers, then apply the following &#8220;Smart Sharpen&#8221; Filter on the flattened layer &#8211; this will make the image look more crisp:</p>
<p><img class="alignnone size-medium wp-image-4743" title="6 ss" src="http://img.psdvault.com/2010/01/6-ss-500x309.jpg" alt="6 ss 500x309 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="309" /></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten.jpg"><img class="alignnone size-medium wp-image-4744" title="laser-crystal-effect-flatten" src="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten-500x427.jpg" alt="laser crystal effect flatten 500x427 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="427" /></a></p>
<p>That&#8217;s it for this tutorial! Here is a final image I made afterwards:</p>
<p><a href="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten-2.jpg"><img class="alignnone size-medium wp-image-4745" title="laser-crystal-effect-flatten-2" src="http://img.psdvault.com/2010/01/laser-crystal-effect-flatten-2-500x446.jpg" alt="laser crystal effect flatten 2 500x446 Design Eye catching Laser Particle Abstract Effect in Photoshop" width="500" height="446" /></a></p>
<p>You can apply this effect to tons of occasions &#8211; photo retouch, web headers/footers, manipulations, etc. Just to add extra flavour to your design :)</p>
<p>Hope you enjoy this tutorial and find it useful! Until next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/abstracts/design-eye-catching-laser-particle-abstract-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>25</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[<p>Learn professional web designing with <a href="http://www.test-king.com/exams/640-822.htm">640-822</a> web designing course. Download the <a href="http://www.test-king.com/exams/70-649.htm">70-649</a> photoshop tutorials and <a href="http://www.test-king.com/exams/640-816.htm">640-816</a> demos to spice up your creative skills.</p>
<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://img.psdvault.com/2009/11/5-final1-500x410.jpg" alt="5 final1 500x410 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/gloomy-text-flatten-500x350.jpg" alt="gloomy text flatten 500x350 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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 $6.95/Month (or less)! You will not only get this PSD File, but also 70+ 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://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/1-grad-500x199.jpg" alt="1 grad 500x199 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/1-type-500x296.jpg" alt="1 type 500x296 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/1-inner-sha-500x350.jpg" alt="1 inner sha 500x350 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4143" title="1 grad ove" src="http://img.psdvault.com/2009/11/1-grad-ove-500x350.jpg" alt="1 grad ove 500x350 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" width="500" height="350" /></p>
<p>Pattern Overlay</p>
<p><img class="alignnone size-medium wp-image-4144" title="1 patt" src="http://img.psdvault.com/2009/11/1-patt-500x350.jpg" alt="1 patt 500x350 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/1-effect1-500x405.jpg" alt="1 effect1 500x405 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/2-type1-500x447.jpg" alt="2 type1 500x447 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/2-erase-500x441.jpg" alt="2 erase 500x441 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/2-gau-blur.jpg" alt="2 gau blur Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/2-shadow-2.jpg" alt="2 shadow 2 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/3-lasso-500x402.jpg" alt="3 lasso 500x402 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/3-resize-500x393.jpg" alt="3 resize 500x393 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/3-lower-cloud.jpg" alt="3 lower cloud Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/3-effect3.jpg" alt="3 effect3 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/4-invert-cloud-500x425.jpg" alt="4 invert cloud 500x425 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/4-motion-blur.jpg" alt="4 motion blur Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/4-effect3.jpg" alt="4 effect3 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/5-curves1.jpg" alt="5 curves1 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/5-final-500x410.jpg" alt="5 final 500x410 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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://img.psdvault.com/2009/11/gloomy-text-flatten1-500x350.jpg" alt="gloomy text flatten1 500x350 Create Gloomy Text Effect by Utilising the Amazing Cloud Filter in Photoshop" 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>48</slash:comments>
		</item>
	</channel>
</rss>

