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

<channel>
	<title>PSD Vault - Extra Unique Adobe Photoshop Tutorial &#187; Drawing</title>
	<atom:link href="http://www.psdvault.com/category/drawing/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.psdvault.com</link>
	<description></description>
	<lastBuildDate>Mon, 15 Mar 2010 05:10:02 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Design a Mystical Golden Sphere in Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-a-mystical-golden-sphere-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-a-mystical-golden-sphere-in-photoshop/#comments</comments>
		<pubDate>Thu, 04 Feb 2010 15:05:20 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[sphere]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5048</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this really cool, Mystical Golden Sphere in Photoshop. The steps are in fact pretty simple and the outcome looks great in my opinion, have a try :)

We will be using some drawing techniques, plus customer brushsets and filter effects along the way, plus I will show you a clever use of Photoshop brush to create special effect around the sphere. ]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this really cool, Mystical Golden Sphere in Photoshop. The steps are in fact pretty simple and the outcome looks great in my opinion, have a try :)</p>
<p>We will be using some drawing techniques, plus customer brushsets and filter effects along the way, plus I will show you a clever use of Photoshop brush to create special effect around the sphere.</p>
<p>Here is a preview of the final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/crystal-ball-flatten.jpg"><img class="alignnone size-medium wp-image-5050" title="crystal-ball-flatten" src="http://www.psdvault.com/wp-content/uploads/2010/02/crystal-ball-flatten-500x500.jpg" alt="" width="500" height="500" /></a></p>
<h3>PSD File for this Tutorial</h3>
<p><strong>You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.</strong></p>
<p><strong><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=EFZHW9W8QW7UG" target="_blank"><img class="alignnone size-full wp-image-4045" title="buy-psd-file" src="http://www.psdvault.com/wp-content/uploads/2009/11/buy-psd-file.png" alt="" width="250" height="100" /></a></strong></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://ro-stock.deviantart.com/art/Abstract-Glow-92060729" target="_blank">Abstract Brushset 1</a></p>
<p><a href="http://qbrushes.net/photoshop-abstract-brushes/crystalline-brush-set/" target="_blank">Abstract Brushset 2</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 800 * 800px, fill the background with black colour. Create a new layer called &#8220;bottom light&#8221; and use a 250px soft round brush with white colour, do a single click in the centre of the canvas, then resize it  (Ctrl + T) to a very thin shape as shown below:</p>
<p><img class="alignnone size-medium wp-image-5051" title="1 resize" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-resize-500x411.png" alt="" width="500" height="411" /></p>
<p>Grab the eclipse tool (U key) from the toolbox, create a new layer called &#8220;sphere&#8221; and draw a circle on top of the light, as shown below:</p>
<p><img class="alignnone size-medium wp-image-5052" title="1 draw" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-draw-500x487.jpg" alt="" width="500" height="487" /></p>
<p>Apply the following layer blending options to this sphere layer:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-5053" title="1 drop sha" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-drop-sha-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-5056" title="1 inner sha" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-inner-sha-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-5055" title="1 grad" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-grad-500x350.jpg" alt="" width="500" height="350" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-5054" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2010/02/1-effect-500x447.jpg" alt="" width="500" height="447" /></p>
<h3>Step 2</h3>
<p>Create a new layer on top of the &#8220;sphere&#8221; layer and use the eclipse tool to draw another oval shape to the top of the sphere. Name this layer as &#8220;highlight top&#8221; and change the blending mode to &#8220;overlay&#8221;, drop the opacity to around 40%.</p>
<p>You will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-5058" title="2 draw" src="http://www.psdvault.com/wp-content/uploads/2010/02/2-draw-500x477.jpg" alt="" width="500" height="477" /></p>
<p>Duplicate this highlight layer once and apply the following Gaussian Blur settings to the duplicated layer:</p>
<p><img class="alignnone size-full wp-image-5060" title="2 gau blur" src="http://www.psdvault.com/wp-content/uploads/2010/02/2-gau-blur.jpg" alt="" width="316" height="305" /></p>
<p>change the blending mode of this duplicated layer to &#8220;soft light&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-full wp-image-5059" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2010/02/2-effect.jpg" alt="" width="480" height="571" /></p>
<h3>Step 3</h3>
<p>Now let&#8217;s add some irregular lighting effect to the sphere. Create a new layer just above the sphere layer, use a soft white round brush to so a few single click around the sphere, set the blending mode to &#8220;soft light&#8221;.</p>
<p>Hint: make sure to paint some light on the bottom of the sphere, this will help adding more depth into the image.</p>
<p>The following effect is what I have so far: (the light strip on the right was done using the free tranform tool + a soft white round brush on a new layer with &#8220;normal&#8221; blending mode:)</p>
<p><img class="alignnone size-medium wp-image-5077" title="3 highlight 2" src="http://www.psdvault.com/wp-content/uploads/2010/02/3-highlight-2-500x455.jpg" alt="" width="500" height="455" /></p>
<p>Create a new &#8220;Shadow&#8221; layer on top of the &#8220;bottom light&#8221; (first layer) and use the same method as described in step 1 except using black colour instead of white, do a single click and resize it into the thin shape.</p>
<p>Change the blending mode of the shadow layer to &#8220;overlay&#8221;, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-5063" title="3 shadow overlay" src="http://www.psdvault.com/wp-content/uploads/2010/02/3-shadow-overlay-500x465.jpg" alt="" width="500" height="465" /></p>
<h3>Step 4</h3>
<p>Now we can add some effect around the sphere to make it look mysterious. Use the<strong> abstract brushset 1 </strong>we downloaded, choose any one of them and reduce its brush size to a smaller size, paint around the sphere as shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint.jpg"><img class="alignnone size-medium wp-image-5066" title="4 paint" src="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-500x509.jpg" alt="" width="500" height="509" /></a></p>
<p>Create another new layer and use the<strong> Abstract brushset 2</strong> to paint some patterns on top of the sphere, as shown below:</p>
<p>(Hint: use the Free Tranform tool to distort, warp the new layer to create variations)</p>
<p>Here is what I have so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-3.jpg"></a> <a href="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-2.jpg"><img class="alignnone size-full wp-image-5064" title="4 paint 2" src="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-2.jpg" alt="" width="454" height="672" /></a></p>
<p>Add a new texture layer just above the background layer, and use the same brushset as we used just now, but this time with its orginal size, paint some patterns on the lower half of the canvas, as shown below:</p>
<p>Make sure you mix different brushset and set the opacity and flow to both around 50%.</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-3.jpg"><img class="alignnone size-medium wp-image-5065" title="4 paint 3" src="http://www.psdvault.com/wp-content/uploads/2010/02/4-paint-3-500x497.jpg" alt="" width="500" height="497" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s add the golden colour on the sphere. The trick here to add a Color Balance adjustment layer just above the original &#8220;Sphere&#8221; layer, with the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-sha.jpg"><img class="alignnone size-full wp-image-5069" title="5 col sha" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-sha.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-mid.jpg"><img class="alignnone size-full wp-image-5068" title="5 col mid" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-mid.jpg" alt="" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-high.jpg"><img class="alignnone size-full wp-image-5067" title="5 col high" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-col-high.jpg" alt="" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-effect.jpg"><img class="alignnone size-medium wp-image-5072" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-effect-500x551.jpg" alt="" width="500" height="551" /></a></p>
<p>add the following Curves adjustment layer on top of all layers:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-curves.jpg"><img class="alignnone size-full wp-image-5070" title="5 curves" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-curves.jpg" alt="" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/5-effect-2.jpg"><img class="alignnone size-medium wp-image-5071" title="5 effect 2" src="http://www.psdvault.com/wp-content/uploads/2010/02/5-effect-2-499x492.jpg" alt="" width="499" height="492" /></a></p>
<h3>Step 6</h3>
<p>Now we can do some final touches to the image. Firstly let&#8217;s flatten the image, duplicate the background layer once and apply the following Radial Blur settings to the duplicated layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-radial-blur.jpg"><img class="alignnone size-full wp-image-5075" title="6 radial blur" src="http://www.psdvault.com/wp-content/uploads/2010/02/6-radial-blur.jpg" alt="" width="311" height="236" /></a></p>
<p>Change the blending mode to &#8220;Screen&#8221; and you will have the following effect:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-effect.jpg"><img class="alignnone size-medium wp-image-5073" title="6 effect" src="http://www.psdvault.com/wp-content/uploads/2010/02/6-effect-499x513.jpg" alt="" width="499" height="513" /></a></p>
<p>Now we don&#8217;t really want to the whole image to be blurred, so we can add a layer mask as shown below to hide some parts:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-effect.jpg"></a><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-mask.jpg"><img class="alignnone size-medium wp-image-5074" title="6 mask" src="http://www.psdvault.com/wp-content/uploads/2010/02/6-mask-500x503.jpg" alt="" width="500" height="503" /></a></p>
<p>Also apply the following Smart Sharpen settings to the background layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-mask.jpg"></a><a href="http://www.psdvault.com/wp-content/uploads/2010/02/6-sm-sharpen.jpg"><img class="alignnone size-medium wp-image-5076" title="6 sm sharpen" src="http://www.psdvault.com/wp-content/uploads/2010/02/6-sm-sharpen-500x317.jpg" alt="" width="500" height="317" /></a></p>
<p>and you will have the following final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/02/crystal-ball-flatten.jpg"><img class="alignnone size-medium wp-image-5050" title="crystal-ball-flatten" src="http://www.psdvault.com/wp-content/uploads/2010/02/crystal-ball-flatten-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p>That&#8217;s it for this tutorial! Of course you can further enhance the effect and try out more colour schemes and filter effects, but that&#8217;s totally up to you.</p>
<p>Hope you enjoy it and find it useful! Until next time, have a great day!</p>
<div id="_mcePaste" style="overflow: hidden; position: absolute; left: -10000px; top: 500px; width: 1px; height: 1px;">
<p id="intro">Extra Unique Adobe Photoshop Tutorial</p>
<p id="keepintouch"><a href="../forums" target="_blank"><img src="../wp-content/themes/colourise/images/forums.png" alt="Forums" /></a><a href="http://feeds.feedburner.com/PsdVault" target="_blank"><img src="../wp-content/themes/colourise/images/rss.png" alt="RSS" /></a><a href="http://www.twitter.com/psdvault" target="_blank"><img src="../wp-content/themes/colourise/images/twitter.png" alt="Twitter" /></a> <a href="http://www.facebook.com/pages/PSD-Vault/371098770172" target="_blank"><img src="../wp-content/themes/colourise/images/facebook.png" alt="Facebook" /></a></p>
<p><!--header ends--> <!-- content-wrap starts --></p>
<div class="ad-above-all"><script type="text/javascript">// <![CDATA[
                Vertical1236231 = false;
                ShowAdHereBanner1236231 = true;
                RepeatAll1236231 = false;
                NoFollowAll1236231 = false;
                BannerStyles1236231 = new Array(
	"a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 15px 15px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;}",
	"img{border:0;clear:right;}",
	"a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;}",
	"a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}"
);</p>
<p>document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1236231/1236231.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));
// ]]&gt;</script><script src="http://s3.buysellads.com/1236231/1236231.js?v=1265296391000" type="text/javascript"></script><!-- div.bsap_1236231 {width:100%;display:block;} div.bsap_1236231 a{width:125px;} div.bsap_1236231 a img{padding:0;} div.bsap_1236231 a em{font-style:normal;} div.bsap_1236231 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 15px 15px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;} div.bsap_1236231 img{border:0;clear:right;} div.bsap_1236231 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div.bsap_1236231 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div.bsap_1236231 a.adhere{width:125px;height:125px;line-height:1000%;} html>body div.bsap_1236231 a.adhere{width:123px;height:123px;} div.bsap_1236231 img.s{height:0;width:0;}div#bsap_1236231 {width:100%;display:block;} div#bsap_1236231 a{width:125px;} div#bsap_1236231 a img{padding:0;} div#bsap_1236231 a em{font-style:normal;} div#bsap_1236231 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 15px 15px 0;text-align:center;text-decoration:none;overflow:hidden;float:left;} div#bsap_1236231 img{border:0;clear:right;} div#bsap_1236231 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div#bsap_1236231 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div#bsap_1236231 a.adhere{width:125px;height:125px;line-height:1000%;} html>body div#bsap_1236231 a.adhere{width:123px;height:123px;} div#bsap_1236231 img.s{height:0;width:0;} &#8211;><script type="text/javascript">// <![CDATA[
 _bsap.drop("5d75722210b4d7defe9a186dfff10cb2", 1236231);
// ]]&gt;</script></p>
<div id="bsap_1236231" class="bsap bsap_1236231"><a id="bsa_2824" class="ad1 odd" title="Easily Create Killer 3D Text" onclick="_bsap.rocks('click',2824, 1236231)" href="http://www.killertext.com/free.html" target="_blank"><img src="http://s3.buysellads.com/1236231/11947_20081220195902_1236231.gif" alt="Easily Create Killer 3D Text" width="125" height="125" /></a><a id="bsa_138447" class="ad2 even" title="Wordpress Themes" onclick="_bsap.rocks('click',138447, 1236231)" href="http://www.kadom.net/" target="_blank"><img src="http://s3.buysellads.com/1240210/6496-1252266252.png" alt="Wordpress Themes" width="125" height="125" /></a><a id="bsa_273946" class="ad3 odd" title="PSD to XHTML/CSS - Pixel Perfect 24 Turn-around" onclick="_bsap.rocks('click',273946, 1236231)" href="http://www.codemyconcept.com/" target="_blank"><img src="http://s3.buysellads.com/1236231/14461-1264716480.jpg" alt="PSD to XHTML/CSS - Pixel Perfect 24 Turn-around" width="125" height="125" /></a><a id="bsa_5215" class="ad4 even" title="The Tastiest Design Tutorials" onclick="_bsap.rocks('click',5215, 1236231)" href="http://tutcandy.com/" target="_blank"><img src="http://s3.buysellads.com/1235685/7fe2a530ee3e0595ce66eb47c255af1c-1241571064.jpg" alt="The Tastiest Design Tutorials" width="125" height="125" /></a><a id="bsa_3281" class="ad5 odd" title="PSD to HTML" onclick="_bsap.rocks('click',3281, 1236231)" href="http://markup-service.com/Order/Create" target="_blank"><img src="http://s3.buysellads.com/1776/2074_2008102863654_1776.jpg" alt="PSD to HTML" width="125" height="125" /></a><a id="bsa_264664" class="ad6 even" title="Free Stock Photos" onclick="_bsap.rocks('click',264664, 1236231)" href="http://www.stockvault.net/" target="_blank"><img src="http://s3.buysellads.com/1236231/13877-1264004990.jpg" alt="Free Stock Photos" width="125" height="125" /></a><a id="bsa_266772" class="ad7 odd" title="Website Templates" onclick="_bsap.rocks('click',266772, 1236231)" href="http://www.forwardslashtemplates.com/sell-your-designs.php" target="_blank"><img src="http://s3.buysellads.com/1236231/14057-1264187055.jpg" alt="Website Templates" width="125" height="125" /></a></div>
</div>
<div id="nav">
<ul>
<li><a title="View all posts filed under Abstracts" href="../category/abstracts/">Abstracts</a></li>
<li class="cat-item cat-item-217"><a title="View all posts filed under Basics" href="../category/basics/">Basics</a></li>
<li class="cat-item cat-item-3"><a title="View all posts filed under Drawing" href="../category/drawing/">Drawing</a></li>
<li class="cat-item cat-item-99"><a title="View all posts filed under Freebies" href="../category/freebies/">Freebies</a></li>
<li class="cat-item cat-item-1"><a title="View all posts filed under Inspirations" href="../category/inspirations/">Inspirations</a></li>
<li class="cat-item cat-item-162"><a title="View all posts filed under Interviews" href="../category/interviews/">Interviews</a></li>
<li class="cat-item cat-item-4"><a title="View all posts filed under Photo Effect" href="../category/photo-effect/">Photo Effect</a></li>
<li class="cat-item cat-item-2"><a title="View all posts filed under Resources" href="../category/resources/">Resources</a></li>
<li class="cat-item cat-item-5"><a title="View all posts filed under Text Effects" href="../category/text-effects/">Text Effects</a></li>
<li class="cat-item cat-item-37"><a title="View all posts filed under Vault News" href="../category/vault-news/">Vault News</a></li>
<li class="cat-item cat-item-173"><a title="View all posts filed under Wallpaper" href="../category/wallpaper/">Wallpaper</a></li>
<li class="cat-item cat-item-8"><a title="View all posts filed under Web Graphics" href="../category/web-graphics/">Web Graphics</a></li>
</ul>
</div>
<div class="adsense-link-top"><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-5981618282375192";
/* 728x15, created 8/29/09 */
google_ad_slot = "5301675814";
google_ad_width = 728;
google_ad_height = 15;
// ]]&gt;</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><script src="http://pagead2.googlesyndication.com/pagead/expansion_embed.js"></script><script src="http://googleads.g.doubleclick.net/pagead/test_domain.js"></script><script type="text/javascript">// <![CDATA[
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
// ]]&gt;</script><ins style="border: medium none; margin: 0pt; padding: 0pt; display: inline-table; height: 15px; position: relative; visibility: visible; width: 728px;"><ins style="border: medium none; margin: 0pt; padding: 0pt; display: block; height: 15px; position: relative; visibility: visible; width: 728px;"></ins></ins></div>
<div class="ad-singlepost"><script type="text/javascript">// <![CDATA[
Vertical1237539 = false;
ShowAdHereBanner1237539 = true;
RepeatAll1237539 = false;
NoFollowAll1237539 = false;
BannerStyles1237539 = new Array(
	"a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}",
	"a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;}",
        "a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}"
);</p>
<p>document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1237539/1237539.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));
// ]]&gt;</script><script src="http://s3.buysellads.com/1237539/1237539.js?v=1265296392000" type="text/javascript"></script><!-- div.bsap_1237539 {width:100%;display:block;} div.bsap_1237539 a{width:600px;} div.bsap_1237539 a img{padding:0;} div.bsap_1237539 a em{font-style:normal;} div.bsap_1237539 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;} div.bsap_1237539 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div.bsap_1237539 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div.bsap_1237539 a.adhere{width:600px;height:90px;line-height:720%;} html>body div.bsap_1237539 a.adhere{width:598px;height:88px;} div.bsap_1237539 img.s{height:0;width:0;}div#bsap_1237539 {width:100%;display:block;} div#bsap_1237539 a{width:600px;} div#bsap_1237539 a img{padding:0;} div#bsap_1237539 a em{font-style:normal;} div#bsap_1237539 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 4px 10px 0;text-align:center;text-decoration:none;overflow:hidden;} div#bsap_1237539 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div#bsap_1237539 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div#bsap_1237539 a.adhere{width:600px;height:90px;line-height:720%;} html>body div#bsap_1237539 a.adhere{width:598px;height:88px;} div#bsap_1237539 img.s{height:0;width:0;} &#8211;><script type="text/javascript">// <![CDATA[
 _bsap.drop("5d75722210b4d7defe9a186dfff10cb2", 1237539);
// ]]&gt;</script></p>
<div id="bsap_1237539" class="bsap bsap_1237539"><a id="bsa_5337" class="ad1 odd" title="Free Website Templates" onclick="_bsap.rocks('click',5337, 1237539)" href="http://www.freewebtemplates.info/" target="_blank"><img class="meebo-_sharableItem" src="http://s3.buysellads.com/1237539/f1e449eb0333dc78863db474c67cbec6-1239863979.jpg" alt="Free Website Templates" width="600" height="90" /></a></div>
</div>
<div class="single-post">
<div class="postthumb"><a title="Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop" href="../text-effects/design-an-awesome-splashing-ocean-text-effect-with-lightning-background-in-photoshop/"><img class="meebo-_sharableItem" src="../wp-content/uploads/thumbs/storm-ocean-text-flatten-2-200.jpg" alt="Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop" /></a></div>
<div class="post-excerpt">
<h2><a title="Go to Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop" rel="bookmark" href="../text-effects/design-an-awesome-splashing-ocean-text-effect-with-lightning-background-in-photoshop/">Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop</a></h2>
<p>Posted on January 25th, 2010 under <a title="View all posts in Text Effects" rel="category tag" href="../category/text-effects/">Text Effects</a>, it has <a title="Comment on Design an Awesome Splashing Ocean Text Effect with Lightning Background in Photoshop" href="../text-effects/design-an-awesome-splashing-ocean-text-effect-with-lightning-background-in-photoshop/#comments">16 Comments</a> and 8,395 Views so far.</p>
</div>
</div>
<div class="ad-in-post-3"><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-5981618282375192";
/* 468x15, created 9/3/09 */
google_ad_slot = "8795110472";
google_ad_width = 468;
google_ad_height = 15;
// ]]&gt;</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><script type="text/javascript">// <![CDATA[
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
// ]]&gt;</script><ins style="border: medium none; margin: 0pt; padding: 0pt; display: inline-table; height: 15px; position: relative; visibility: visible; width: 468px;"><ins style="border: medium none; margin: 0pt; padding: 0pt; display: block; height: 15px; position: relative; visibility: visible; width: 468px;"></ins></ins></div>
<div class="in-post-ad-125-125 clearfix"><script type="text/javascript">// <![CDATA[
Vertical1241837 = false;
ShowAdHereBanner1241837 = true;
RepeatAll1241837 = false;
NoFollowAll1241837 = false;
BannerStyles1241837 = new Array(
    "a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 6px 10px 0;text-align:center;text-decoration:none;overflow:hidden;}",
    "a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;}",
    "a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;}"
);
document.write(unescape("%3Cscript src='"+document.location.protocol+"//s3.buysellads.com/1241837/1241837.js?v="+Date.parse(new Date())+"' type='text/javascript'%3E%3C/script%3E"));
// ]]&gt;</script><script src="http://s3.buysellads.com/1241837/1241837.js?v=1265296393000" type="text/javascript"></script><!-- div.bsap_1241837 {width:100%;display:block;} div.bsap_1241837 a{width:125px;} div.bsap_1241837 a img{padding:0;} div.bsap_1241837 a em{font-style:normal;} div.bsap_1241837 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 6px 10px 0;text-align:center;text-decoration:none;overflow:hidden;} div.bsap_1241837 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div.bsap_1241837 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div.bsap_1241837 a.adhere{width:125px;height:125px;line-height:1000%;} html>body div.bsap_1241837 a.adhere{width:123px;height:123px;} div.bsap_1241837 img.s{height:0;width:0;}div#bsap_1241837 {width:100%;display:block;} div#bsap_1241837 a{width:125px;} div#bsap_1241837 a img{padding:0;} div#bsap_1241837 a em{font-style:normal;} div#bsap_1241837 a{display:block;font-size:11px;color:#888;font-family:verdana,sans-serif;margin:0 6px 10px 0;text-align:center;text-decoration:none;overflow:hidden;} div#bsap_1241837 a.adhere{color:#666;font-weight:bold;font-size:12px;border: 1px solid #bdbdbd;background: #d5d4d4;text-align:center;} div#bsap_1241837 a.adhere:hover{border:1px solid #999;background:#ddd;color:#333;} div#bsap_1241837 a.adhere{width:125px;height:125px;line-height:1000%;} html>body div#bsap_1241837 a.adhere{width:123px;height:123px;} div#bsap_1241837 img.s{height:0;width:0;} &#8211;><script type="text/javascript">// <![CDATA[
 _bsap.drop("5d75722210b4d7defe9a186dfff10cb2", 1241837);
// ]]&gt;</script></p>
<div id="bsap_1241837" class="bsap bsap_1241837"><a id="bsa_277938" class="ad1 odd" title="Learn Photoshop for FREE" onclick="_bsap.rocks('click',277938, 1241837)" href="http://data.cpalead.com/offer.php?id=82349878863&amp;pub=11644" target="_blank"><img class="meebo-_sharableItem" src="http://s3.buysellads.com/1238814/14779-1265055624.png" alt="Learn Photoshop for FREE" width="125" height="125" /></a><a id="bsa_212331" class="ad2 even" title="PSD to XHTML Coding" onclick="_bsap.rocks('click',212331, 1241837)" href="http://www.makexhtml.com/?ref=psdvault" target="_blank"><img class="meebo-_sharableItem" src="http://s3.buysellads.com/1237338/12190-1261163152.jpg" alt="PSD to XHTML Coding" width="125" height="125" /></a><a id="bsa_130352" class="ad3 odd" title="Create Your Own CMS" onclick="_bsap.rocks('click',130352, 1241837)" href="http://www.dmxready.com/?page=our-guts-your-glory" target="_blank"><img class="meebo-_sharableItem" src="http://s3.buysellads.com/1981/7502-1253904226.jpg" alt="Create Your Own CMS" width="125" height="125" /></a><a class="adhere ad4 even" title="Advertise Here" href="http://buysellads.com/buy/detail/1565" target="_blank">Advertise Here</a></div>
</div>
<div class="ad-in-post-3"><script type="text/javascript">// <![CDATA[
google_ad_client = "pub-5981618282375192";
/* 468x60, created 9/3/09 */
google_ad_slot = "7064582743";
google_ad_width = 468;
google_ad_height = 60;
// ]]&gt;</script> <script src="http://pagead2.googlesyndication.com/pagead/show_ads.js" type="text/javascript">
</script><script type="text/javascript">// <![CDATA[
google_protectAndRun("ads_core.google_render_ad", google_handleError, google_render_ad);
// ]]&gt;</script><ins style="border: medium none; margin: 0pt; padding: 0pt; display: inline-table; height: 60px; position: relative; visibility: visible; width: 468px;"><ins style="border: medium none; margin: 0pt; padding: 0pt; display: block; height: 60px; position: relative; visibility: visible; width: 468px;"></ins></ins></div>
<p>In this tutorial, I will show you the steps I took to create this really cool-looking, Splashing Ocean Text Effect with Lightning Background in Photoshop. Have a try :)</p>
<p>Along the way, we will be using lots of textures, image adjustments, blending options and various filters. The purpose is to show you how you can use multiple texture images and combine them to create dramatic effect.</p>
<p>Here is a preview of the final effect I have: (click to enlarge)</p>
<p><a href="../wp-content/uploads/2010/01/storm-ocean-text-flatten-21.jpg"><img class="alignnone size-medium wp-image-4910 meebo-_sharableItem" title="storm-ocean-text-flatten-2" src="../wp-content/uploads/2010/01/storm-ocean-text-flatten-21-500x312.jpg" alt="" width="500" height="312" /></a></p>
<p>To complete this tutorial, you will need to the follwing stocks:</p>
<p><a href="http://arwenarts.deviantart.com/art/STORM-AT-SEA-BG-STOCK-VII-3-146330845" target="_blank">Wave 1</a></p>
<p><a href="http://nikiljuicestock.deviantart.com/art/wave5-49433234" target="_blank">Wave 2</a></p>
<p><a href="http://www.fontsquirrel.com/fonts/download/Aldo" target="_blank">Font</a></p>
<p><a href="http://stock-by-kai.deviantart.com/art/Lightning-Original-147408115" target="_blank">Lightning</a></p>
<p>Ok let’s get started!</p>
<h3>PSD File for this Tutorial</h3>
<p><strong>You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.</strong></p>
<p><strong><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=GR2A64PKL3HD4" target="_blank"><img class="alignnone size-full wp-image-4045 meebo-_sharableItem" title="buy-psd-file" src="../wp-content/uploads/2009/11/buy-psd-file.png" alt="" width="250" height="100" /></a></strong></p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/design-a-mystical-golden-sphere-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>18</slash:comments>
		</item>
		<item>
		<title>10 Delicious Icon Design Tutorials Done in Photoshop</title>
		<link>http://www.psdvault.com/resources/10-delicious-icon-design-tutorials-done-in-photoshop/</link>
		<comments>http://www.psdvault.com/resources/10-delicious-icon-design-tutorials-done-in-photoshop/#comments</comments>
		<pubDate>Mon, 01 Feb 2010 12:38:05 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[resource]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4973</guid>
		<description><![CDATA[In terms of Icon design, people may think of Illustrator (or any other vector-oriented software) much more often that Photoshop. However, what happen if you just want to make some icons and the only tool you have is Photoshop?

Here I collected 11 Ultra Delicious Icon Design Tutorials Done in Photoshop to show you how you can create great icons with the drawing facilities available in Photoshop. If you haven't already seen them, take a look! You might be surprised to see how Photoshop can do :)]]></description>
			<content:encoded><![CDATA[<p>In terms of Icon design, people may think of Illustrator (or any other vector-oriented software) much more often that Photoshop. However, what happen if you just want to make some icons and the only tool you have is Photoshop?</p>
<p>Here I collected 11 Ultra Delicious Icon Design Tutorials Done in Photoshop to show you how you can create great icons with the drawing facilities available in Photoshop. If you haven&#8217;t already seen them, take a look! You might be surprised to see how Photoshop can do :)</p>
<p>Here goes the list, enjoy!</p>
<h4><a href="http://hv-designs.co.uk/2008/10/07/custom-hard-drive-icon/" target="_blank">Custom Hard Drive Icon</a></h4>
<blockquote><p>In this tutorial il show you how to create a custom hard drive icon in various colors.</p>
</blockquote>
<p><a href="http://hv-designs.co.uk/2008/10/07/custom-hard-drive-icon/"><img class="alignnone size-medium wp-image-4978" title="finished" src="http://www.psdvault.com/wp-content/uploads/2010/02/finished-500x384.gif" alt="" width="500" height="384" /></a></p>
<h4><a href="http://psd.tutsplus.com/designing-tutorials/create-a-jaguar-style-folder-icon/" target="_blank">Create a Jaguar Style Folder Icon</a></h4>
<blockquote><p>In this tutorial, we will show you how to cover an object in a Jaguar style fur texture. In this example, we&#8217;ll cover a computer folder, but this technique can be used with any other object, like a CD cover, a mouse, or even a computer.</p>
</blockquote>
<p><a href="http://psd.tutsplus.com/designing-tutorials/create-a-jaguar-style-folder-icon/"><img class="alignnone size-full wp-image-4979" title="jaguar_53" src="http://www.psdvault.com/wp-content/uploads/2010/02/jaguar_53.jpg" alt="" width="392" height="347" /></a></p>
<h4><a href="http://pshero.com/graphic-design/cs3-style-icons" target="_blank">Adobe Photoshop CS3 Style Icons</a></h4>
<blockquote><p>In this tutorial I will show you how to create the Adobe CS3 style icons using some basic gradients and layer styles.</p>
</blockquote>
<p><a href="http://pshero.com/graphic-design/cs3-style-icons"><img class="alignnone size-medium wp-image-4980" title="step9" src="http://www.psdvault.com/wp-content/uploads/2010/02/step9-500x277.jpg" alt="" width="500" height="277" /></a></p>
<h4><a href="http://gakuseisean.deviantart.com/art/Computer-Icon-Tutorial-58608475" target="_blank">Computer Icon Tutorial</a></h4>
<blockquote><p>For all those who have been waiting for this, here&#8217;s the computer icon video tutorial I promised. I&#8217;ve uploaded it externally as the file is too large for deviantArt.</p>
</blockquote>
<p><a href="http://gakuseisean.deviantart.com/art/Computer-Icon-Tutorial-58608475"><img class="alignnone size-medium wp-image-4981" title="Computer_Icon_Tutorial_by_gakuseisean" src="http://www.psdvault.com/wp-content/uploads/2010/02/Computer_Icon_Tutorial_by_gakuseisean-500x300.jpg" alt="" width="500" height="300" /></a></p>
<h4><a href="http://tu-torial.com/tutorial/232/" target="_blank">Wii Mote Controller Tutorial</a></h4>
<blockquote><p>Design a stylish Wii Mote Controller Tutorial in Photoshop. Take a look!</p>
</blockquote>
<p><a href="http://tu-torial.com/tutorial/232/"><img class="alignnone size-full wp-image-4982" title="Result" src="http://www.psdvault.com/wp-content/uploads/2010/02/Result.gif" alt="" width="269" height="457" /></a></p>
<h4><a href="http://psd.tutsplus.com/designing-tutorials/create-a-high-gloss-graduation-hat-icon-design/" target="_blank">Create a High-Gloss Graduation Hat Icon Design</a></h4>
<blockquote><p>Photoshop is great to use for creating quality icon designs. In this tutorial, I will teach you how to make a professional, shiny, clean graduation hat icon. The techniques in this tutorial will help you graduate to the next level in icon design.</p>
</blockquote>
<p><a href="http://psd.tutsplus.com/designing-tutorials/create-a-high-gloss-graduation-hat-icon-design/"><img class="alignnone size-medium wp-image-4983" title="Conclusion" src="http://www.psdvault.com/wp-content/uploads/2010/02/Conclusion-500x500.png" alt="" width="500" height="500" /></a></p>
<h4><a href="http://naldzgraphics.net/tutorials/how-to-create-a-cute-and-adorable-twitter-icon-in-photoshop/" target="_blank">How to Create a Cute and Adorable Twitter Icon in Photoshop</a></h4>
<blockquote><p>Today I will show you how I made the Cute Twitter Icons which I released a day ago.  It’s really simple actually. In this tutorial, you will learn how to create a Cute and Adorable Twitter Icon.</p>
</blockquote>
<p><a href="http://naldzgraphics.net/tutorials/how-to-create-a-cute-and-adorable-twitter-icon-in-photoshop/"><img class="alignnone size-medium wp-image-4984" title="twittertut1" src="http://www.psdvault.com/wp-content/uploads/2010/02/twittertut1-500x500.jpg" alt="" width="500" height="500" /></a></p>
<h4><a title="Permanent Link to Draw a Speaker Icon in Photoshop Part 1" rel="bookmark" href="http://10steps.sg/tutorials/photoshop/draw-a-speaker-icon-in-photoshop-1/">Draw a Speaker Icon in Photoshop</a></h4>
<blockquote><p>This tutorial is contributed by Sohan Negi and will show you in every details on how we can create a set of speakers icon from scratch in Photoshop.</p>
</blockquote>
<p><a href="http://10steps.sg/tutorials/photoshop/draw-a-speaker-icon-in-photoshop-1/"><img class="alignnone size-medium wp-image-4985" title="25" src="http://www.psdvault.com/wp-content/uploads/2010/02/25-500x500.jpg" alt="" width="500" height="500" /></a></p>
<h4><a href="http://www.tutorial9.net/photoshop/simple-coffee-cup-icon-photoshop-tutorial/" target="_blank">Simple Coffee Cup Icon Photoshop Tutorial</a></h4>
<blockquote><p>In this tutorial we’ll be going though creating a semi-photo realistic coffee cup, with some nice frothy coffee.</p>
</blockquote>
<p><a href="http://www.tutorial9.net/photoshop/simple-coffee-cup-icon-photoshop-tutorial/"><img class="alignnone size-medium wp-image-4986" title="coffee-lead" src="http://www.psdvault.com/wp-content/uploads/2010/02/coffee-lead-500x216.png" alt="" width="500" height="216" /></a></p>
<h4><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/" target="_blank">Nice ‘n’ Simple Subscribe Badges</a></h4>
<blockquote><p>In this Photoshop tutorial we’ll be making those cool supermarket-style badges, then we’ll be turning them into subscribe buttons for your website, a must-have for any blog!</p>
</blockquote>
<p><a href="http://www.photoshopstar.com/web-graphics/nice-simple-subscribe-badges/"><img class="alignnone size-medium wp-image-4987" title="subscribe-badges" src="http://www.psdvault.com/wp-content/uploads/2010/02/subscribe-badges-500x181.jpg" alt="" width="500" height="181" /></a></p>
<p>That&#8217;s it for this post! Hope you enjoy this collection and find those tutorials useful!</p>
<p>Cheers and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/resources/10-delicious-icon-design-tutorials-done-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>(Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design</title>
		<link>http://www.psdvault.com/drawing/another-5-interesting-little-photoshop-tricks-to-add-extra-elegance-to-your-design/</link>
		<comments>http://www.psdvault.com/drawing/another-5-interesting-little-photoshop-tricks-to-add-extra-elegance-to-your-design/#comments</comments>
		<pubDate>Wed, 20 Jan 2010 06:20:49 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Basics]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Photo Effect]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[basic]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[elegance]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tip]]></category>
		<category><![CDATA[trick]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4811</guid>
		<description><![CDATA[Previously I published a post named "5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design" and it turns out to be quite a popular tutorial here. (Had about 35,000 hits so far). So I guess you guys (especially Photoshop beginners) would probably like another similar post.  So here we go :)

In this post, I will show you yet another 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design. These techniques are just little things that I found useful in Photoshop, and I think they're quite beneficial to learn if you're a PS beginner. So go ahead and have a try!]]></description>
			<content:encoded><![CDATA[<p>Previously I published a post named &#8220;<a title="Go to 5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design" rel="bookmark" href="../drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/">5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design&#8221;</a> and it turns out to be quite a popular tutorial here. (Had about 35,000 hits so far). So I guess you guys (especially Photoshop beginners) would probably like another similar post.  So here we go :)</p>
<p>In this post, I will show you yet another 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design. These techniques are just little things that I found useful in Photoshop, and I think they&#8217;re quite beneficial to learn if you&#8217;re a PS beginner. So go ahead and have a try!</p>
<p>The 5 topics I will cover in this post:</p>
<ol>
<li>Create 3D Stripes</li>
<li>Make Your Text Look Clearer with Stroke</li>
<li>Use Smart Sharpen Filter to add final touches</li>
<li>A Quick Way of Enhancing Lighting Contrast to Your Image</li>
<li>The Use of Highpass Filter &#8211; Another Way of Sharpen Your Image</li>
</ol>
<h3>Create 3D Stripes</h3>
<p>Create a new document sized 800 x 600px, fill the background layer with a light colour as shown below:</p>
<p><img class="alignnone size-medium wp-image-4834" title="1 fill" src="http://www.psdvault.com/wp-content/uploads/2010/01/1-fill1-500x364.jpg" alt="" width="500" height="364" /></p>
<p>Create a new layer on top of the background layer and set its blending mode to &#8220;soft light&#8221;, grab a big soft white brush and do a single click here:</p>
<p><img class="alignnone size-medium wp-image-4835" title="2 highlight" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-highlight-500x364.jpg" alt="" width="500" height="364" /></p>
<p>Create a new layer called &#8220;stripe upper&#8221; and fill it with dark brown colour:</p>
<p><img class="alignnone size-medium wp-image-4836" title="2 fill 2" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-fill-21-500x355.jpg" alt="" width="500" height="355" /></p>
<p>Apply the following gradient overlay settings to this layer:</p>
<p><img class="alignnone size-medium wp-image-4837" title="2 grad" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-grad-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Duplicate this layer once and rename the duplicated layer &#8220;stripe lower&#8221;, resize it and fill it with a light green colour:</p>
<p><img class="alignnone size-medium wp-image-4839" title="1 lower" src="http://www.psdvault.com/wp-content/uploads/2010/01/1-lower-500x216.jpg" alt="" width="500" height="216" /></p>
<p>Apply the following layer blending options to this layer:</p>
<p><img class="alignnone size-medium wp-image-4840" title="2 inner sha" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-inner-sha-500x350.jpg" alt="" width="500" height="350" /></p>
<p><img class="alignnone size-medium wp-image-4841" title="2 grad 2" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-grad-2-500x350.jpg" alt="" width="500" height="350" /></p>
<p>and you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-4838" title="2 effect 2" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-effect-2-500x352.jpg" alt="" width="500" height="352" /></p>
<p>Create a new group called &#8220;stripes&#8221; and put those two layer into it, duplicate the group and use the free transform tool to distort the whole group as shown below:</p>
<p><img class="alignnone size-full wp-image-4842" title="2 drag" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-drag.jpg" alt="" width="436" height="312" /></p>
<p>Hint: first resize it to a narrower size, then distort.</p>
<p>Duplicate the original stripe group once more, and put the duplicated group on the top, drag it to the left as shown below:</p>
<p><img class="alignnone size-medium wp-image-4843" title="2 dup left" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-dup-left-499x203.jpg" alt="" width="499" height="203" /></p>
<p>Now there is the intersting bit &#8211; because the light source is from the right, so we need to reduce the brightness of the middle distorted part. To do this, simply <strong>merge</strong> the two stripes layers of the centre bit, apply the following brightness and contrast adjustment to it:</p>
<p><img class="alignnone size-full wp-image-4844" title="2 bc" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-bc.jpg" alt="" width="326" height="124" /></p>
<p>and you will see the following effect:</p>
<p><img class="alignnone size-full wp-image-4845" title="2 effect 4" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-effect-4.jpg" alt="" width="339" height="272" /></p>
<p>and here is the overall effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/01/3d.jpg"><img class="alignnone size-medium wp-image-4846" title="3d" src="http://www.psdvault.com/wp-content/uploads/2010/01/3d-500x375.jpg" alt="" width="500" height="375" /></a></p>
<p>That&#8217;s it! Hopefully this will be use to you when it comes to adding depth to your web design.</p>
<h3>Make Your Text Look Clearer with Stroke</h3>
<p>Making your text look more attractive is always a great way to focus user&#8217;s attention (especially on websites). But apart from adding all sorts of drop shadow, inner shadow, bevel and emboss effect, have you considered just to use the &#8220;<strong>Stroke</strong>&#8221; blending option?</p>
<p>Now create a new document size 250 x 120px, fill the background layer with a light blue to dark blue gradient, as shown below:</p>
<p><img class="alignnone size-full wp-image-4827" title="2 fill" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-fill.jpg" alt="" width="243" height="121" /></p>
<p>Download a copy of <a href="http://www.fontsquirrel.com/fonts/download/ChunkFive" target="_blank">this font</a> and type some text onto it: (or you can try out differernt font if you like)</p>
<p><img class="alignnone size-full wp-image-4828" title="2 type" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-type.jpg" alt="" width="245" height="115" /></p>
<p>Now go to the blending options of this text layer, apply the following &#8220;Stroke&#8221; settings to it:</p>
<p><img class="alignnone size-medium wp-image-4830" title="2 stroke" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-stroke-500x350.jpg" alt="" width="500" height="350" /></p>
<p>Hint: with the colour, choose a <strong>darker blue</strong>.</p>
<p>You will have the following effect:</p>
<p><img class="alignnone size-full wp-image-4831" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2010/01/2-effect1.jpg" alt="" width="248" height="112" /></p>
<p>You can the text looks better and clearer. The trick is that when you choose the colour of the stroke, always choose one that is slightly darker than the background colour.</p>
<p>I guess this is epecially great way to increase the clarity of the text when it comes to making web graphics.</p>
<h3>Use Smart Sharpen Filter to add final touches</h3>
<p>Download a copy of <a href="http://model-aria--stock.deviantart.com/art/MODEL-STOCK-19-117552124" target="_blank">this model image</a> and load it into Photoshop. As you can see this stock looks great originally, however you can probably sense that there is still thing you can do to improve it a bit.</p>
<p>Now let&#8217;s pretend this is a photo you have already done the majority of the retouch, and you feel there is something short. So go to Filter &gt; Sharpen &gt; Smart Sharpen and apply this following settings:</p>
<p><strong>Please make sure you choose &#8220;Advanced&#8221; instead of the default &#8220;Basic&#8221;.</strong></p>
<p>Sharpen</p>
<p><img class="alignnone size-medium wp-image-4816" title="3 sha 1" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-1-500x317.jpg" alt="" width="500" height="317" /></p>
<p>Shadow</p>
<p><img class="alignnone size-medium wp-image-4817" title="3 sha 2" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-2-500x317.jpg" alt="" width="500" height="317" /></p>
<p>Highlight</p>
<p><img class="alignnone size-medium wp-image-4818" title="3 sha 3" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-3-500x317.jpg" alt="" width="500" height="317" /></p>
<p>And once you apply the smart sharpen shettings, you will see we brought that extra bit of detail out of the image. Belows are screenshots pointing out the areas which we can see improvements:</p>
<p><img class="alignnone size-medium wp-image-4819" title="3 sha 4" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-4-500x214.jpg" alt="" width="500" height="214" /></p>
<p><img class="alignnone size-medium wp-image-4820" title="3 sha 5" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-5-500x226.jpg" alt="" width="500" height="226" /></p>
<p><img class="alignnone size-medium wp-image-4821" title="3 sha 6" src="http://www.psdvault.com/wp-content/uploads/2010/01/3-sha-6-500x280.jpg" alt="" width="500" height="280" /></p>
<p>And here is a before and after comparison of the image:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-4822" title="model" src="http://www.psdvault.com/wp-content/uploads/2010/01/model-466x700.jpg" alt="" width="466" height="700" /></p>
<p>After (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/01/model-after.jpg"><img class="alignnone size-medium wp-image-4823" title="model-after" src="http://www.psdvault.com/wp-content/uploads/2010/01/model-after-466x700.jpg" alt="" width="466" height="700" /></a></p>
<p>Of course the above smart sharpen settings are not applicable to every image, you will have to adjust them to suit your need in different cases. Experiment with them :)</p>
<h3>A Quick Way of Enhancing Lighting Contrast to Your Image</h3>
<p>Now we continue from the previous step &#8211; sometimes you will find although the light in the image looks quite good, you feel there is still area that you want to add more contrast to it. Here is a simple way to do it:</p>
<p>Create a new layer on top of every other layer, grab a soft brush (0% hardness) with black colour, do a few clicks in the areas you would like to enhance the lighting contrast:</p>
<p><img class="alignnone size-full wp-image-4825" title="4 black" src="http://www.psdvault.com/wp-content/uploads/2010/01/4-black.jpg" alt="" width="368" height="551" /></p>
<p>Change the blending mode of the new layer to &#8220;overlay&#8221; or &#8220;soft light&#8221;, you will have the following effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/01/4-black-2.jpg"><img class="alignnone size-full wp-image-4826" title="4 black 2" src="http://www.psdvault.com/wp-content/uploads/2010/01/4-black-2.jpg" alt="" width="363" height="550" /></a></p>
<p>You can use this method to add lighting contrast to lots of occasions, but make sure not to overdo it :)</p>
<h3>The Use of Highpass Filter &#8211; Another Way of Sharpen Your Image</h3>
<p>Here is a clever use of the highpass filter (which I guess most of you haven&#8217;t really use if much before) &#8211; use it to sharpen your image!</p>
<p>Downlaod a copy of <a href="http://momotte2stocks.deviantart.com/art/Lake-30-mountain-lake-148043318" target="_blank">this image</a> and load it into Photoshop. Duplicate the background layer once and go to Filter &gt; Other &gt; High Pass and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-4847" title="5 pass" src="http://www.psdvault.com/wp-content/uploads/2010/01/5-pass.jpg" alt="" width="312" height="299" /></p>
<p>Change the blending mode of this layer to &#8220;Hard Light&#8221; and reduce its opacity to around 20%. Here is a before and after comparison:</p>
<p>Before</p>
<p><img class="alignnone size-medium wp-image-4848" title="5 bef" src="http://www.psdvault.com/wp-content/uploads/2010/01/5-bef-500x364.jpg" alt="" width="500" height="364" /></p>
<p>After (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2010/01/5-af.jpg"><img class="alignnone size-medium wp-image-4849" title="5 af" src="http://www.psdvault.com/wp-content/uploads/2010/01/5-af-500x370.jpg" alt="" width="500" height="370" /></a></p>
<p>One thing I like about using this method is that the sharpen can be undone, due to the fact that the seperate layer was created. And the effect can be controlled by adjusting the layer opacity.</p>
<p>OK that&#8217;s it for this post! Hope you enjoy it and find it useful!</p>
<p>Until next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/another-5-interesting-little-photoshop-tricks-to-add-extra-elegance-to-your-design/feed/</wfw:commentRss>
		<slash:comments>12</slash:comments>
		</item>
		<item>
		<title>Draw a Rather Cute, Unique Style &#8220;Play&#8221; Button in Photoshop</title>
		<link>http://www.psdvault.com/drawing/draw-a-rather-cute-unique-style-play-button-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/draw-a-rather-cute-unique-style-play-button-in-photoshop/#comments</comments>
		<pubDate>Sun, 06 Dec 2009 08:55:50 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[cute]]></category>
		<category><![CDATA[glossy]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[play]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[unique]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4248</guid>
		<description><![CDATA[In this tutorial, I will show you the process I took to create this rather cute, unique Style "Play" Button in Photoshop. It's a simple (aimed for PS beginners) but fun tutorial, have a try :)

The primary goal for this tut is to show you the functionalities behind the draw tools, selection tool and the use of layer blending options. I also added my own design ideas to make this play button a bit unique. Hope you enjoy it!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the process I took to create this rather cute, unique Style &#8220;Play&#8221; Button in Photoshop. It&#8217;s a simple (aimed for PS beginners) but fun tutorial, have a try :)</p>
<p>The primary goal for this tut is to show you the functionalities behind the draw tools, selection tool and the use of layer blending options. I also added my own design ideas to make this play button a bit unique. Hope you enjoy it!</p>
<p>Here is a preview of the final effect for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/12/glossy-play-button-final2.jpg"><img class="alignnone size-medium wp-image-4285" title="glossy-play-button-final" src="http://www.psdvault.com/wp-content/uploads/2009/12/glossy-play-button-final2-500x300.jpg" alt="glossy-play-button-final" width="500" height="300" /></a></p>
<h3>PSD File for this Tutorial</h3>
<p><strong>You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.</strong></p>
<p><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=9946260" target="_blank"></a><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=10299603" target="_blank"><img class="alignnone size-full wp-image-4045" title="buy-psd-file" src="http://www.psdvault.com/wp-content/uploads/2009/11/buy-psd-file.png" alt="buy-psd-file" width="250" height="100" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1000 x 600px. Fill the background with the following gradient:</p>
<p><img class="alignnone size-medium wp-image-4252" title="1 fill" src="http://www.psdvault.com/wp-content/uploads/2009/12/1-fill-499x298.png" alt="1 fill" width="499" height="298" /></p>
<p>Duplicate the background layer once, resize and rotate the duplicated layer, use a big soft brush to erase the left and right side, and position it as shown below:</p>
<p><img class="alignnone size-medium wp-image-4253" title="1 resize and rotate" src="http://www.psdvault.com/wp-content/uploads/2009/12/1-resize-and-rotate-500x296.png" alt="1 resize and rotate" width="500" height="296" /></p>
<p>We now have a reasonably good-looking background to work on. Personally I feel sometimes a nice background help creating the mood we need to continue working on the graphic.</p>
<h3>Step 2</h3>
<p>Create a new layer named &#8220;circle&#8221;, grab the &#8220;Ellipse Tool&#8221; from the toolbox:</p>
<p><img class="alignnone size-full wp-image-4278" title="2 ellipse tool" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-ellipse-tool.png" alt="2 ellipse tool" width="273" height="168" /></p>
<p>Make sure your setting is set to below: (white fill color)</p>
<p><img class="alignnone size-medium wp-image-4279" title="2 e setting" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-e-setting-500x24.png" alt="2 e setting" width="500" height="24" /></p>
<p>hold down the &#8220;Shift&#8221; key and draw a white circle on the layer:</p>
<h3><img class="alignnone size-medium wp-image-4256" title="2 draw" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-draw-500x275.png" alt="2 draw" width="500" height="275" /></h3>
<p>Apply the following layer blending options to this circle layer:</p>
<p>Drop  Shadow</p>
<p><img class="alignnone size-medium wp-image-4257" title="2 drop sha" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-drop-sha-500x350.png" alt="2 drop sha" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-4260" title="2 inner sha" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-inner-sha-500x350.png" alt="2 inner sha" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-4254" title="2 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-bevel-500x350.png" alt="2 bevel" width="500" height="350" /></p>
<p>Color Overlay</p>
<p><img class="alignnone size-medium wp-image-4255" title="2 col over" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-col-over-500x350.png" alt="2 col over" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4259" title="2 gra over" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-gra-over-500x350.png" alt="2 gra over" width="500" height="350" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-4258" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/12/2-effect-500x286.png" alt="2 effect" width="500" height="286" /></p>
<p>The colour I chose for this play is orange, however you can try out different colour such as blue, green, purple &#8211; the choice is yours.</p>
<h3>Step 3</h3>
<p>Now we can add a glossy overlay to the circle background to make it more attractive :) To do this, create a new layer on top of the &#8220;circle&#8221; layer, name it as &#8220;glossy overlay&#8221;. Load the selection of the &#8220;circle&#8221; layer by Ctrl + left click the thumbnail on the layer pallette, as shown below:</p>
<p><img class="alignnone size-full wp-image-4265" title="3 load selection" src="http://www.psdvault.com/wp-content/uploads/2009/12/3-load-selection.png" alt="3 load selection" width="386" height="262" /></p>
<p>Click on the &#8220;Glossy Overlay&#8221; layer, then select the &#8220;Elliptical Marquee Tool&#8221; and choose the &#8220;subtract from selection&#8221; option:</p>
<p><img class="alignnone size-medium wp-image-4280" title="3 subtract" src="http://www.psdvault.com/wp-content/uploads/2009/12/3-subtract-500x133.png" alt="3 subtract" width="500" height="133" /></p>
<p>Then draw a selection around 50% the height of the original &#8220;circle&#8221; layer on the &#8220;Glossy Overlay&#8221; layer, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-4261" title="3 after sub" src="http://www.psdvault.com/wp-content/uploads/2009/12/3-after-sub-499x327.png" alt="3 after sub" width="499" height="327" /></p>
<p>Fill the selection with white colour, then change the blending mode to &#8220;overlay&#8221;, opacity around 30%.</p>
<p>Press Ctrl + T and use the Free Transform Tool to rotate the selection clockwise a bit, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-4262" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/12/3-effect-2-500x311.png" alt="3 effect 2" width="500" height="311" /></p>
<h3>Step 4</h3>
<p>Create  a new layer on top of  the glossy overlay layer, grab the &#8220;polygon tool&#8221; from the toolbox, apply the following option to it: (Make sure to choose &#8220;3&#8243; for sides, because we&#8217;re drawing a triangle!)</p>
<p><img class="alignnone size-medium wp-image-4272" title="4 poly sides 3" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-poly-sides-3-500x46.png" alt="4 poly sides 3" width="500" height="46" /></p>
<p>After drawing, rotate it a bit clockwise so it matches the angle of the background:</p>
<p><img class="alignnone size-medium wp-image-4268" title="4 after draw" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-after-draw-499x282.png" alt="4 after draw" width="499" height="282" /></p>
<p>Apply the following layer blending options to it:</p>
<p>Drop shadow</p>
<p><img class="alignnone size-medium wp-image-4270" title="4 drop shadow" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-drop-shadow-500x350.png" alt="4 drop shadow" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-4271" title="4 inner sha" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-inner-sha-500x350.png" alt="4 inner sha" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-4269" title="4 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-bevel-500x350.png" alt="4 bevel" width="500" height="350" /></p>
<p><strong>(Ingore the gradient overlay setting, I decided not to include it in the end)</strong></p>
<p>Add a layer mask to this triangle layer, use a smalll soft brush, erase the joint points a bit:</p>
<p><img class="alignnone size-medium wp-image-4282" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-effect-500x387.png" alt="4 effect" width="500" height="387" /></p>
<p>You will have the following effect:</p>
<p>To add a bit depth to the play button, we can duplicate the triangle layer once, disable all layer effect on the duplicated layer, reduce its height and width a bit, you will have following effect:</p>
<p><img class="alignnone size-medium wp-image-4283" title="4 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/12/4-effect-2-500x355.png" alt="4 effect 2" width="500" height="355" /></p>
<h3>Step 5</h3>
<p>To add a bit creativity to the button, I decided to add some smaller circle around it, with a different colour. To do this, I simple duplicated the original circle layer once  and put the duplicated layer below it. On the duplicated layer, cancel all layer blending effects except the<strong> Bevel and Emboss and Gradient Overlay options:</strong></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-4273" title="5 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/12/5-bevel-500x350.png" alt="5 bevel" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4277" title="5 gradient" src="http://www.psdvault.com/wp-content/uploads/2009/12/5-gradient-500x350.png" alt="5 gradient" width="500" height="350" /></p>
<p>Use the free tranform tool to resize it to a smaller size, then duplicate it for another three times, scatter those layers around the circle as shown below</p>
<p><img class="alignnone size-medium wp-image-4275" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2009/12/5-effect-500x356.png" alt="5 effect" width="500" height="356" /></p>
<p>Then we can add shadow onto the image to make it deeper &#8211; To do this simply create a new layer on top of the &#8220;background copy&#8221; layer, and grab a big black brush around the same size as the circle layer, do a single click on it, then resize the layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-4284" title="5 resize shadow" src="http://www.psdvault.com/wp-content/uploads/2009/12/5-resize-shadow-500x297.png" alt="5 resize shadow" width="500" height="297" /></p>
<p>Reduce its opacity a bit and position it behind the circle, and here is the final effect: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/12/glossy-play-button-final2.jpg"><img class="alignnone size-medium wp-image-4285" title="glossy-play-button-final" src="http://www.psdvault.com/wp-content/uploads/2009/12/glossy-play-button-final2-500x300.jpg" alt="glossy-play-button-final" width="500" height="300" /></a></p>
<p>That&#8217;s for this tutorial! Drop me a comment if you have any trouble with it, I will try my best to help you out :)</p>
<p>Have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/draw-a-rather-cute-unique-style-play-button-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>14</slash:comments>
		</item>
		<item>
		<title>10 Excellent Photoshop Tutorials to Boost Your Drawing Skills</title>
		<link>http://www.psdvault.com/resources/10-excellent-photoshop-tutorials-to-boost-your-drawing-skills/</link>
		<comments>http://www.psdvault.com/resources/10-excellent-photoshop-tutorials-to-boost-your-drawing-skills/#comments</comments>
		<pubDate>Mon, 30 Nov 2009 12:46:21 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Resources]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[roundup]]></category>
		<category><![CDATA[showcase]]></category>
		<category><![CDATA[skill]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=4219</guid>
		<description><![CDATA[In my opinion, drawing effect has always been a vital part of Photoshop. The various tools and filters available in Photoshop provides designers pretty much endless possibility of creating realistic drawing effect. The good thing is to create those effect is not that difficult and everyone can do it - providing you put in some effort practicing :)

In this post, I will showcase you 10 excellent Photoshop Tutorials that I think can give you a boost to your drawing skills. I have personally tried out them in the past and I think the quality of them are quite good, and should give you lot of tips and tricks into the Photoshop drawing world.

For your convenience, I categorise those tutorials into three difficulty levels: beginner, intermediate and advanced.

Here goes the list, enjoy!]]></description>
			<content:encoded><![CDATA[<p>In my opinion, drawing effect has always been a vital part of Photoshop. The various tools and filters available in Photoshop provides designers pretty much endless possibility of creating realistic drawing effect. The good thing is to create those effect is not that difficult and everyone can do it &#8211; providing you put in some effort practicing :)</p>
<p>In this post, I will showcase you <strong>10 excellent Photoshop Tutorials that I think can give you a boost to your drawing skills. </strong>I have personally tried out them in the past and I think the quality of them are quite good, and should give you lot of tips and tricks into the Photoshop drawing world.</p>
<p>For your convenience, I categorise those tutorials into three difficulty levels: <strong> </strong></p>
<p>Here goes the list, enjoy!</p>
<h3>Beginner</h3>
<h4><a href="http://www.psdcore.com/tutorials/designing/badge-buttons/" target="_blank">How to Draw Badge Buttons in Photoshop</a></h4>
<blockquote><p>In this tutorial I’ll be showing you how to create your own shiny buttons that you can stick different pictures on.</p>
<p>Source: psdcore.com</p></blockquote>
<p><a href="http://www.psdcore.com/tutorials/designing/badge-buttons/"><img class="alignnone size-medium wp-image-4233" title="010_step11" src="http://www.psdvault.com/wp-content/uploads/2009/11/010_step11-500x350.jpg" alt="010_step11" width="500" height="350" /></a></p>
<h4><a href="http://pshero.com/archives/water-drops/" target="_blank">Realistic Water Drops</a></h4>
<blockquote><p>In this Photoshop tutorial I will show you how to make basic water drops in three dimensional space using the elliptical marquee tool, free transform, duplicate layer and a few simple layer effects.</p>
<p>Source: pshero.com</p></blockquote>
<p><a href="http://pshero.com/archives/water-drops/"><img class="alignnone size-medium wp-image-4225" title="final" src="http://www.psdvault.com/wp-content/uploads/2009/11/final-500x277.jpg" alt="final" width="500" height="277" /></a></p>
<h4><a href="http://10steps.sg/tutorials/photoshop/draw-3d-crystal-icon-in-photoshop/" target="_blank">Draw 3D Crystal Icon in Photoshop</a></h4>
<blockquote><p>This tutorial shows you how to draw nice and glossy 3D crystal icon. A beginner level tutorial however quite informative. Have a try!</p>
<p>Source: 10step.sg</p></blockquote>
<p><a href="http://10steps.sg/tutorials/photoshop/draw-3d-crystal-icon-in-photoshop/"><img class="alignnone size-medium wp-image-4226" title="enlarge" src="http://www.psdvault.com/wp-content/uploads/2009/11/enlarge-500x365.jpg" alt="enlarge" width="500" height="365" /></a></p>
<h4><a href="http://hv-designs.co.uk/2008/03/23/custom-sim-cards-tutorial/" target="_blank">Custom Sim Cards Tutorial</a></h4>
<blockquote><p>This tutorial shows you the steps to make this really cool, realistic sim card in Photoshop. Very simple yet effective.</p>
<p>Source: hv-designs.co.uk</p></blockquote>
<p><a href="http://hv-designs.co.uk/2008/03/23/custom-sim-cards-tutorial/"><img class="alignnone size-medium wp-image-4230" title="simcard" src="http://www.psdvault.com/wp-content/uploads/2009/11/simcard-500x313.jpg" alt="simcard" width="500" height="313" /></a></p>
<h3>Intermediate</h3>
<h4><a href="http://pshero.com/archives/create-an-old-envelope/" target="_blank">Create An Old Envelope</a></h4>
<blockquote><p>I&#8217;ve had several requests since posting the Postage Stamp lesson for a follow-up on how to create the envelope used in that tutorial. Well today my Photoshop friends your prayers have been answered. Here&#8217;s the step by step to creating that cool old envelope.</p>
<p>Source: pshero.com</p></blockquote>
<p><a href="http://pshero.com/archives/create-an-old-envelope/"><img class="alignnone size-medium wp-image-4227" title="final-env" src="http://www.psdvault.com/wp-content/uploads/2009/11/final-env-500x400.jpg" alt="final-env" width="500" height="400" /></a></p>
<h4><a href="http://3nhanced.com/photoshop/how-to-make-a-badass-wordpress-logo/" target="_blank">How to Make a Badass WordPress Logo</a></h4>
<blockquote><p>I was in a store the other day and walked by a sign with a logo that had an amazing shiny/metallic look to it. So, I whipped out my cellphone and took a picture of it. I spent a while trying to recreate the look but came up with something a little different. I applied that look to a WordPress Logo. This is how I did it…</p>
<p>Source: 3nhanced.com</p></blockquote>
<p><a href="http://3nhanced.com/photoshop/how-to-make-a-badass-wordpress-logo/"><img class="alignnone size-full wp-image-4229" title="finished" src="http://www.psdvault.com/wp-content/uploads/2009/11/finished.jpg" alt="finished" width="500" height="500" /></a></p>
<h4><a href="http://www.lunacore.com/photoshop/tutorials/tut009.htm" target="_blank">Creating a Glass Ball</a></h4>
<blockquote><p>During the course of this Photoshop tutorial we&#8217;re going through 9 major steps to create a glass ball. The main goal of this tutorial is that you get an idea how to approach this. It&#8217;s not that important to remember all settings, but it&#8217;s more important that you understand what&#8217;s exactly happening.</p>
<p>Source: lunacore.com</p></blockquote>
<p><a href="http://www.lunacore.com/photoshop/tutorials/tut009.htm"><img class="alignnone size-medium wp-image-4224" title="Creating-a-Glass-Ball" src="http://www.psdvault.com/wp-content/uploads/2009/11/Creating-a-Glass-Ball-500x219.png" alt="Creating-a-Glass-Ball" width="500" height="219" /></a></p>
<h3>Advanced</h3>
<h4><a href="http://www.3dtotal.com/team/Tutorials/faking_3d/faking_3d01.asp" target="_blank">Faking the 3D look using Photoshop</a></h4>
<blockquote><p>The aim of this tutorial is to show you a different use of Photoshop other than image editing. It is my tribute to the original artist&#8217;s work. Besides, I wanted to break a tradition here. Most of the 3D work of animators is inspired from 2D work (sketch/painting/photo).</p>
<p>Source: 3dtotal.com</p></blockquote>
<p><a href="http://www.3dtotal.com/team/Tutorials/faking_3d/faking_3d01.asp"><img class="alignnone size-medium wp-image-4231" title="main" src="http://www.psdvault.com/wp-content/uploads/2009/11/main-500x401.jpg" alt="main" width="500" height="401" /></a></p>
<h4><a href="http://abduzeedo.com/create-amazing-ad-photoshop" target="_blank">Create an amazing Ad in Photoshop</a></h4>
<blockquote><p>I&#8217;m a really fan of Peter Jaworowski aka The Hejz, I even wrote a tutorial for PSDTUTS showing an effect inspired by one of the Peter&#8217;s amazing works. Then last week, Cameron and Bobby, gave me some tips on how create those light streaks, and that is what I will share with you in this post.</p>
<p>Source: abduzeedo.com</p></blockquote>
<p><a href="http://abduzeedo.com/create-amazing-ad-photoshop"></a><a href="http://abduzeedo.com/create-amazing-ad-photoshop"><img class="alignnone size-medium wp-image-4228" title="ad_ps" src="http://www.psdvault.com/wp-content/uploads/2009/11/ad_ps-500x312.jpg" alt="ad_ps" width="500" height="312" /></a></p>
<h4><a href="http://www.tutorial9.net/photoshop/design-a-vintage-radio-icon-in-photoshop/" target="_blank">Design a Vintage Radio Icon in Photoshop</a></h4>
<blockquote><p>In this Photoshop Tutorial, you’ll learn how to design an old vintage radio using simple shapes, gradients, patterns and textures.</p>
<p>Source: tutorial9.net</p></blockquote>
<p><a href="http://www.tutorial9.net/photoshop/design-a-vintage-radio-icon-in-photoshop/"><img class="alignnone size-medium wp-image-4232" title="old-radio-lead" src="http://www.psdvault.com/wp-content/uploads/2009/11/old-radio-lead-500x216.jpg" alt="old-radio-lead" width="500" height="216" /></a></p>
<p>OK that&#8217;s it for this post! Thanks for reading it and I hope you found those tutorials useful for improving your drawing skills!</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/resources/10-excellent-photoshop-tutorials-to-boost-your-drawing-skills/feed/</wfw:commentRss>
		<slash:comments>11</slash:comments>
		</item>
		<item>
		<title>Create a Transparent Text Effect with Fresh Grass Texture and Custom Brushset</title>
		<link>http://www.psdvault.com/drawing/create-a-transparent-text-effect-with-fresh-grass-texture-and-custom-brushset/</link>
		<comments>http://www.psdvault.com/drawing/create-a-transparent-text-effect-with-fresh-grass-texture-and-custom-brushset/#comments</comments>
		<pubDate>Wed, 21 Oct 2009 14:49:03 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[cloud]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[grass]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[painting]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[texture]]></category>
		<category><![CDATA[transparent]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3850</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this Trasparent Text Effect, mixing with Fresh Grass Texture and Cloud Brushset. You can use the text effect in a wide range of occasions - such as website header background, part of a natural themed design, etc.

Along the way, I would like to show you my use of brushsets and the way I use them to draw background textures, then mixing the background texture with real-world object.

Some steps of this tutorial require the use of features available on CS4, but I guess there is always alternative way you can use, although the end effect may differ slightly.

Have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this Trasparent Text Effect, mixing with Fresh Grass Texture and Cloud Brushset. You can use the text effect in a wide range of occasions &#8211; such as website header background, part of a natural themed design, etc.</p>
<p>Along the way, I would like to show you my use of brushsets and the way I use them to draw background textures, then mixing the background texture with real-world object.</p>
<p>Some steps of this tutorial require the use of features available on CS4, but I guess there is always alternative way you can use, although the end effect may differ slightly.</p>
<p>Have a try :)</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/10/trans-natural-typo-flatten2.jpg"><img class="alignnone size-medium wp-image-3882" title="trans-natural-typo-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/10/trans-natural-typo-flatten2-500x300.jpg" alt="trans-natural-typo-flatten" width="500" height="300" /></a></p>
<h3>PSD File for this Tutorial</h3>
<p><strong>You can have this PSD File for only $2.00 via Paypal! Click the link below and you will be taken to the Paypal checkout page, after payment you will be redirect to the download page automatically.</strong></p>
<p><strong><a href="https://www.paypal.com/cgi-bin/webscr?cmd=_s-xclick&amp;hosted_button_id=10259391" target="_blank"><img class="alignnone size-full wp-image-4045" title="buy-psd-file" src="http://www.psdvault.com/wp-content/uploads/2009/11/buy-psd-file.png" alt="buy-psd-file" width="250" height="100" /></a><br />
</strong></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://ashzstock.deviantart.com/art/Grass-38101678" target="_blank">Grass Texture</a></p>
<p><a href="http://javierzhx.deviantart.com/art/Cloud-Brushes-34277964" target="_blank">Cloud Brushset</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 1000 * 600px, leave the background colour as White and create a new layer on top of it named &#8220;background texture&#8221;. Now let&#8217;s paint some background on it.</p>
<p>I decided instead of getting some ground/soil texture, using pure the default Photoshop brushsets can be fun and good for practicing some painting skills.</p>
<p>So grab those brushes as shown below:</p>
<p><img class="alignnone size-medium wp-image-3853" title="1 brush" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-brush1-500x448.jpg" alt="1 brush" width="500" height="448" /></p>
<p>The painting secret here is to try set the flow and opacity of the brush to a reletively low level, and try to mix all three brushsetss together and adjust the size of the brush when necessary, for maximum effect.</p>
<p>Here is what I have after the painting (You can see</p>
<p><img class="alignnone size-medium wp-image-3854" title="1 paint" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-paint-500x297.jpg" alt="1 paint" width="500" height="297" /></p>
<p>You can see I gave the centre of the image &#8211; where the grass and the text will sit, a dark colour then the rest of the image.</p>
<h3>Step 2</h3>
<p>This step is optional if you&#8217;re happy with result from previous step. Otherwise, we can do some lighting and colour adjustment for the background texture layer. Add the following two adjustment layers to the image:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3855" title="2 curves" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-curves.jpg" alt="2 curves" width="304" height="404" /></p>
<p>Colour Balance</p>
<p><img class="alignnone size-full wp-image-3856" title="2 col bal" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-col-bal.jpg" alt="2 col bal" width="304" height="404" /></p>
<p>And we can add a new layer called &#8220;light top right&#8221; and grab this brushset below with white colour and paint some light rays from the top right: (remember also to set brush flow and opacity to low level)</p>
<p><img class="alignnone size-medium wp-image-3857" title="2 brushset" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-brushset-500x351.jpg" alt="2 brushset" width="500" height="351" /></p>
<p>And here is the effect I have after the painting:</p>
<p><img class="alignnone size-medium wp-image-3858" title="2 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-effect-21-500x293.jpg" alt="2 effect 2" width="500" height="293" /></p>
<p>If you find it difficult to paint the background, you can download a copy of the background image <a href="http://www.psdvault.com/wp-content/uploads/2009/10/bg-natural-typo.jpg" target="_blank">here</a>. Then import it into Photoshop. However I would suggest you have a try at least, it doesn&#8217;t matter if it didn&#8217;t turn as good.</p>
<h3>Step 3</h3>
<p>Load the &#8220;Grass Texture&#8221; image into Photoshop, use the Lasso Tool with 20px feather to select a portion as shown below, copy and paste a patch of the grass texture onto our document, resize and distort it if necessary:</p>
<p><img class="alignnone size-medium wp-image-3859" title="3 copy paste" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-copy-paste-500x278.jpg" alt="3 copy paste" width="500" height="278" /></p>
<p>Use the Eraser Tool with soft brush to erase the edge of the grass texture, as shown below:</p>
<p><img class="alignnone size-medium wp-image-3860" title="3 erase" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-erase-500x284.jpg" alt="3 erase" width="500" height="284" /></p>
<p>Apply the Smart Sharpen Filter on the grass texture layer:</p>
<p><img class="alignnone size-medium wp-image-3861" title="smart sharpen" src="http://www.psdvault.com/wp-content/uploads/2009/10/smart-sharpen-499x313.jpg" alt="smart sharpen" width="499" height="313" /></p>
<p>Add the following three adjustment layers to the grass texture layer (tick the &#8220;use previous layer to create layer mask&#8221; option)</p>
<p>Levels</p>
<p><img class="alignnone size-full wp-image-3862" title="3 levels" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-levels.jpg" alt="3 levels" width="304" height="404" /></p>
<p>Vibrance</p>
<p><img class="alignnone size-full wp-image-3863" title="3 vibrance" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-vibrance.jpg" alt="3 vibrance" width="304" height="404" /></p>
<p>Curves</p>
<h3><img class="alignnone size-full wp-image-3864" title="3 curves" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-curves.jpg" alt="3 curves" width="304" height="404" /></h3>
<p>And here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3865" title="3 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-effect-500x279.jpg" alt="3 effect" width="500" height="279" /></p>
<h3>Step 4</h3>
<p>Now let&#8217;s type some text onto it. I used the &#8220;Myriad Pro&#8221; font but you can pretty much choose any bold font you like, type one letter on the canvas, on top of all previous layers:</p>
<p><img class="alignnone size-medium wp-image-3866" title="4 type" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-type-500x293.jpg" alt="4 type" width="500" height="293" /></p>
<p>Apply the following blending optiono to this text layer:</p>
<p>General Blending</p>
<p><img class="alignnone size-medium wp-image-3867" title="4 general blending" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-general-blending-500x372.jpg" alt="4 general blending" width="500" height="372" /></p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-3868" title="4 drop sha" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-drop-sha-500x350.jpg" alt="4 drop sha" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-3869" title="4 inner glow" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-inner-glow-500x350.jpg" alt="4 inner glow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-3870" title="4 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-bevel-500x350.jpg" alt="4 bevel" width="500" height="350" /></p>
<p>And here is the effect after apply those blending options:</p>
<p><img class="alignnone size-full wp-image-3871" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-effect2.jpg" alt="4 effect" width="403" height="345" /></p>
<p>Duplicate this text layer and re-type each layer with a new letter, rotate and position them as shown below:</p>
<p><img class="alignnone size-medium wp-image-3872" title="4 type layer" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-type-layer-500x227.jpg" alt="4 type layer" width="500" height="227" /></p>
<p>Optional: duplicate each text layer to make the text bolder:</p>
<p><img class="alignnone size-medium wp-image-3873" title="4 duplicate effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-duplicate-effect-500x227.jpg" alt="4 duplicate effect" width="500" height="227" /></p>
<h3>Step 5</h3>
<p>Now we&#8217;re pretty much done with the text, let&#8217;s add some lighting effect.</p>
<p>Firstly create a new layer called &#8220;text highlight&#8221; with &#8220;Overlay&#8221; blendng mode just under the first text layer, and grab a round soft brush with white colour, set the flow and opacity to both around 50%, and paint to the area as shown below:</p>
<p><img class="alignnone size-medium wp-image-3874" title="5 highlight texture" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-highlight-texture-499x259.jpg" alt="5 highlight texture" width="499" height="259" /></p>
<p>Add another layer on top of the &#8220;text highlight&#8221; layer, and use the same brush as we used for the highlight layer, but with a dark colour, gently paint on the areas as shown below: (may have to adjust the brush size accordingly)</p>
<p><img class="alignnone size-medium wp-image-3875" title="5 shadow" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-shadow-500x240.jpg" alt="5 shadow" width="500" height="240" /></p>
<p>Add another layer just under the grass texture layer, and paint some shadow under it:</p>
<p><img class="alignnone size-medium wp-image-3876" title="5 grass shadow" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-grass-shadow-499x262.jpg" alt="5 grass shadow" width="499" height="262" /></p>
<p>Add two more adjustment layer on top of all previous layers:</p>
<p>Vibrance</p>
<p><img class="alignnone size-full wp-image-3877" title="5 vibrance" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-vibrance.jpg" alt="5 vibrance" width="304" height="404" /></p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-3878" title="5 curves" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-curves.jpg" alt="5 curves" width="304" height="404" /></p>
<p>And here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-3880" title="5 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-effect-500x294.jpg" alt="5 effect" width="500" height="294" /></p>
<h3>Step 6</h3>
<p>Finally, we add the cloud on the top of the image by create a new layer on top of the new layer, and paint with the cloud brush set we downloaded:</p>
<p><img class="alignnone size-medium wp-image-3879" title="5 cloud" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-cloud-500x163.jpg" alt="5 cloud" width="500" height="163" /></p>
<p>And we add some shining dots around the text, by using a soft, round white brush:</p>
<p><img class="alignnone size-medium wp-image-3881" title="5 dot" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-dot-500x259.jpg" alt="5 dot" width="500" height="259" /></p>
<p>OK that&#8217;s it for this tutorial! You can of course further enhance it by adding some more effect.</p>
<p>Here is my final result for this tutorial (Added some cracked texture under the grass, and some abstract lines)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/10/trans-natural-typo-flatten2.jpg"><img class="alignnone size-medium wp-image-3882" title="trans-natural-typo-flatten" src="http://www.psdvault.com/wp-content/uploads/2009/10/trans-natural-typo-flatten2-500x300.jpg" alt="trans-natural-typo-flatten" width="500" height="300" /></a></p>
<p>Hope you enjoy this tutorial and find it useful. Have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/create-a-transparent-text-effect-with-fresh-grass-texture-and-custom-brushset/feed/</wfw:commentRss>
		<slash:comments>26</slash:comments>
		</item>
		<item>
		<title>5 Useful Little Photoshop Tricks to Add Extra Elegance For Your Design</title>
		<link>http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/</link>
		<comments>http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/#comments</comments>
		<pubDate>Tue, 13 Oct 2009 14:42:00 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Basics]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[elegance]]></category>
		<category><![CDATA[photo]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[text]]></category>
		<category><![CDATA[trick]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=3705</guid>
		<description><![CDATA[Recently I have been focusing on providing some simple, beginner-leveled photoshop tutorials here on psdvault.com, aiming to helping photoshop starters to learn some basic, but useful things towards their design. After all, I do get lots of emails from beginners wanting to learn from the basics.

Therefore, I made a few mini Photoshop tutorials and compiled them into one, big tutorial with some tricks I learnt and discovered in the past.

In this post, I will show you 5 Useful Little Photoshop Tricks to Bring Out That bit of Extra Elegance for Your Design. I think those techniques would be quite useful for a Photoshop beginner, as they give you a good starting and/or finishing point for whatever things you design. Once you learn those skills, you can apply them to a wide range of occasions. Have a try!]]></description>
			<content:encoded><![CDATA[<p>Recently I have been focusing on providing some simple, beginner-leveled Photoshop tutorials here on psdvault.com, aiming to helping Photoshop starters to learn some basic, but useful things towards their design. After all, I do get lots of emails from beginners wanting to learn from the basics.</p>
<p>Therefore, I made a few mini Photoshop tutorials and compiled them into one, big tutorial with some tricks I learnt and discovered in the past.</p>
<p>In this post, I will show you 5 Useful Little Photoshop Tricks to Bring Out That bit of Extra Elegance for Your Design. I think those techniques would be quite useful for a Photoshop beginner, as they give you a good starting and/or finishing point for whatever things you design. Once you learn those skills, you can apply them to a wide range of occasions. Have a try!</p>
<p>The topics I will be focusing on in the post include:</p>
<ol>
<li><strong>Give Your Text A Bit More Depth</strong></li>
<li><strong>The Light From the Top (Highlight Specific Area)</strong></li>
<li><strong>Clever Use of Motion Blur</strong></li>
<li><strong>The Cloud and Warp Tool</strong></li>
<li><strong>Distort Your Way into 3D</strong></li>
</ol>
<h3>Give Your Text A Bit More Depth</h3>
<p>Here is the problem &#8211; You typed some text onto the canvas, but somehow it looks just boring, like this text below:</p>
<p>(Font: Myriad Pro)</p>
<p><img class="alignnone size-full wp-image-3783" title="text depth original" src="http://www.psdvault.com/wp-content/uploads/2009/10/text-depth-original.jpg" alt="text depth original" width="398" height="397" /></p>
<p>Here is how you can easily add some more depth and lighting contrast to the text itself &#8211; on the text layer, apply the following layer blending options:</p>
<p>Drop Shadow</p>
<p><img class="alignnone size-medium wp-image-3784" title="1 drop shadow" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-drop-shadow-500x350.jpg" alt="1 drop shadow" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-3785" title="1 inner shadow" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-inner-shadow-500x350.jpg" alt="1 inner shadow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-3786" title="1 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-bevel-500x350.jpg" alt="1 bevel" width="500" height="350" /></p>
<p>Contour</p>
<p><img class="alignnone size-medium wp-image-3787" title="1 contour" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-contour-500x350.jpg" alt="1 contour" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-3788" title="1 gradient overlay" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-gradient-overlay-500x350.jpg" alt="1 gradient overlay" width="500" height="350" /></p>
<p>And here is the effect after those blending options applied:</p>
<p><img class="alignnone size-full wp-image-3789" title="1 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/1-effect1.jpg" alt="1 effect" width="367" height="341" /></p>
<p>You can see just by adding those very simple layer blending options, you can make you text looks more attractive and contains more lighting depths.</p>
<h3>The Light From the Top (Highlight Specific Area)</h3>
<p>If you want to bring out some more extra elegance for the text above, you can add some light from the top.</p>
<p>To do this, simply create a new layer on top of the text layer, keep the blending mode as &#8220;Normal&#8221;, grab a big soft round brush with White colour, do a single click on the position as shown below:</p>
<p><img class="alignnone size-medium wp-image-3790" title="2 click" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-click-500x503.jpg" alt="2 click" width="500" height="503" /></p>
<p>And you will have the following effect: (can reduce the layer opacity to around 80% if you think the light is too bright)</p>
<p><img class="alignnone size-full wp-image-3791" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/2-effect1.jpg" alt="2 effect" width="389" height="391" /></p>
<p>This method can be used widely in lots of different occasions, for anything you want to highlight.</p>
<h3>Clever Use of Motion Blur</h3>
<p>Sometimes you see a display like this:</p>
<p><img class="alignnone size-full wp-image-3802" title="3 sample" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-sample.jpg" alt="3 sample" width="322" height="253" /></p>
<p>and you wonder how this nice shadow is created. Well, simple!</p>
<p>Basically you grab a soft round brush with a dark colour, do a single-click on a spot:</p>
<p><img class="alignnone size-full wp-image-3803" title="3 click" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-click.jpg" alt="3 click" width="375" height="358" /></p>
<p>Go to Filter &gt; Blur &gt; Motion Blur and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-3804" title="3 motion blur" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-motion-blur.jpg" alt="3 motion blur" width="316" height="352" /></p>
<p>Hit Ctrl + F several times to re-apply motion blur several times, then use the free transform tool (Ctrl + T) to reduce the height if necessary. You will have the following effect:</p>
<p><img class="alignnone size-full wp-image-3805" title="3 free trans" src="http://www.psdvault.com/wp-content/uploads/2009/10/3-free-trans.jpg" alt="3 free trans" width="400" height="275" /></p>
<p>That&#8217;s it! If you want to make a dark shadow, just use a darker brush in the beginning.</p>
<h3>The Cloud and Warp Tool</h3>
<p>Have you ever thought of combining the cloud rendering filter and the Warp Tool together? If not, have a try with those two now, you will be surprised what effect that brings you.</p>
<p>The steps are quite simple: create a new document with black background, use the Lasso Tool with a 50px feather and draw a circle, render some cloud inside it by going to it Filter &gt; Render &gt; Cloud: (with White as Foreground colour, Black as Background colour)</p>
<p><img class="alignnone size-medium wp-image-3792" title="4 cloud" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-cloud-500x302.jpg" alt="4 cloud" width="500" height="302" /></p>
<p>Then Hit Ctrl + T and bring up the Free Transform Tool, right-click on the cloud and choose &#8220;Warp&#8221;:</p>
<p><img class="alignnone size-medium wp-image-3793" title="4 select warp" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-select-warp-499x333.jpg" alt="4 select warp" width="499" height="333" /></p>
<p>Then expriement! Use the warp tool to tweak the cloud into whatever shape you like:</p>
<p><img class="alignnone size-medium wp-image-3794" title="4 warp" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-warp-500x411.jpg" alt="4 warp" width="500" height="411" /></p>
<p>Here is my effect after the warping:</p>
<p><img class="alignnone size-medium wp-image-3795" title="4 effect" src="http://www.psdvault.com/wp-content/uploads/2009/10/4-effect1-500x347.jpg" alt="4 effect" width="500" height="347" /></p>
<p>Try out different angles, you will get lots of different effect as a result.</p>
<h3>Distort Your Way into 3D</h3>
<p>This is a really quick way of making a 3D look with the <strong>Distort</strong> option available in the Free Transform Tool.</p>
<p>So create a new document with White background and make some rectangular shape filled with different colour on it: (The size of the rectangular shapes are roughly half of the height the canvas)</p>
<p><img class="alignnone size-medium wp-image-3796" title="5 rect" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-rect-500x399.jpg" alt="5 rect" width="500" height="399" /></p>
<p>Duplicate this shape layer, drag the duplicated shapes beneath the original shapes, resize it to fit the canvas:</p>
<p><img class="alignnone size-medium wp-image-3797" title="5 drag" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-drag-500x338.jpg" alt="5 drag" width="500" height="338" /></p>
<p>On the duplicated layer, right-click and choose &#8220;Distort&#8221;:</p>
<p><img class="alignnone size-medium wp-image-3798" title="5 distort" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-distort-500x323.jpg" alt="5 distort" width="500" height="323" /></p>
<p>Hold down the &#8220;Shift&#8221; key, click and drag both bottom corner of the shape until you reach the following effect:</p>
<p><img class="alignnone size-medium wp-image-3800" title="5 after dist" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-after-dist-500x297.jpg" alt="5 after dist" width="500" height="297" /></p>
<p>For Lighting Contrast, simply add a new layer with blending mode set to &#8220;Color Burn&#8221;, grab a soft round brush with a dark colour and paint over the desired area:</p>
<p><img class="alignnone size-medium wp-image-3801" title="5 brush" src="http://www.psdvault.com/wp-content/uploads/2009/10/5-brush-500x274.jpg" alt="5 brush" width="500" height="274" /></p>
<p>That’s all for this tutorial! Hope you enjoy it and find those little tricks useful and inspirational! Cheers and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/5-useful-little-photoshop-tricks-to-add-extra-elegance-for-your-design/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Draw a Cute Glossy Star via 3 Easy Steps in Photoshop</title>
		<link>http://www.psdvault.com/drawing/draw-a-cute-glossy-star-via-3-easy-steps-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/draw-a-cute-glossy-star-via-3-easy-steps-in-photoshop/#comments</comments>
		<pubDate>Sun, 14 Jun 2009 16:24:34 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[beginner]]></category>
		<category><![CDATA[Pen Tool]]></category>
		<category><![CDATA[shape]]></category>
		<category><![CDATA[shining]]></category>
		<category><![CDATA[star]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=2830</guid>
		<description><![CDATA[In this tutorial, I will show you how to draw this Cute Glossy Star via 3 Easy Steps in Photoshop, which you can use for a wide range of decorative purposes. The aim of this tutorial to introduce you the Polygon Tool and the settings associated to it, plus the method you can use for adding glossy effect to certain element.

Along the way, we will be using the Polygon Tool to draw the star, and use some simple layer blending effect to add the shining, glossy effect to it. I will also use the Pen Tool and dynamic brush settings for the final effect. The effect is easy to achieve and very practical. Have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how to draw this Cute Glossy Star via 3 Easy Steps in Photoshop, which you can use for a wide range of decorative purposes. The aim of this tutorial to introduce you the Polygon Tool and the settings associated to it, plus the method you can use for adding glossy effect to certain element.</p>
<p>Along the way, we will be using the Polygon Tool to draw the star, and use some simple layer blending effect to add the shining, glossy effect to it. I will also use the Pen Tool and dynamic brush settings for the final effect. The effect is easy to achieve and very practical. Have a try!</p>
<p>Here is preview of the final effect for this tutorial: (Click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-2855" title="glossy-cute-star-final-1" src="http://www.psdvault.com/wp-content/uploads/2009/06/glossy-cute-star-final-1-500x500.jpg" alt="glossy-cute-star-final-1" width="500" height="500" /></p>
<p>Alternative coloured version:</p>
<p><img class="alignnone size-medium wp-image-2856" title="glossy-cute-star-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/06/glossy-cute-star-final-2-500x500.jpg" alt="glossy-cute-star-final-2" width="500" height="500" /></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document size 800 * 800 px and use the gradient tool to fill the background layer as shown below:</p>
<p><img class="alignnone size-medium wp-image-2832" title="1 grad fill" src="http://www.psdvault.com/wp-content/uploads/2009/06/1-grad-fill-499x500.jpg" alt="1 grad fill" width="499" height="500" /></p>
<p>Select the Polygon Tool by left-click the <strong>Shape Tool symbol from the toolbox</strong> and hold, as shown below:</p>
<p><img class="alignnone size-full wp-image-2833" title="polygon tool" src="http://www.psdvault.com/wp-content/uploads/2009/06/polygon-tool.jpg" alt="polygon tool" width="230" height="121" /></p>
<p>You will notice a series of shape tool options appearing across the top, apply the following settings:</p>
<p><strong>Sides: 5</strong></p>
<p><strong>Radius: 10px</strong></p>
<p><strong>Indent Sides By: 50%</strong></p>
<p><img class="alignnone size-medium wp-image-2835" title="1 polygon tool 3" src="http://www.psdvault.com/wp-content/uploads/2009/06/1-polygon-tool-3-500x124.jpg" alt="1 polygon tool 3" width="500" height="124" /></p>
<p>Make sure to tick &#8220;Smooth Corners&#8221; and &#8220;Star&#8221; option.</p>
<p>Draw a star on top of the background layer as shown below: (You can press Ctrl + T to free-tranform it if you like)</p>
<p><img class="alignnone size-medium wp-image-2836" title="1 draw" src="http://www.psdvault.com/wp-content/uploads/2009/06/1-draw-500x426.jpg" alt="1 draw" width="500" height="426" /></p>
<p>Rename this layer as &#8220;Star&#8221;.</p>
<h3>Step 2</h3>
<p>On the &#8220;Star&#8221; layer, apply the following layer blending options:</p>
<p>Drop Shadow</p>
<p><img title="2 drop sha" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-drop-sha1-500x350.jpg" alt="2 drop sha" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img title="2 inner sha" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-inner-sha1-500x350.jpg" alt="2 inner sha" width="500" height="350" /></p>
<p>Outer Glow</p>
<p><img title="2 out glower" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-out-glower-500x350.jpg" alt="2 out glower" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img title="2 inner glow" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-inner-glow-500x350.jpg" alt="2 inner glow" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img title="2 bevel" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-bevel1-500x350.jpg" alt="2 bevel" width="500" height="350" /></p>
<p>Contour</p>
<p><img class="alignnone size-medium wp-image-2842" title="2 contour" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-contour-500x350.jpg" alt="2 contour" width="500" height="350" /></p>
<p>And you will have the followin effect on the star layer:</p>
<p><img class="alignnone size-medium wp-image-2843" title="2 effect" src="http://www.psdvault.com/wp-content/uploads/2009/06/2-effect2-500x484.jpg" alt="2 effect" width="500" height="484" /></p>
<h3>Step 3</h3>
<p>Now we can add some decoration on the star so it doesn&#8217;t look too boring. To do this, we can simply create a new layer below the &#8220;Star&#8221; layer, use the Pen Tool to draw a working path like this:</p>
<p><img class="alignnone size-medium wp-image-2844" title="3 path" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-path-500x578.jpg" alt="3 path" width="500" height="578" /></p>
<p><strong>Hint: Try holding down &#8220;Shift&#8221; key while dragging the anchor points.</strong></p>
<p>Then grab a 18px, 0% hardness brush, select the Pen Tool and right-click on the path and choose &#8220;storke path&#8221;:</p>
<p><img class="alignnone size-medium wp-image-2845" title="3 stroke path" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-stroke-path-499x485.jpg" alt="3 stroke path" width="499" height="485" /></p>
<p>Apply the following settings:</p>
<p><img class="alignnone size-full wp-image-2846" title="3 brush" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-brush.jpg" alt="3 brush" width="339" height="68" /></p>
<p>And you will see the following effect:</p>
<p><img class="alignnone size-medium wp-image-2847" title="3 after stro" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-after-stro-499x457.jpg" alt="3 after stro" width="499" height="457" /></p>
<p>Duplicate this working path layer a few times, rotate, scale and distort the duplicated layer using the Free Transform tool (Ctrl + T). Here is my effect so far:</p>
<p><img class="alignnone size-medium wp-image-2850" title="3 lines" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-lines-500x460.jpg" alt="3 lines" width="500" height="460" /></p>
<p>Once you&#8217;re happy with the result, you can merge those duplicated abstract line layers together, then duplicate some more layers based on the merged layers, result as shown below: (rotate, resize if necessary)</p>
<p><img class="alignnone size-medium wp-image-2849" title="3 effect 2" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-effect-2-500x511.jpg" alt="3 effect 2" width="500" height="511" /></p>
<p>And we can add some dots around the star for the final touch-ups. To do this, grab a 9px, soft round brush and press “F5″ or go to Window &gt; Brushes to bring up the brush window, apply the following dynamic settings:</p>
<p>Shape Dynamics</p>
<p><img class="alignnone size-full wp-image-2851" title="3 shape dyn" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-shape-dyn.jpg" alt="3 shape dyn" width="371" height="423" /></p>
<p>Scattering</p>
<p><img class="alignnone size-full wp-image-2852" title="3 scatter" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-scatter.jpg" alt="3 scatter" width="371" height="423" /></p>
<p>Other Dynamics</p>
<p><img class="alignnone size-full wp-image-2853" title="3 other dyn" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-other-dyn.jpg" alt="3 other dyn" width="371" height="423" /></p>
<p>Make sure to check &#8220;Airbrush&#8221; and &#8220;Smoothing&#8221; options, too.</p>
<p>Once the brush is made, create a new layer under the &#8220;star&#8221; layer and paint those dots in random areas as below:</p>
<p><img class="alignnone size-medium wp-image-2854" title="3 effect 3" src="http://www.psdvault.com/wp-content/uploads/2009/06/3-effect-3-500x500.jpg" alt="3 effect 3" width="500" height="500" /></p>
<p>OK, that&#8217;s it for this tutorial! You can of course add some of your own texture or filter effect and see what the end results are! Remember to always keep your own creativity!</p>
<p>Here is an alternative version I have:</p>
<p><img title="glossy-cute-star-final-2" src="http://www.psdvault.com/wp-content/uploads/2009/06/glossy-cute-star-final-2-500x500.jpg" alt="glossy-cute-star-final-2" width="500" height="500" /></p>
<p>Hope you enjoy this tutorial, drop me a comment if you have any question, I will try my best to help you out.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/draw-a-cute-glossy-star-via-3-easy-steps-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>27</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Abstract Style Flaming Bird in Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-an-awesome-abstract-style-flaming-bird-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-an-awesome-abstract-style-flaming-bird-in-photoshop/#comments</comments>
		<pubDate>Sun, 08 Feb 2009 06:23:04 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[Advanced]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[filter]]></category>
		<category><![CDATA[layer]]></category>

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

		<guid isPermaLink="false">http://www.psdvault.com/?p=1050</guid>
		<description><![CDATA[In this tutorial, I will show you the processes I took to draw a realistic planet by applying waterstream texture in Photoshop. I'm sure you have seen heaps of planet drawing tutorials around, but you can still use this tutorial as a supplement to others :)

Along the way, we will be going through the use gradient tool, clipping mask, image adjustment tools, various filters and some selection techniques.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the processes I took to draw a realistic planet by applying waterstream texture in Photoshop. I&#8217;m sure you have seen heaps of planet drawing tutorials around, but you can still use this tutorial as a supplement to others :)</p>
<p>Along the way, we will be going through the use gradient tool, clipping mask, image adjustment tools, various filters and some selection techniques.</p>
<p>Here is a preview of the final images for this tutorial:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/final.jpg"><img class="alignnone size-medium wp-image-1085" title="final" src="http://www.psdvault.com/wp-content/uploads/2009/01/final-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/final-2.jpg"><img class="alignnone size-medium wp-image-1086" title="final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/final-2-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p>Ok let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 800px * 800px, fill the background with Black Colour.</p>
<p>Create a new layer called &#8220;planet&#8221;, use the Elliptical Marquee Tool (M Key) to draw a circle. (Hold Down Shift Key while dragging the mouse to draw a perfect circle)</p>
<p>See image below for the position of the circle:</p>
<p><img class="alignnone size-medium wp-image-1053" title="1-draw-circle" src="http://www.psdvault.com/wp-content/uploads/2009/01/1-draw-circle-499x503.jpg" alt="" width="499" height="503" /></p>
<h3>Step 2</h3>
<p>Still on the &#8220;planet&#8221; layer, DO NOT deselect the selection, Use the Gradient Tool (G Key) andset the foreground colour to &#8220;#ffffff&#8221; and the background colour to &#8220;#282828&#8243;.</p>
<p>Fill the selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-1059" title="2-gradient-fill" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-gradient-fill-500x420.jpg" alt="" width="500" height="420" /></p>
<p>For more lighting contrast, use the Curve Image Adjustment Tool with the setting similar to this: (the setting maybe slightly different for each person, but the general idea is to increase the light from the top right corner)</p>
<p><img class="alignnone size-medium wp-image-1060" title="2-curve1" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-curve1.jpg" alt="" width="471" height="446" /></p>
<p>Here is the effect you will want to achieve after the Curve Adjustment:</p>
<p><img class="alignnone size-medium wp-image-1061" title="2-effect" src="http://www.psdvault.com/wp-content/uploads/2009/01/2-effect-500x477.jpg" alt="" width="500" height="477" /></p>
<h3>Step 3</h3>
<p>Now we will apply some waterstream texture for our planet . Downloaded a copy of <a href="http://www.cgtextures.com/texview2.php?id=26681&amp;PHPSESSID=93b843e4b2008a6fd81a0b44fa716df6&amp;time=1231633436" target="_blank">this image</a> and load it into Photoshop, select the following portion of this image:</p>
<p><img class="alignnone size-medium wp-image-1062" title="3-select-water" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-select-water-500x408.jpg" alt="" width="500" height="408" /></p>
<p>Copy and paste the selection to our document, resize it to the roughly size of the planet:</p>
<p><img class="alignnone size-medium wp-image-1063" title="3-resize" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-resize-500x446.jpg" alt="" width="500" height="446" /></p>
<p>Name this layer as &#8220;water texture&#8221; and right-click the layer, select &#8220;create clipping mask&#8221;. Change the blending mode to &#8220;Overlay&#8221;.</p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-1064" title="3-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/01/3-effect2-499x497.jpg" alt="" width="499" height="497" /></p>
<h3>Step 4</h3>
<p>On the &#8220;water texture&#8221; layer, apply the following Black and White Adjustment Settings:</p>
<p><img class="alignnone size-medium wp-image-1065" title="4-black-and-white" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-black-and-white.jpg" alt="" width="410" height="452" /></p>
<p>Then duplicate the &#8220;water texture&#8221; layer, go to Filter &gt; Distort &gt; Ocean Ripple and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1066" title="4-ocean-ripple" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-ocean-ripple-500x346.jpg" alt="" width="500" height="346" /></p>
<p>go to Filter &gt; Distort &gt; Glass and apply the following setting:</p>
<p><img class="alignnone size-medium wp-image-1067" title="4-glass" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-glass-500x349.jpg" alt="" width="500" height="349" /></p>
<p>go to Filter &gt; Blur &gt; Gaussian Blur and apply the following settings:</p>
<p><img class="alignnone size-medium wp-image-1068" title="4-gaussian" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-gaussian.jpg" alt="" width="316" height="305" /></p>
<p>Here is the effect after applying those filters:</p>
<p><img class="alignnone size-medium wp-image-1069" title="4-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/01/4-effect1-500x511.jpg" alt="" width="500" height="511" /></p>
<h3>Step 5</h3>
<p>Create a New layer on top of the &#8220;water texture copy&#8221; layer and name it &#8220;cloud&#8221;. User the Elliptical Selection Tool with a 50px feather, draw a circle around the planet:</p>
<p><img class="alignnone size-medium wp-image-1072" title="5-draw-circle" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-draw-circle.jpg" alt="" width="481" height="480" /></p>
<p>Go to Filter &gt; Render &gt; Cloud and render some cloud:</p>
<p><img class="alignnone size-medium wp-image-1073" title="5-cloud1" src="http://www.psdvault.com/wp-content/uploads/2009/01/5-cloud1-500x446.jpg" alt="" width="500" height="446" /></p>
<h3>Step 6</h3>
<p>Still on the &#8220;cloud&#8221; layer, apply the following Curve Adjustments:</p>
<p><img class="alignnone size-medium wp-image-1074" title="6-curve1" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-curve1.jpg" alt="" width="471" height="529" /></p>
<p>Then apply the following Level Adjustment Settings:</p>
<p><img class="alignnone size-medium wp-image-1075" title="6-level" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-level.jpg" alt="" width="399" height="305" /></p>
<p>Then Change the layer blending option to &#8220;overlay&#8221; with an opacity of 70%. Your image will now look like this:</p>
<p><img class="alignnone size-medium wp-image-1076" title="6-effect2" src="http://www.psdvault.com/wp-content/uploads/2009/01/6-effect2-500x490.jpg" alt="" width="500" height="490" /></p>
<h3>Step 7</h3>
<p>We will now add some motions to the cloud. Duplicate the &#8220;cloud&#8221; layer once, then go to Filter &gt; Distort &gt; Pinch and apply the following settings on the duplicated layer:</p>
<p><img class="alignnone size-medium wp-image-1077" title="7-pinch" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-pinch.jpg" alt="" width="360" height="289" /></p>
<p>After pinching the cloud, apply the following level adjustments:</p>
<p><img class="alignnone size-medium wp-image-1078" title="7-level" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-level.jpg" alt="" width="399" height="305" /></p>
<p>And your should have the following effect:</p>
<p><img class="alignnone size-medium wp-image-1079" title="7-effect1" src="http://www.psdvault.com/wp-content/uploads/2009/01/7-effect1-500x513.jpg" alt="" width="500" height="513" /></p>
<h3>Step 8</h3>
<p>Now we go back to the &#8220;Cloud&#8221;, grab a big soft brush and reduce to opacity and flow to 30%, choose a colour you like and simply brush over the layer:</p>
<p><img class="alignnone size-medium wp-image-1084" title="9-after-brush" src="http://www.psdvault.com/wp-content/uploads/2009/01/9-after-brush.jpg" alt="" width="470" height="465" /></p>
<p>Ok that&#8217;s it for this tutorial! The rest is left upon you own creativity. You can add some lighting effect and render some lens flare to create more dynamic light.</p>
<p>Below is my final image for this tutorial:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/final.jpg"><img class="alignnone size-medium wp-image-1085" title="final" src="http://www.psdvault.com/wp-content/uploads/2009/01/final-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2009/01/final-2.jpg"><img class="alignnone size-medium wp-image-1086" title="final-2" src="http://www.psdvault.com/wp-content/uploads/2009/01/final-2-500x500.jpg" alt="" width="500" height="500" /></a></p>
<p>As usual, if you have any question, just drop me a comment.</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/draw-a-realistic-planet-with-waterstream-texture-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>31</slash:comments>
		</item>
		<item>
		<title>Create a Realistic Nebula Scene From Scratch</title>
		<link>http://www.psdvault.com/drawing/create-a-realistic-nebula-scene-from-scratch/</link>
		<comments>http://www.psdvault.com/drawing/create-a-realistic-nebula-scene-from-scratch/#comments</comments>
		<pubDate>Wed, 31 Dec 2008 07:55:37 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[abstract]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[nebula]]></category>
		<category><![CDATA[space]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=896</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create a realistic nebula scene from scratch in Photoshop. We will be using technques such as the Pen Tool, various filters for texture rendering, layer blending and some dynamic brushes.

I would also like to take this opportunity to wish everyone a very happy new year and all the best for 2009! Thanks very much for visiting my blog and hope to see you again next year!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create a realistic nebula scene from scratch in Photoshop. We will be using technques such as the Pen Tool, various filters for texture rendering, layer blending and some dynamic brushes.</p>
<p>I would also like to take this opportunity to wish everyone a very happy new year and all the best for 2009! Thanks very much for visiting my blog and hope to see you again next year!</p>
<p>Here is a preview of the final result:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/nebula-final4.jpg"><img class="alignnone size-medium wp-image-928" title="nebula-final4" src="http://www.psdvault.com/wp-content/uploads/2008/12/nebula-final4-500x333.jpg" alt="" width="500" height="333" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1200&#215;800, fill the background layer with black colour. Make a new layer on top of the background layer and name it &#8220;Nebula Outline&#8221;.</p>
<p>Hit the &#8220;P&#8221; key to select the Pen Tool and make sure the &#8220;Paths&#8221; option is selected. I won&#8217;t go into explaining how to use the Pen Tool in this tutorial, but if you haven&#8217;t used it before, I have a post <a href="http://www.photoshoplady.com/forums/drawing-tutorials/82-use-pen-tool-photoshop.html" target="_blank">here</a> with some links of the basics of Pen Tool.</p>
<p>Draw a random, irregular shape as shonw below on the &#8220;Nebula Outline&#8221; layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/1-outline.jpg"><img class="alignnone size-medium wp-image-897" title="1-outline" src="http://www.psdvault.com/wp-content/uploads/2008/12/1-outline-500x331.jpg" alt="" width="500" height="331" /></a></p>
<h3>Step 2</h3>
<p>Still on the &#8220;Nebula Outline&#8221; layer and the Pen Tool selected, right click on the path and choose &#8220;Make Selection&#8221;:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-make-selection.jpg"><img class="alignnone size-medium wp-image-898" title="2-make-selection" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-make-selection.jpg" alt="" width="410" height="357" /></a></p>
<p>Apply the following settings: (I used 25 pixel feather radius because I would like the selection to be as smooth as possible)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-feather.jpg"><img class="alignnone size-medium wp-image-899" title="2-feather" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-feather.jpg" alt="" width="296" height="206" /></a></p>
<p>Your path will now become a selection with 25 pixel feather radius:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-after-make-selection.jpg"><img class="alignnone size-medium wp-image-900" title="2-after-make-selection" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-after-make-selection-500x456.jpg" alt="" width="500" height="456" /></a></p>
<h3>Step 3</h3>
<p>Go to Filter &gt; Render &gt; Cloud and render some cloud, with White foreground colour and Black background colour.</p>
<p>Hit Ctrl + L to bring up the level tool, apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-level1.jpg"><img class="alignnone size-medium wp-image-902" title="3-level1" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-level1.jpg" alt="" width="399" height="305" /></a></p>
<p>Using the level tool we can adjust the input level of different colour channels. Your image will now look like this:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-effect-so-far7.jpg"><img class="alignnone size-medium wp-image-903" title="3-effect-so-far7" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-effect-so-far7-500x345.jpg" alt="" width="500" height="345" /></a></p>
<h3>Step 4</h3>
<p>Now we can some depth the Nebula. To do this, create a new layer called &#8220;nebula overlay&#8221;, use the Clone Stamp Tool with the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-clone-stamp-tool.jpg"><img class="alignnone size-medium wp-image-905" title="4-clone-stamp-tool" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-clone-stamp-tool-500x22.jpg" alt="" width="500" height="22" /></a></p>
<p>Hold down the Alt key + Left Click to define a Clone Source, cloud some cloud from the previous layer.</p>
<p>Because we used a reletively lower opacity and flow, you will see the difference between each cloud:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-effect-so-far6.jpg"><img class="alignnone size-medium wp-image-906" title="4-effect-so-far6" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-effect-so-far6-500x331.jpg" alt="" width="500" height="331" /></a></p>
<p>Merge the two layer together and name the merged layer &#8220;Nebula&#8221;.</p>
<h3>Step 5</h3>
<p>Nebula doesn&#8217;t only consist of cloud, there are also some small particles and dusts inside. Now we&#8217;re going add them in.</p>
<p>Duplicate the &#8220;nebula overlay&#8221; layer once and name this layer &#8220;particles&#8221;. Go to Filter &gt; Sketch &gt; Photocopy and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-photocopy.jpg"><img class="alignnone size-medium wp-image-907" title="5-photocopy" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-photocopy-500x459.jpg" alt="" width="500" height="459" /></a></p>
<p>Then go to Filter &gt; Sketch &gt; Chrome and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-chrome.jpg"><img class="alignnone size-medium wp-image-908" title="5-chrome" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-chrome-500x459.jpg" alt="" width="500" height="459" /></a></p>
<p>Change the layer blending mode to &#8220;Color Dodge&#8221; and set the opacity to 80%.</p>
<p>The result so far will look like this:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-effect-so-far8.jpg"><img class="alignnone size-medium wp-image-909" title="5-effect-so-far8" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-effect-so-far8-500x327.jpg" alt="" width="500" height="327" /></a></p>
<p>Optional: you can duplicate this particles layer a couple of time if you feel like add more paricles onto the cloud.</p>
<h3>Step 6</h3>
<p>Now we can add a bit motion into the image. Duplicate the &#8220;Nebula&#8221; layer once and put the duplicated layer above the &#8220;Nebula&#8221; layer. Go to Filter &gt; Blur &gt; Radial Blur and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/6-motion-blur1.jpg"><img class="alignnone size-medium wp-image-910" title="6-motion-blur1" src="http://www.psdvault.com/wp-content/uploads/2008/12/6-motion-blur1.jpg" alt="" width="311" height="236" /></a></p>
<p>Then go to Filter &gt; Distort &gt; Ocean Ripple and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/6-ocean-ripple.jpg"><img class="alignnone size-medium wp-image-911" title="6-ocean-ripple" src="http://www.psdvault.com/wp-content/uploads/2008/12/6-ocean-ripple-500x337.jpg" alt="" width="500" height="337" /></a></p>
<p>Change the layer blending mode of this layer to &#8220;Overlay&#8221; with an opacity of 30%. You image will now look like this:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/6-effect-so-far6.jpg"><img class="alignnone size-medium wp-image-912" title="6-effect-so-far6" src="http://www.psdvault.com/wp-content/uploads/2008/12/6-effect-so-far6-500x324.jpg" alt="" width="500" height="324" /></a></p>
<h3>Step 7</h3>
<p>Create a new layer called &#8220;Star&#8221;, grab a 9px round circle brush, and apply the following brush dynamics:</p>
<p>Shape Dynamics</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/7-shape-dyn.jpg"><img class="alignnone size-medium wp-image-913" title="7-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2008/12/7-shape-dyn.jpg" alt="" width="371" height="423" /></a></p>
<p>Scattering</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/7-scattering.jpg"><img class="alignnone size-medium wp-image-914" title="7-scattering" src="http://www.psdvault.com/wp-content/uploads/2008/12/7-scattering.jpg" alt="" width="371" height="423" /></a></p>
<p>Noise</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/7-noise.jpg"><img class="alignnone size-medium wp-image-915" title="7-noise" src="http://www.psdvault.com/wp-content/uploads/2008/12/7-noise.jpg" alt="" width="371" height="423" /></a></p>
<p>Paint over the &#8220;Star&#8221; layer as the image shown below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/7-effect-so-far4.jpg"><img class="alignnone size-medium wp-image-916" title="7-effect-so-far4" src="http://www.psdvault.com/wp-content/uploads/2008/12/7-effect-so-far4-500x329.jpg" alt="" width="500" height="329" /></a></p>
<p>Optional: To add some light glow and softness, you can duplicate the &#8220;star&#8221; layer once, and go to Filter &gt; Blur &gt; Gaussian blur and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/8-gaussian-blur.jpg"><img class="alignnone size-medium wp-image-917" title="8-gaussian-blur" src="http://www.psdvault.com/wp-content/uploads/2008/12/8-gaussian-blur.jpg" alt="" width="316" height="305" /></a></p>
<h3>Step 8</h3>
<p>Create a layer called &#8220;Colour Overlay&#8221; and set the blending mode to &#8220;Color&#8221;, then simply grab a big round brush (300px) and choose some nice, space-feeling colour and paint!</p>
<p>You can also adjust the opacity and the flow of the brush for some colour depth. <strong>Hint: after painting colour, try duplicate this layer a couple of times and see what result that brings you.</strong></p>
<p>Here is my result so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/8-effect-so-far1.jpg"><img class="alignnone size-medium wp-image-918" title="8-effect-so-far1" src="http://www.psdvault.com/wp-content/uploads/2008/12/8-effect-so-far1-500x330.jpg" alt="" width="500" height="330" /></a></p>
<p>Ok that&#8217;s it for this tutorial! The rest is left upon your own creativity.</p>
<p>Here is my final image for this tutorial: (I simply erase some portions of the nebula cloud and add a shining planet to it!)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/nebula-final4.jpg"><img class="alignnone size-medium wp-image-928" title="nebula-final4" src="http://www.psdvault.com/wp-content/uploads/2008/12/nebula-final4-500x333.jpg" alt="" width="500" height="333" /></a></p>
<p>Hope you enjoy this tutorial and if you have any questions, just drop me a comment.</p>
<p>Thanks very much and have a wonderful and colourful new year!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/create-a-realistic-nebula-scene-from-scratch/feed/</wfw:commentRss>
		<slash:comments>22</slash:comments>
		</item>
		<item>
		<title>Design an Awesome Starry Text Effect In Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-an-awesome-starry-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-an-awesome-starry-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sat, 20 Dec 2008 00:18:03 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[adjustment]]></category>
		<category><![CDATA[brush]]></category>
		<category><![CDATA[colour]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[intermediate]]></category>
		<category><![CDATA[layer]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=692</guid>
		<description><![CDATA[In this tutorial, I am going to show you the steps I took to create this awesome starry text effect in Photoshop. The inspiration of this text effect comes from the EA game "Dead Space".

Together we will practice some brush techniques, layer blending options, selection techniques and applying filter effects.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I am going to show you the steps I took to create this awesome starry text effect in Photoshop. The inspiration of this text effect comes from the EA game &#8220;Dead Space&#8221;.</p>
<p>Together we will practice some brush techniques, layer blending options, selection techniques and applying various filter effects.</p>
<p>Below is a previous of the final result:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/starry-text-final.jpg"><img class="alignnone size-medium wp-image-719" title="starry-text-final" src="http://www.psdvault.com/wp-content/uploads/2008/12/starry-text-final-500x200.jpg" alt="" width="500" height="200" /></a></p>
<p>All right let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 1000&#215;400px, you can adjust this ratio to suit your computer screen. Fill the Background layer with Black.</p>
<p>Choose a font you like, I use <a title="http://www.dafont.com/nasalization.font" href="http://www.dafont.com/nasalization.font">this font</a> from dafont.com. Type some texts onto the document and position the text as below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/1-text-position3.jpg"><img class="alignnone size-medium wp-image-695" title="1-text-position3" src="http://www.psdvault.com/wp-content/uploads/2008/12/1-text-position3-499x200.jpg" alt="" width="499" height="200" /></a></p>
<p>Name this layer as &#8220;Text&#8221;.</p>
<h3>Step 2</h3>
<p>On the &#8220;Text&#8221; layer, apply the following layer blending options:</p>
<p>Inner Shadow</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-inner-shadow3.jpg"><img class="alignnone size-medium wp-image-696" title="2-inner-shadow3" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-inner-shadow3-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>Outer Glow</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-outer-glow3.jpg"><img class="alignnone size-medium wp-image-697" title="2-outer-glow3" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-outer-glow3-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>Inner Glow</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-inner-glow1.jpg"><img class="alignnone size-medium wp-image-698" title="2-inner-glow1" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-inner-glow1-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>Bevel and Emboss</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-bevel-and-emboss.jpg"><img class="alignnone size-medium wp-image-699" title="3-bevel-and-emboss" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-bevel-and-emboss-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-grad-over.jpg"><img class="alignnone size-medium wp-image-700" title="2-grad-over" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-grad-over-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>Stroke</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-stroke.jpg"><img class="alignnone size-medium wp-image-701" title="2-stroke" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-stroke-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p>This effect so far will look like this:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/2-effect-so-far5.jpg"><img class="alignnone size-medium wp-image-702" title="2-effect-so-far5" src="http://www.psdvault.com/wp-content/uploads/2008/12/2-effect-so-far5-500x201.jpg" alt="" width="500" height="201" /></a></p>
<h3>Step 3</h3>
<p>Ok here comes the tricky bit :)</p>
<p>Use Ctrl +  Left Mouse Click the select the text, then create a new layer on top of the &#8220;Text&#8221; Layer and call this layer &#8220;Star&#8221;. Fill the &#8220;Star&#8221; layer with Black colour and position it according to the image below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-resize1.jpg"><img class="alignnone size-medium wp-image-706" title="3-resize1" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-resize1-500x200.jpg" alt="" width="500" height="200" /></a></p>
<p>Keep the selection alive and go to Filter &gt; Noise &gt; Add Noise and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-noise1.jpg"><img class="alignnone size-medium wp-image-707" title="3-noise1" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-noise1.jpg" alt="" width="322" height="418" /></a></p>
<p>Optional: if you feel there is way too many star/noise, hit Ctrl + L to bring up the Level Adjustment Tool and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-level.jpg"><img class="alignnone size-medium wp-image-708" title="3-level" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-level.jpg" alt="" width="405" height="330" /></a></p>
<p>When you finish everything with the &#8220;Star Layer&#8221;, change the layer blending option to &#8220;Soft Light&#8221; and you will have the following image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/3-effect-so-far2.jpg"><img class="alignnone size-medium wp-image-709" title="3-effect-so-far2" src="http://www.psdvault.com/wp-content/uploads/2008/12/3-effect-so-far2-499x201.jpg" alt="" width="499" height="201" /></a></p>
<h3>Step 4</h3>
<p>Create a new layer and name it &#8220;Star 2&#8243;, grab a 9px round soft brush and apply the following brush settings:</p>
<p>Shape Dynamics</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-shape-dyn.jpg"><img class="alignnone size-medium wp-image-710" title="4-shape-dyn" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-shape-dyn.jpg" alt="" width="382" height="461" /></a></p>
<p>Scattering</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-scatter.jpg"><img class="alignnone size-medium wp-image-711" title="4-scatter" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-scatter.jpg" alt="" width="382" height="461" /></a></p>
<p>Texture</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-texture.jpg"><img class="alignnone size-medium wp-image-712" title="4-texture" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-texture.jpg" alt="" width="382" height="461" /></a></p>
<p>Dual Brush</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-dual-brush.jpg"><img class="alignnone size-medium wp-image-713" title="4-dual-brush" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-dual-brush.jpg" alt="" width="382" height="461" /></a></p>
<p>After applying the brush settings, use it to paint gently over the text (see below image):</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/4-effect-so-far3.jpg"><img class="alignnone size-medium wp-image-714" title="4-effect-so-far3" src="http://www.psdvault.com/wp-content/uploads/2008/12/4-effect-so-far3-499x199.jpg" alt="" width="499" height="199" /></a></p>
<h3>Step 5</h3>
<p>Now we&#8217;re gonna add some nebula effect on the text.</p>
<p>To do this, create a new layer and name it &#8220;Nebula&#8221;, use the Lasso Tool with a 20px feather, select the surrounding area of the text (Tip: you can hold down the &#8220;Shift&#8221; Key while selecting and this will add to your existing selection)</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-select1.jpg"><img class="alignnone size-medium wp-image-716" title="5-select1" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-select1-499x199.jpg" alt="" width="499" height="199" /></a></p>
<p>Fill the selection with black colour. Go to Filter &gt; Render &gt; Cloud (choose white as foreground colour and black as background colour) and render some cloud.</p>
<p>Then hit Ctrl + L to bring up the level tool again, apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-level.jpg"><img class="alignnone size-medium wp-image-717" title="5-level" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-level.jpg" alt="" width="405" height="330" /></a></p>
<p>Drag the &#8220;Nebula&#8221; layer below all previous layers (but above the background layer) and set its fill opacity to around 80%.</p>
<p>The effect so far looks like:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/5-effect-so-far3.jpg"><img class="alignnone size-medium wp-image-718" title="5-effect-so-far3" src="http://www.psdvault.com/wp-content/uploads/2008/12/5-effect-so-far3-499x201.jpg" alt="" width="499" height="201" /></a></p>
<p>That&#8217;s it for this tutorial! The rest is left upon your own creativity! You can add some more textures in, or create another layer with some colour over it. That&#8217;s totally up to you!</p>
<p>Below is my final image for this tutorial:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/12/starry-text-final.jpg"><img class="alignnone size-medium wp-image-719" title="starry-text-final" src="http://www.psdvault.com/wp-content/uploads/2008/12/starry-text-final-500x200.jpg" alt="" width="500" height="200" /></a></p>
<p>Hope you enjoy this tutorial and as usual, if you have any question, feel free to drop me a line!</p>
<p>Cheers and have a nice day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/design-an-awesome-starry-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>39</slash:comments>
		</item>
		<item>
		<title>Create an Realistic Dark Ocean Text Effect in Photoshop</title>
		<link>http://www.psdvault.com/drawing/create-an-ocean-text-effect-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/create-an-ocean-text-effect-in-photoshop/#comments</comments>
		<pubDate>Sat, 22 Nov 2008 10:53:47 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Text Effects]]></category>
		<category><![CDATA[Advanced]]></category>
		<category><![CDATA[effect]]></category>
		<category><![CDATA[text]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=343</guid>
		<description><![CDATA[In this tutorial, I will show you the procedures I took to create an Ocean-feeling text effect in Photoshop, which is inspired by one of the ocean photos my aunt showed me from Mykonos, Greece.

We will be exploring some layer blending options, various tools and filters. I will also show you the way I use to add extra lighting contrast to the image.]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the procedures I took to create an Realistic Dark Ocean text effect in Photoshop, which is inspired by one of the ocean photos my aunt showed me from Mykonos, Greece.</p>
<p>We will be exploring some layer blending options, various tools and filters. I will also show you the way I use to add extra lighting contrast to the image.</p>
<p>Below is a preview of the final image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/ocean-text.jpg"><img class="alignnone size-medium wp-image-372" title="ocean-text" src="http://www.psdvault.com/wp-content/uploads/2008/11/ocean-text-500x148.jpg" alt="" width="500" height="148" /></a></p>
<h3>Step 1</h3>
<p>Firstly we will need a nice font, I used <a title="sea_dreams" href="http://img.dafont.com/dl/?f=sea_dreams">this font</a> from dafont.com, however you&#8217;re free to use any font you like.</p>
<p>Once you chose the font, create a new document in photoshop, size doesn&#8217; really matter here. I chose 800&#215;400px because that&#8217;s where my comfort zone is.</p>
<p>Fill the background with Black and save the document as &#8220;Ocean Text&#8221;.</p>
<h3>Step 2</h3>
<p>Use the type tool to type some texts onto it.This will automatically create a new layer on top of the background layer.</p>
<p>If you choose the 800&#215;400px canvas size in step 1, it&#8217;s a good idea to choose larger size font here. However, you can always adjust the size of the font by holding down the CTRL + T together, then drag the corner of the text to alter the size. (You may also hold down SHIFT key while dragging, this will keep the dimension radio of the text).</p>
<p>See image below for the position I place my text:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/1-type-text-and-resize.jpg"><img class="alignnone size-medium wp-image-345" title="1-type-text-and-resize" src="http://www.psdvault.com/wp-content/uploads/2008/11/1-type-text-and-resize-499x245.jpg" alt="" width="499" height="245" /></a></p>
<p>After placing your text, name this layer as &#8220;Text&#8221;.</p>
<h3>Step 3</h3>
<p>We will now add some lighting and contrast for the text. Hold down your CTRL key and left-click on the &#8220;Text&#8221; layer, this will select the entire &#8220;Text&#8221; layer:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/2-select-text.jpg"><img class="alignnone size-medium wp-image-346" title="2-select-text" src="http://www.psdvault.com/wp-content/uploads/2008/11/2-select-text-500x248.jpg" alt="" width="500" height="248" /></a></p>
<p>Create a new layer called &#8220;shade&#8221;, fill it with black and go to Filter &gt; Render &gt; Cloud to render some cloud (use white as foreground colour and black as background colour).</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/3-cloud-overlay.jpg"><img class="alignnone size-medium wp-image-347" title="3-cloud-overlay" src="http://www.psdvault.com/wp-content/uploads/2008/11/3-cloud-overlay-500x235.jpg" alt="" width="500" height="235" /></a></p>
<h3>Step 4</h3>
<p>Now we can futher edit the lightness of the text. Go to Image &gt; Mode &gt; Lab Colour to change the image mode to LAB Colour, then go to channels palette and choose the lightness channel. See below images for details:</p>
<p>Lab Mode:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-colour-mode.jpg"><img class="alignnone size-medium wp-image-348" title="4-lab-colour-mode" src="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-colour-mode.jpg" alt="" width="319" height="304" /></a></p>
<p>Channel:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-colour-mode-channel.jpg"><img class="alignnone size-medium wp-image-350" title="4-lab-colour-mode-channel" src="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-colour-mode-channel.jpg" alt="" width="211" height="141" /></a></p>
<p>Then go to Filter &gt; Sharpen &gt; Smart Sharpen and use the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-smart-shapen.jpg"><img class="alignnone size-medium wp-image-351" title="4-lab-smart-shapen" src="http://www.psdvault.com/wp-content/uploads/2008/11/4-lab-smart-shapen-500x333.jpg" alt="" width="500" height="333" /></a></p>
<p>Optional: you may use smart sharpen a few time to further adjust the effect.</p>
<p>Here is the text effect so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/4-effect-so-far.jpg"><img class="alignnone size-medium wp-image-353" title="4-effect-so-far" src="http://www.psdvault.com/wp-content/uploads/2008/11/4-effect-so-far-500x249.jpg" alt="" width="500" height="249" /></a></p>
<h3>Step 5</h3>
<p>Change to image mode back to &#8220;RGB Color&#8221; by going to image &gt; mode &gt; RGB color. <strong>If you&#8217;re prompted to flatten the image, choose &#8220;Don&#8217;t flatten&#8221;.</strong></p>
<p>Create a new layer called &#8220;Ocean Colour&#8221; on top of every other layer, set its layer blending option to &#8220;Color dodge&#8221;.</p>
<p>use a big brush and a ocean-blue colour, gently brush over the text, you may use the dodge, burn and sponge tool to adjust the lighting constrast. Detail setting see below:</p>
<p>Brush colour</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/5-brush-colour.jpg"><img class="alignnone size-medium wp-image-354" title="5-brush-colour" src="http://www.psdvault.com/wp-content/uploads/2008/11/5-brush-colour-500x329.jpg" alt="" width="500" height="329" /></a></p>
<p>Dodge tool settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/5-dodge-tool.jpg"><img class="alignnone size-medium wp-image-355" title="5-dodge-tool" src="http://www.psdvault.com/wp-content/uploads/2008/11/5-dodge-tool.jpg" alt="" width="435" height="31" /></a></p>
<p>Burn tool settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/5-burn-tool.jpg"><img class="alignnone size-medium wp-image-357" title="5-burn-tool" src="http://www.psdvault.com/wp-content/uploads/2008/11/5-burn-tool.jpg" alt="" width="435" height="31" /></a></p>
<p>Here is the effect so far:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/5-effect-so-far.jpg"><img class="alignnone size-medium wp-image-358" title="5-effect-so-far" src="http://www.psdvault.com/wp-content/uploads/2008/11/5-effect-so-far-500x239.jpg" alt="" width="500" height="239" /></a></p>
<h3>Step 6</h3>
<p>Now can add some more ocean effect to the text. Create a new layer called &#8220;Cloud&#8221;, and on the newly-created layer, use the Lasso Tool to select the outer of the text , fill it with black colour, then go to Filter &gt; Render &gt; Difference Cloud (Use the previous dark blue colour as foreground colour, black as background colour).</p>
<p>Your image should be similar to below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/6-difference-cloud-effect.jpg"><img class="alignnone size-medium wp-image-359" title="6-difference-cloud-effect" src="http://www.psdvault.com/wp-content/uploads/2008/11/6-difference-cloud-effect-500x234.jpg" alt="" width="500" height="234" /></a></p>
<p>Create a layer on top of the &#8220;cloud&#8221; layer and call it &#8220;fiber&#8221;, right-click the layer and choose &#8220;Create clipping mask&#8221; and make it a clipping mask of &#8220;Cloud&#8221; layer. Fill this layer with black colour.</p>
<p>Go to Filter &gt; render &gt; fiber and use the following setting:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/7-fiber.jpg"><img class="alignnone size-medium wp-image-360" title="7-fiber" src="http://www.psdvault.com/wp-content/uploads/2008/11/7-fiber.jpg" alt="" width="288" height="394" /></a></p>
<p>Then use motion blur on the &#8220;Fiber&#8221; layer, details see below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/7-blur.jpg"><img class="alignnone size-medium wp-image-362" title="7-blur" src="http://www.psdvault.com/wp-content/uploads/2008/11/7-blur.jpg" alt="" width="317" height="377" /></a></p>
<p>After that, go to Filter &gt; Distort &gt; Ocean Ripple to create some ocean ripples, details see below:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/7-ocean-ripple.jpg"><img class="alignnone size-medium wp-image-361" title="7-ocean-ripple" src="http://www.psdvault.com/wp-content/uploads/2008/11/7-ocean-ripple-500x322.jpg" alt="" width="500" height="322" /></a></p>
<p>You should now have the following image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/7-so-far.jpg"><img class="alignnone size-medium wp-image-363" title="7-so-far" src="http://www.psdvault.com/wp-content/uploads/2008/11/7-so-far-500x227.jpg" alt="" width="500" height="227" /></a></p>
<h3>Step 7</h3>
<p>Now we can move the &#8220;fiber&#8221; and &#8220;cloud&#8221; layer below the &#8220;Ocean Text&#8221; layer.  Change the blending options of &#8220;Ocean Text&#8221; according to the following screenshots:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending.jpg"><img class="alignnone size-medium wp-image-365" title="8-layer-blending" src="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending-1.jpg"><img class="alignnone size-medium wp-image-366" title="8-layer-blending-1" src="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending-1-500x367.jpg" alt="" width="500" height="367" /></a></p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending-2.jpg"><img class="alignnone size-medium wp-image-367" title="8-layer-blending-2" src="http://www.psdvault.com/wp-content/uploads/2008/11/8-layer-blending-2-500x367.jpg" alt="" width="500" height="367" /></a></p>
<h3>Step 8</h3>
<p>Right-click on the &#8220;Ocean Colour&#8221;, select &#8220;Create Clipping Mask&#8221; and make it a clipping mask to the &#8220;shade&#8221; layer.</p>
<p>Duplicate the &#8220;Cloud&#8221; layer once and put it on top of every other layer, change its blending style option to &#8220;overlay&#8221;.</p>
<p>Now you will have the following image:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/9-so-far.jpg"><img class="alignnone size-medium wp-image-368" title="9-so-far" src="http://www.psdvault.com/wp-content/uploads/2008/11/9-so-far-500x246.jpg" alt="" width="500" height="246" /></a></p>
<h3>Step 9</h3>
<p>Now save your document as a JPEG file, then load it back into Photoshop, duplicate the background, and change the blending option as following:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/10-blending.jpg"><img class="alignnone size-medium wp-image-369" title="10-blending" src="http://www.psdvault.com/wp-content/uploads/2008/11/10-blending-500x366.jpg" alt="" width="500" height="366" /></a></p>
<p>Then go to Filters &gt; Distort &gt; Ocean Ripple and apply the following settings:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/10-ripple.jpg"><img class="alignnone size-medium wp-image-370" title="10-ripple" src="http://www.psdvault.com/wp-content/uploads/2008/11/10-ripple-500x355.jpg" alt="" width="500" height="355" /></a></p>
<p>Apply this filter a couple of times, then you will have the following result:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/10-so-far.jpg"><img class="alignnone size-medium wp-image-371" title="10-so-far" src="http://www.psdvault.com/wp-content/uploads/2008/11/10-so-far-500x245.jpg" alt="" width="500" height="245" /></a></p>
<p>That&#8217;s it for this tutorial! You can use your own creativity and innovation to add whatever effect you want to have.</p>
<p>Here is my final result for this tutorial:</p>
<p><a href="http://www.psdvault.com/wp-content/uploads/2008/11/ocean-text.jpg"><img class="alignnone size-medium wp-image-372" title="ocean-text" src="http://www.psdvault.com/wp-content/uploads/2008/11/ocean-text-500x148.jpg" alt="" width="500" height="148" /></a></p>
<p>Hope you enjoy this tutorial and have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/create-an-ocean-text-effect-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>73</slash:comments>
		</item>
	</channel>
</rss>
