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

<channel>
	<title>Extra Unique Adobe Photoshop Tutorials - PSD Vault &#187; 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>Wed, 08 Feb 2012 00:17:18 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.1</generator>
		<item>
		<title>How to Draw a Strange, Mystical Creature in Photoshop</title>
		<link>http://www.psdvault.com/drawing/how-to-draw-a-strange-mystical-creature-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/how-to-draw-a-strange-mystical-creature-in-photoshop/#comments</comments>
		<pubDate>Wed, 21 Dec 2011 09:58:03 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[digital drawing tutorial]]></category>
		<category><![CDATA[draw creature photoshop]]></category>
		<category><![CDATA[photoshop digital drawing]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=12526</guid>
		<description><![CDATA[In this video Photoshop tutorial, we will show you the detailed steps of how to draw a Strange, Mystical Creature in Photoshop. This tutorial is especially useful for Photoshop beginners who wish to improve their digital drawing skills, have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this video Photoshop tutorial, we will show you the detailed steps of how to draw a Strange, Mystical Creature in Photoshop. This tutorial is especially useful for Photoshop beginners who wish to improve their digital drawing skills, have a try :)</p>
<p>Create <a href="http://www.nextdayflyers.com/postcard-printing-marketing/">postcard printing</a> layouts with free templates found online at Next Day Flyers.</p>
<p>Along the way, we will cover the following topics in order to reach our final drawing effect:</p>
<ol>
<li>How the idea is formed</li>
<li>Rough Sketch</li>
<li>Developing Sketch</li>
<li>Blocking-in Colours</li>
<li>Adding more Colours</li>
<li>Adding Extra Details</li>
<li>Finalising and clean up</li>
</ol>
<p>This tutorial is rendered exclusively for PSD Vault by Cam Sykes from <a href="http://www.howtodigitalpaint.com">howtodigitalpaint.com</a>, who is an great illustrator based in Sydney, Australia.</p>
<p>Here is a preview of the final drawing result: (click to enlarge)</p>
<p><a href="http://www.psdvault.com/img/2011/12/draw-mystical-creature.jpg"><img class="alignnone size-medium wp-image-12529" title="draw-mystical-creature" src="http://www.psdvault.com/img/2011/12/draw-mystical-creature-500x353.jpg" alt="draw mystical creature 500x353 How to Draw a Strange, Mystical Creature in Photoshop" width="500" height="353" /></a></p>
<h3>Tutorial PSD and Video File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 How to Draw a Strange, Mystical Creature in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s check out this tutorial below: (Video Length: Approx. 24 mins)</p>
<p><object width="560" height="315"><param name="movie" value="http://www.youtube.com/v/baLshtYtbMM?version=3&amp;hl=en_GB" /><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><embed type="application/x-shockwave-flash" width="560" height="315" src="http://www.youtube.com/v/baLshtYtbMM?version=3&amp;hl=en_GB" allowscriptaccess="always" allowfullscreen="true"></embed></object></p>
<p>Hope you enjoy this Photoshop drawing tutorial! Drop a comment below if you have any question, thank you and have a nice day!</p>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/how-to-draw-a-strange-mystical-creature-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Design a Delicious, Shining Circle Play (Web) Button in Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-a-delicious-shining-circle-play-web-button-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-a-delicious-shining-circle-play-web-button-in-photoshop/#comments</comments>
		<pubDate>Sun, 11 Sep 2011 10:11:44 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[orb play button]]></category>
		<category><![CDATA[photoshop button design]]></category>
		<category><![CDATA[shining orb button]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=11529</guid>
		<description><![CDATA[In this tutorial, I will show you the steps I took to create this interesting Shining Orb Play (Web) Button in Photoshop . This is an beginner level tutorial and steps are quite easy to follow, have a try :)]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this interesting Shining Orb Circle Play (Web) Button in Photoshop . This is an beginner level tutorial and steps are quite easy to follow, have a try :)</p>
<p>Along the way, we will practice some basic drawing skills and adding light effect onto the elements, as well as the use of Pen Tool, layer blending mode and selection techniques.</p>
<p>Club <a href="http://www.nextdayflyers.com/club-flyers/">flyer printing</a> is a great way to market and spread the word about upcoming events.</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/img/2011/09/shining-orb-flatten.png"><img class="alignnone size-medium wp-image-11566" title="shining-orb-flatten" src="http://www.psdvault.com/img/2011/09/shining-orb-flatten-500x291.png" alt="shining orb flatten 500x291 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="291" /></a></p>
<h3>PSD File Download</h3>
<div>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorials there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="250" height="250" /></a></p>
<p>OK Let&#8217;s get started!</p>
<p>No stock image is required for this tutorial.</p>
<h3>Step 1</h3>
<p>Create a new document (size doesn&#8217;t really matter) with black background, add a new layer and paint a dark blue back light with a big soft brush:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-paint.jpg"><img class="alignnone size-medium wp-image-11534" title="1 paint" src="http://www.psdvault.com/img/2011/09/1-paint-500x289.jpg" alt="1 paint 500x289 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="289" /></a></p>
<p>Create a new layer and draw a yellow circle in the centre of the canvas:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-color.jpg"><img class="alignnone size-medium wp-image-11530" style="border-style: initial; border-color: initial;" title="1 color" src="http://www.psdvault.com/img/2011/09/1-color-500x274.jpg" alt="1 color 500x274 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="274" /></a></p>
<p>Now let&#8217;s add some light and shadow for this circle &#8211; firstly select this circle layer, use a soft white brush to paint on the position shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-paint-white.jpg"><img class="alignnone size-medium wp-image-11533" style="border-style: initial; border-color: initial;" title="1 paint white" src="http://www.psdvault.com/img/2011/09/1-paint-white-500x259.jpg" alt="1 paint white 500x259 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="259" /></a></p>
<p>Create another layer and use a soft black brush to the paint some shadow to the bottom right as shown below:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-paint-shadow.jpg"><img class="alignnone size-medium wp-image-11532" style="border-style: initial; border-color: initial;" title="1 paint shadow" src="http://www.psdvault.com/img/2011/09/1-paint-shadow-500x209.jpg" alt="1 paint shadow 500x209 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="209" /></a></p>
<p>Create a new layer below the circle layer, use a soft black brush to paint some shadow under the orb:  (Use free transform tool to compress it down)</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-shadow.jpg"><img class="alignnone size-medium wp-image-11535" style="border-style: initial; border-color: initial;" title="1 shadow" src="http://www.psdvault.com/img/2011/09/1-shadow-500x189.jpg" alt="1 shadow 500x189 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="189" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/09/1-effect1.jpg"><img class="alignnone size-medium wp-image-11531" style="border-style: initial; border-color: initial;" title="1 effect" src="http://www.psdvault.com/img/2011/09/1-effect1-500x376.jpg" alt="1 effect1 500x376 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="376" /></a></p>
<h3>Step 2</h3>
<p>Now let&#8217;s add the play symbol to the image &#8211; Create a new layer and grab the Polygon Tool from the toolbox:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-ploy.jpg"><img class="alignnone size-medium wp-image-11544" style="border-style: initial; border-color: initial;" title="2 ploy" src="http://www.psdvault.com/img/2011/09/2-ploy-500x315.jpg" alt="2 ploy 500x315 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="315" /></a></p>
<p>Apply the following settings for this tool, and set the colour fill to be dark brown:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-poly-setting.jpg"><img class="alignnone size-medium wp-image-11545" style="border-style: initial; border-color: initial;" title="2 poly setting" src="http://www.psdvault.com/img/2011/09/2-poly-setting-500x23.jpg" alt="2 poly setting 500x23 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="23" /></a></p>
<p>Draw a triangle shape as shown below: (might be helpful to turn on the grid display with Ctrl + &#8216; keyboard shortcut and use it as guide)</p>
<p><img class="alignnone size-medium wp-image-11537" title="2 draw" src="http://www.psdvault.com/img/2011/09/2-draw-500x243.jpg" alt="2 draw 500x243 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="243" /></p>
<p>Apply the following layer blending options to this play symbol layer:</p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-11542" style="border-style: initial; border-color: initial;" title="2 inner sha" src="http://www.psdvault.com/img/2011/09/2-inner-sha-500x350.jpg" alt="2 inner sha 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></p>
<p>Gradient overlay</p>
<p><img class="alignnone size-medium wp-image-11541" style="border-style: initial; border-color: initial;" title="2 grad" src="http://www.psdvault.com/img/2011/09/2-grad-500x350.jpg" alt="2 grad 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></p>
<p>and here is the effect for the play button so far:</p>
<p><img class="alignnone size-medium wp-image-11540" style="border-style: initial; border-color: initial;" title="2 effect" src="http://www.psdvault.com/img/2011/09/2-effect1-500x336.jpg" alt="2 effect1 500x336 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="336" /></p>
<p>Now let&#8217;s add some glow for the play symbol &#8211; Create a new layer under the triangle layer,, and use a soft white brush roughly the same size as the triangle, do a single-click as shown below:</p>
<p><img class="alignnone size-medium wp-image-11543" style="border-style: initial; border-color: initial;" title="2 paint light" src="http://www.psdvault.com/img/2011/09/2-paint-light1-500x272.jpg" alt="2 paint light1 500x272 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="272" /></p>
<p>Duplicate this layer once, and compress it down with free transform tool. Rotate and attach it to one of the triangle lines &#8211; this create some extra glowing effect:</p>
<p><a href="http://www.psdvault.com/img/2011/09/2-compress.jpg"><img class="alignnone size-medium wp-image-11536" title="2 compress" src="http://www.psdvault.com/img/2011/09/2-compress-500x337.jpg" alt="2 compress 500x337 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="337" /></a></p>
<p>Duplicate this layer twice, rotate and move them to the rest of the triangle lines:</p>
<p><img class="alignnone size-medium wp-image-11538" style="border-style: initial; border-color: initial;" title="2 dup" src="http://www.psdvault.com/img/2011/09/2-dup-500x347.jpg" alt="2 dup 500x347 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="347" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-11539" style="border-style: initial; border-color: initial;" title="2 effect 2" src="http://www.psdvault.com/img/2011/09/2-effect-21-500x329.jpg" alt="2 effect 21 500x329 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="329" /></p>
<h3>Step 3</h3>
<p><strong>This step is optional. </strong>I decided to add some string effect to the button just to make it look a bit unique and interesting.</p>
<p>I used the Pen Tool to draw a path and stroked the path with a 5px hard yellow brush (with simulate pressure setting on):</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-pen-tool.jpg"><img class="alignnone size-medium wp-image-11553" style="border-style: initial; border-color: initial;" title="3 pen tool" src="http://www.psdvault.com/img/2011/09/3-pen-tool-500x213.jpg" alt="3 pen tool 500x213 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="213" /></a></p>
<p>Then I added a knot to the button by drawing a rectangular shape and attach it to the string &#8211; perspective the shape a bit:</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-persp.jpg"><img class="alignnone size-medium wp-image-11554" style="border-style: initial; border-color: initial;" title="3 persp" src="http://www.psdvault.com/img/2011/09/3-persp-500x264.jpg" alt="3 persp 500x264 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="264" /></a></p>
<p>and here is the effect after the perspective settings:</p>
<p><img class="alignnone size-medium wp-image-11546" style="border-style: initial; border-color: initial;" title="3 attach" src="http://www.psdvault.com/img/2011/09/3-attach-500x313.jpg" alt="3 attach 500x313 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="313" /></p>
<p>We can add some texture to this knot to make it looks a bit realistic: &#8211; apply the following layer blending options to this layer:</p>
<p>Inner Glow</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-inner-glow.jpg"><img class="alignnone size-medium wp-image-11551" style="border-style: initial; border-color: initial;" title="3 inner glow" src="http://www.psdvault.com/img/2011/09/3-inner-glow-500x350.jpg" alt="3 inner glow 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></a></p>
<p>Bevel and Emboss</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-bevel.jpg"><img class="alignnone size-medium wp-image-11547" style="border-style: initial; border-color: initial;" title="3 bevel" src="http://www.psdvault.com/img/2011/09/3-bevel-500x350.jpg" alt="3 bevel 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-grad.jpg"><img class="alignnone size-medium wp-image-11550" style="border-style: initial; border-color: initial;" title="3 grad" src="http://www.psdvault.com/img/2011/09/3-grad-500x350.jpg" alt="3 grad 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></a></p>
<p>Pattern Overlay</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-pattern.jpg"><img class="alignnone size-medium wp-image-11552" style="border-style: initial; border-color: initial;" title="3 pattern" src="http://www.psdvault.com/img/2011/09/3-pattern-500x350.jpg" alt="3 pattern 500x350 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="350" /></a></p>
<p>and here is the effect so far:</p>
<p><a href="http://www.psdvault.com/img/2011/09/3-effect-stitch.jpg"><img class="alignnone size-medium wp-image-11548" style="border-style: initial; border-color: initial;" title="3 effect stitch" src="http://www.psdvault.com/img/2011/09/3-effect-stitch-500x275.jpg" alt="3 effect stitch 500x275 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="275" /></a></p>
<h3>Step 4</h3>
<p>Now we can add some wave lighting effect around the orb. To do this, load the selection of the original orb layer again and create a new layer, use a soft white brush to paint inside the selection as shown below:</p>
<p><img class="alignnone size-medium wp-image-11560" style="border-style: initial; border-color: initial;" title="4 paint" src="http://www.psdvault.com/img/2011/09/4-paint1-500x229.jpg" alt="4 paint1 500x229 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="229" /></p>
<p>Deselect the selection, move this layer slightly to the right, you will have the following effect:</p>
<p><img class="alignnone size-medium wp-image-11557" style="border-style: initial; border-color: initial;" title="4 move" src="http://www.psdvault.com/img/2011/09/4-move-500x220.jpg" alt="4 move 500x220 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="220" /></p>
<p>Duplicate this layer once, flip it horizontally and move it to the left side of the button:</p>
<p><img class="alignnone size-medium wp-image-11559" style="border-style: initial; border-color: initial;" title="4 paint 2" src="http://www.psdvault.com/img/2011/09/4-paint-2-500x230.jpg" alt="4 paint 2 500x230 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="230" /></p>
<p>and you will have the following effect so far:</p>
<p><img class="alignnone size-medium wp-image-11556" style="border-style: initial; border-color: initial;" title="4 effect" src="http://www.psdvault.com/img/2011/09/4-effect1-500x249.jpg" alt="4 effect1 500x249 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="249" /></p>
<p>We can now add some little shining dots around the button to add some special effect. To do this, grab a soft brush from the brush panel and apply the following brush options:</p>
<p>Shape Dynamics</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-shape-dyn.jpg"><img class="alignnone size-full wp-image-11562" title="4 shape dyn" src="http://www.psdvault.com/img/2011/09/4-shape-dyn.jpg" alt="4 shape dyn Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="404" height="445" /></a></p>
<p>Scattering</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-scat.jpg"><img class="alignnone size-full wp-image-11561" title="4 scat" src="http://www.psdvault.com/img/2011/09/4-scat.jpg" alt="4 scat Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="404" height="445" /></a></p>
<p>Other Dynamics</p>
<p><a href="http://www.psdvault.com/img/2011/09/4-other-dyn.jpg"><img class="alignnone size-full wp-image-11558" style="border-style: initial; border-color: initial;" title="4 other dyn" src="http://www.psdvault.com/img/2011/09/4-other-dyn.jpg" alt="4 other dyn Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="404" height="445" /></a></p>
<p>Make sure to tick the &#8220;Smoothing&#8221; option.</p>
<p>You can now use this brush to paint some little dots around the orb to give the overall image a soft touch:</p>
<p><img class="alignnone size-medium wp-image-11555" title="4 effect 2" src="http://www.psdvault.com/img/2011/09/4-effect-2-500x338.jpg" alt="4 effect 2 500x338 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="338" /></p>
<h3>Step 5</h3>
<p>We&#8217;re almost done! For some final adjustments, I decided to add some glowing light around the orb by creating a new layer under the original orb layer, and use a yellow soft brush to paint around the orb:</p>
<p><a href="http://www.psdvault.com/img/2011/09/5-light.jpg"><img class="alignnone size-medium wp-image-11565" title="5 light" src="http://www.psdvault.com/img/2011/09/5-light-500x242.jpg" alt="5 light 500x242 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="242" /></a></p>
<p>To play with the colours, I also added a colour balance adjustment layer on top of all layers for some red colour lighting effect:</p>
<p><a href="http://www.psdvault.com/img/2011/09/5-col-bal-mid.jpg"><img class="alignnone size-full wp-image-11563" style="border-style: initial; border-color: initial;" title="5 col bal mid" src="http://www.psdvault.com/img/2011/09/5-col-bal-mid.jpg" alt="5 col bal mid Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://www.psdvault.com/img/2011/09/5-col-bal.jpg"><img class="alignnone size-full wp-image-11564" style="border-style: initial; border-color: initial;" title="5 col bal" src="http://www.psdvault.com/img/2011/09/5-col-bal.jpg" alt="5 col bal Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="210" height="336" /></a></p>
<p>and here is the final image I have for this tutorial: (click to enlarge)</p>
<p><img class="alignnone size-medium wp-image-11566" style="border-style: initial; border-color: initial;" title="shining-orb-flatten" src="http://www.psdvault.com/img/2011/09/shining-orb-flatten-500x291.png" alt="shining orb flatten 500x291 Design a Delicious, Shining Circle Play (Web) Button in Photoshop" width="500" height="291" /></p>
</div>
<p>That&#8217;s it for this tutorial! Hope you enjoy it and find it useful :) Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/design-a-delicious-shining-circle-play-web-button-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills</title>
		<link>http://www.psdvault.com/drawing/10-fantastic-icon-design-photoshop-tutorials-to-perfect-your-drawing-skills/</link>
		<comments>http://www.psdvault.com/drawing/10-fantastic-icon-design-photoshop-tutorials-to-perfect-your-drawing-skills/#comments</comments>
		<pubDate>Sat, 25 Jun 2011 10:06:36 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[beginner icon design]]></category>
		<category><![CDATA[design icon photoshop]]></category>
		<category><![CDATA[icon photoshop tutorial]]></category>
		<category><![CDATA[learn icon design]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=10694</guid>
		<description><![CDATA[In this post, I will showcase 11 Fantastic Icon Design Photoshop Tutorials that I have in my bookmarks over the years -they helped me a lot and are definitely worth reading.]]></description>
			<content:encoded><![CDATA[<p>Apart from creating beautiful photo effect and text art, Photoshop is also well-known for its ability to allow web/graphic designers to make sleek icon design. However, it takes a lot of effect and skills to render something that is attractive and eye-pleasing, and it can be hard for beginner to get a start on it.</p>
<p>In this post, I will showcase 11 Fantastic Icon Design Photoshop Tutorials that I have in my bookmarks over the years -they helped me a lot and are definitely worth reading. Hopefully this collection would help some of you to understand the skills behind creating nice user interface and icon in Photoshop.</p>
<p><a href="http://www.nextdayflyers.com/sticker-standard-printing/">Sticker printing</a> can be a unique promotional tool, give it a try for your next design job.</p>
<p>Here goes the list, enjoy!</p>
<h3><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-custom-mac-osx-style-ring-binder-address-book-icon/" target="_blank">Create a Custom Mac OSX Style Ring Binder Address Book Icon</a></h3>
<p><a href="http://psd.tutsplus.com/tutorials/designing-tutorials/create-a-custom-mac-osx-style-ring-binder-address-book-icon/"><img class="alignnone size-medium wp-image-10695" title="ring_binder_book_final" src="http://img.psdvault.com/2011/06/ring_binder_book_final-500x500.jpg" alt="ring binder book final 500x500 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="500" /></a></p>
<h3><a href="http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-glossy-volt-icon-in-photoshop/" target="_blank">Create a Glossy Volt Icon in Photoshop</a></h3>
<p><a href="http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-glossy-volt-icon-in-photoshop/"><img class="alignnone size-medium wp-image-10696" title="final-result-small" src="http://img.psdvault.com/2011/06/final-result-small-437x700.jpg" alt="final result small 437x700 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="437" height="700" /></a></p>
<h3><a href="http://medialoot.com/blog/realistic-takeout-coffee-icon/" target="_blank">How To Design a Realistic Takeout Coffee</a></h3>
<p><a href="http://medialoot.com/blog/realistic-takeout-coffee-icon/"><img class="alignnone size-medium wp-image-10697" title="final" src="http://img.psdvault.com/2011/06/final-500x463.jpg" alt="final 500x463 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="463" /></a></p>
<h3><a href="http://www.webiconset.com/shiny-lock-icon-design-tutorial/" target="_blank">Shiny Lock Icon Design Tutorial</a></h3>
<p><a href="http://www.webiconset.com/shiny-lock-icon-design-tutorial/"><img class="alignnone size-medium wp-image-10698" title="lock-icon" src="http://img.psdvault.com/2011/06/lock-icon-500x281.jpg" alt="lock icon 500x281 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="281" /></a></p>
<h3><a href="http://designinstruct.com/drawing-illustration/how-to-draw-a-classic-electric-guitar-in-photoshop/" target="_blank">How to Draw a Classic Electric Guitar in Photoshop</a></h3>
<p><a href="http://designinstruct.com/drawing-illustration/how-to-draw-a-classic-electric-guitar-in-photoshop/"><img class="alignnone size-medium wp-image-10699" title="guitar-final-result" src="http://img.psdvault.com/2011/06/guitar-final-result-465x700.jpg" alt="guitar final result 465x700 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="465" height="700" /></a></p>
<h3><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-highly-detailed-hi-tech-power-button-basix/" target="_blank">How to Create a Highly Detailed Hi-Tech Power Button</a></h3>
<p><a href="http://psd.tutsplus.com/tutorials/interface-tutorials/how-to-create-a-highly-detailed-hi-tech-power-button-basix/"><img class="alignnone size-medium wp-image-10700" title="final (1)" src="http://img.psdvault.com/2011/06/final-1-500x500.jpg" alt="final 1 500x500 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="500" /></a></p>
<h3><a href="http://abduzeedo.com/radar-icon-photoshop" target="_blank">Radar Icon in Photoshop</a></h3>
<p><a href="http://abduzeedo.com/radar-icon-photoshop"><img class="alignnone size-medium wp-image-10701" title="icon-photoshop-tutorial" src="http://img.psdvault.com/2011/06/icon-photoshop-tutorial-500x231.jpg" alt="icon photoshop tutorial 500x231 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="231" /></a></p>
<h3><a href="http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-3d-industrial-style-download-icon-in-photoshop/" target="_blank">Create a 3D Industrial-style Download Icon in Photoshop</a></h3>
<p><a href="http://www.tutorial9.net/tutorials/photoshop-tutorials/create-a-3d-industrial-style-download-icon-in-photoshop/"><img class="alignnone size-medium wp-image-10702" title="18b" src="http://img.psdvault.com/2011/06/18b-500x500.jpg" alt="18b 500x500 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="500" /></a></p>
<h3><a href="http://www.webiconset.com/how-to-create-a-replacement-itunes-10-icon/" target="_blank">How to Create a Replacement iTunes 10 Icon</a></h3>
<p><a href="http://www.webiconset.com/how-to-create-a-replacement-itunes-10-icon/"><img class="alignnone size-medium wp-image-10703" title="final (2)" src="http://img.psdvault.com/2011/06/final-2-500x390.jpg" alt="final 2 500x390 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="500" height="390" /></a></p>
<h3><a href="http://www.graphisutra.com/tutorials/photoshop/interface-design/the-oxygen-orb" target="_blank">The Oxygen Orb &#8211; Icon Design in Photoshop</a></h3>
<p><a href="http://www.graphisutra.com/tutorials/photoshop/interface-design/the-oxygen-orb"><img class="alignnone size-full wp-image-10704" title="FINAL" src="http://img.psdvault.com/2011/06/FINAL.png" alt="FINAL 10 Fantastic Icon Design Photoshop Tutorials to Perfect Your Drawing Skills" width="363" height="580" /></a></p>
<p>That&#8217;s it for this list! Hope you enjoy those tutorials and find them useful. Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/10-fantastic-icon-design-photoshop-tutorials-to-perfect-your-drawing-skills/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Create Awesome Abstract Nebula Circle Shape in Photoshop</title>
		<link>http://www.psdvault.com/drawing/create-awesome-abstract-nebula-circle-shape-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/create-awesome-abstract-nebula-circle-shape-in-photoshop/#comments</comments>
		<pubDate>Sun, 09 Jan 2011 05:33:45 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Circle shape photoshop]]></category>
		<category><![CDATA[create nebula circle shape]]></category>
		<category><![CDATA[nebula abstract photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=8123</guid>
		<description><![CDATA[In this tutorial, I will show the steps I took to create this Create Awesome Abstract Nebula Circle Shape in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky for beginners, but why not have a try!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show the steps I took to create this Create Awesome Abstract Nebula Circle Shape in Photoshop. This is an intermediate level tutorial so some steps can be a little tricky for beginners, but why not have a try!</p>
<p>Along the way, I will show you how you can combine the liquify filter with nebula texture and cloud to render some very interesting effect :)</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2011/01/abstract-circle-flatten.jpg"><img class="alignnone size-medium wp-image-8124" title="abstract-circle-flatten" src="http://img.psdvault.com/2011/01/abstract-circle-flatten-500x675.jpg" alt="abstract circle flatten 500x675 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="675" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<p>To complete this tutorial, you will need to the following stock:</p>
<p><a href="http://moonchilde-stock.deviantart.com/art/Aiden-Nebula-Stock-117654708" target="_blank">Nebula Texture</a> &#8211; by =<a href="http://moonchilde-stock.deviantart.com/">Moonchilde-Stock</a></p>
<h3>Step 1</h3>
<p>Create a new document sized 800px * 1080px, filter the background with a dark grey color, and draw a base circle on a new layer:</p>
<p><img class="alignnone size-medium wp-image-8125" title="1 draw cirlce" src="http://img.psdvault.com/2011/01/1-draw-cirlce-500x688.jpg" alt="1 draw cirlce 500x688 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="688" /></p>
<p>Use Lasso Tool with around 30px feather to draw a selection, set the foreground colour to dark purple, and render some cloud into it:</p>
<p><img class="alignnone size-full wp-image-8128" title="1 render cloud" src="http://img.psdvault.com/2011/01/1-render-cloud.jpg" alt="1 render cloud Create Awesome Abstract Nebula Circle Shape in Photoshop" width="417" height="441" /></p>
<p>Compress this cloud layer to a very thin strip, then warp it as shown below:</p>
<p><img class="alignnone size-medium wp-image-8130" title="1 warp" src="http://img.psdvault.com/2011/01/1-warp-500x396.jpg" alt="1 warp 500x396 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="396" /></p>
<p>Apply the Twirl filter to make it look like a half circle:</p>
<p><img class="alignnone size-full wp-image-8129" title="1 twirl" src="http://img.psdvault.com/2011/01/1-twirl.jpg" alt="1 twirl Create Awesome Abstract Nebula Circle Shape in Photoshop" width="360" height="289" /></p>
<p>Erase the unnecessary bits and attach it to the base circle:</p>
<p><a href="http://img.psdvault.com/2011/01/1-fit.jpg"><img class="alignnone size-medium wp-image-8127" title="1 fit" src="http://img.psdvault.com/2011/01/1-fit-500x578.jpg" alt="1 fit 500x578 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="578" /></a></p>
<p><a href="http://img.psdvault.com/2011/01/1-render-cloud.jpg"></a></p>
<p>Duplicate this layer a few times, rotate and resize them until they form a full circle shape roughly, then fill the background layer with black colour:</p>
<p><a href="http://img.psdvault.com/2011/01/1-effect1.jpg"></a><img class="alignnone size-full wp-image-8126" title="1 effect" src="http://img.psdvault.com/2011/01/1-effect1.jpg" alt="1 effect1 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="458" height="533" /></p>
<h3>Step 2</h3>
<p>Load the nebula texture into Photoshop, use Lasso Tool with 30px feather to select a portion:</p>
<p><img class="alignnone size-medium wp-image-8138" title="2 select" src="http://img.psdvault.com/2011/01/2-select-500x314.jpg" alt="2 select 500x314 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="314" /></p>
<p>Copy and paste into onto our image, warp it according to the base circle:</p>
<p><img class="alignnone size-medium wp-image-8139" title="2 warp" src="http://img.psdvault.com/2011/01/2-warp-500x507.jpg" alt="2 warp 500x507 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="507" /></p>
<p>Bring up the liquify filter (Shift + Ctrl + X) and use the following settings:</p>
<p><a href="http://img.psdvault.com/2011/01/2-liquify.jpg"><img class="alignnone size-full wp-image-8137" title="2 liquify" src="http://img.psdvault.com/2011/01/2-liquify.jpg" alt="2 liquify Create Awesome Abstract Nebula Circle Shape in Photoshop" width="275" height="700" /></a></p>
<p>Apply it to the position shown below:</p>
<p><img class="alignnone size-full wp-image-8136" title="2 indicator" src="http://img.psdvault.com/2011/01/2-indicator.jpg" alt="2 indicator Create Awesome Abstract Nebula Circle Shape in Photoshop" width="488" height="514" /></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2011/01/2-effect1.jpg"><img class="alignnone size-full wp-image-8134" title="2 effect" src="http://img.psdvault.com/2011/01/2-effect1.jpg" alt="2 effect1 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="421" height="490" /></a></p>
<p>Duplicate this nebula layer a few times, resize them and put them around the circle as shown below:</p>
<p><a href="http://img.psdvault.com/2011/01/2-effect-2.jpg"></a> <a href="http://img.psdvault.com/2011/01/2-dup.jpg"><img class="alignnone size-medium wp-image-8132" title="2 dup" src="http://img.psdvault.com/2011/01/2-dup-500x504.jpg" alt="2 dup 500x504 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="504" /></a></p>
<p>When you duplicate the nebula layer, make sure you adjust the layer opacity for each duplicate layer for some image depth:</p>
<p><img class="alignnone size-medium wp-image-8131" title="2 adjust" src="http://img.psdvault.com/2011/01/2-adjust-500x262.jpg" alt="2 adjust 500x262 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="262" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-full wp-image-8133" title="2 effect 2" src="http://img.psdvault.com/2011/01/2-effect-2.jpg" alt="2 effect 2 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="486" height="687" /></p>
<p>Note: make sure you use a soft eraser to get rid of the rough edges when necessary:</p>
<p><img class="alignnone size-medium wp-image-8135" title="2 erase" src="http://img.psdvault.com/2011/01/2-erase1-500x431.jpg" alt="2 erase1 500x431 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="431" /></p>
<h3>Step 3</h3>
<p>Now we&#8217;re getting into the liquify filter + cloud effect. Again we draw a selection with Lasso Tool (30px feather), render some cloud inside it, hit Ctrl + L and apply the following Levels settings to it:</p>
<p><img class="alignnone size-medium wp-image-8142" title="3 levels" src="http://img.psdvault.com/2011/01/3-levels-500x296.jpg" alt="3 levels 500x296 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="296" /></p>
<p>Apply the liquify filter to this cloud as shown below: (you&#8217;re free to use whatever tip size you wish)</p>
<p><a href="http://img.psdvault.com/2011/01/3-lquify-cloud.jpg"><img class="alignnone size-full wp-image-8143" title="3 lquify cloud" src="http://img.psdvault.com/2011/01/3-lquify-cloud.jpg" alt="3 lquify cloud Create Awesome Abstract Nebula Circle Shape in Photoshop" width="422" height="471" /></a></p>
<p>and you will have similar effect to this:</p>
<p><img class="alignnone size-medium wp-image-8141" title="3 effect cloud" src="http://img.psdvault.com/2011/01/3-effect-cloud-500x404.jpg" alt="3 effect cloud 500x404 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="404" /></p>
<p>Attach this layer to the circle, also duplicate a  few times and scatter them around the canvas:</p>
<p><a href="http://img.psdvault.com/2011/01/3-attach.jpg"><img class="alignnone size-medium wp-image-8140" title="3 attach" src="http://img.psdvault.com/2011/01/3-attach-499x520.jpg" alt="3 attach 499x520 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="499" height="520" /></a></p>
<p><img class="alignnone size-medium wp-image-8144" title="3 scatter cloud" src="http://img.psdvault.com/2011/01/3-scatter-cloud-500x683.jpg" alt="3 scatter cloud 500x683 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="683" /></p>
<p><a href="http://img.psdvault.com/2011/01/3-levels.jpg"></a></p>
<h3>Step 4</h3>
<p>Now we can put all those layers we made into a group, then duplicate this group twice, resize them and move them to the positions shown below.</p>
<p>You should also merge the layers under the duplicated group together, and lower their layer opacity:</p>
<p><img class="alignnone size-medium wp-image-8145" title="4 move" src="http://img.psdvault.com/2011/01/4-move-492x700.jpg" alt="4 move 492x700 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="492" height="700" /></p>
<p>Optionally, you can paint some stars/dots around the circle. You can find lots of star brushes around the net:</p>
<p><a href="http://img.psdvault.com/2011/01/4-paint-star.jpg"><img class="alignnone size-medium wp-image-8146" title="4 paint star" src="http://img.psdvault.com/2011/01/4-paint-star-500x699.jpg" alt="4 paint star 500x699 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="699" /></a></p>
<h3>Step 5</h3>
<p>I decided to use some alternative colour scheme for this image. So I go ahead and added the following three adjustment layers:</p>
<p>Black and White:</p>
<p><img class="alignnone size-full wp-image-8147" title="5 bw" src="http://img.psdvault.com/2011/01/5-bw.jpg" alt="5 bw Create Awesome Abstract Nebula Circle Shape in Photoshop" width="210" height="336" /></p>
<p>Curves:</p>
<p><a href="http://img.psdvault.com/2011/01/5-curve-red.jpg"><img class="alignnone size-full wp-image-8151" title="5 curve red" src="http://img.psdvault.com/2011/01/5-curve-red.jpg" alt="5 curve red Create Awesome Abstract Nebula Circle Shape in Photoshop" width="210" height="336" /></a></p>
<p><img class="alignnone size-full wp-image-8150" title="5 curve gr" src="http://img.psdvault.com/2011/01/5-curve-gr.jpg" alt="5 curve gr Create Awesome Abstract Nebula Circle Shape in Photoshop" width="210" height="336" /></p>
<p><img class="alignnone size-full wp-image-8149" title="5 curve blue" src="http://img.psdvault.com/2011/01/5-curve-blue.jpg" alt="5 curve blue Create Awesome Abstract Nebula Circle Shape in Photoshop" width="210" height="336" /></p>
<p>Color Balance:</p>
<p><img class="alignnone size-full wp-image-8148" title="5 col bal" src="http://img.psdvault.com/2011/01/5-col-bal.jpg" alt="5 col bal Create Awesome Abstract Nebula Circle Shape in Photoshop" width="210" height="336" /></p>
<p>and here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-8152" title="5 effect" src="http://img.psdvault.com/2011/01/5-effect-500x687.jpg" alt="5 effect 500x687 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="687" /></p>
<h3>Step 6</h3>
<p>We&#8217;re almost done! To adjust the final effect, I flatten the image and duplicate the background, then apply the following Reduce Noise filter:</p>
<p><a href="http://img.psdvault.com/2011/01/6-re-noise.jpg"><img class="alignnone size-medium wp-image-8154" title="6 re noise" src="http://img.psdvault.com/2011/01/6-re-noise-500x376.jpg" alt="6 re noise 500x376 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="376" /></a></p>
<p>Then use the dodge and burn tool to add some highlights and shadows around the image, as shown below:</p>
<p><img class="alignnone size-medium wp-image-8153" title="6 dodge burn" src="http://img.psdvault.com/2011/01/6-dodge-burn-500x385.jpg" alt="6 dodge burn 500x385 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="385" /></p>
<p>and here is the final effect: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2011/01/abstract-circle-flatten.jpg"><img class="alignnone size-medium wp-image-8124" title="abstract-circle-flatten" src="http://img.psdvault.com/2011/01/abstract-circle-flatten-500x675.jpg" alt="abstract circle flatten 500x675 Create Awesome Abstract Nebula Circle Shape in Photoshop" width="500" height="675" /></a></p>
<p>That&#8217;s it! I hope you enjoy this tutorial and find it useful! Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/create-awesome-abstract-nebula-circle-shape-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>41</slash:comments>
		</item>
		<item>
		<title>Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop</title>
		<link>http://www.psdvault.com/drawing/easily-create-planetary-ring-via-cloud-and-twirl-filter-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/easily-create-planetary-ring-via-cloud-and-twirl-filter-in-photoshop/#comments</comments>
		<pubDate>Sat, 20 Nov 2010 14:07:13 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Abstracts]]></category>
		<category><![CDATA[Drawing]]></category>
		<category><![CDATA[cloud and planet photoshop]]></category>
		<category><![CDATA[create planet photoshop]]></category>
		<category><![CDATA[planetary ring photoshop]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=7693</guid>
		<description><![CDATA[In this tutorial, I will show you how to Easily Create Planetary Ring via Cloud and Twirl Tool in Photoshop. The steps are very simple and if you have some experiences with Photoshop in the past, you should be able to complete it without any problem. Have a try!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you how to Easily Create Planetary Ring via Cloud and Twirl Tool in Photoshop. The steps are very simple and if you have some experiences with Photoshop in the past, you should be able to complete it without any problem. Have a try!</p>
<p>Along the way, we will render some cloud, then apply the twirl filter to turn it into a planetary ring. We will also make a simple planet with some lighting effect.</p>
<p>Here is a preview of the final effect I have for this tutorial: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/11/planet-ring-creation.jpg"><img class="alignnone size-medium wp-image-7728" title="planet ring creation" src="http://img.psdvault.com/2010/11/planet-ring-creation-500x372.jpg" alt="planet ring creation 500x372 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="372" /></a></p>
<p><script src="http://videos.video-loader.com/sp/360330591294650509359915.js" type="text/javascript"></script></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<p>No stock image is required for this tutorial &#8211; although you may need some <strong><a href="http://qbrushes.net/misc/rabies-star-ps-brush/" target="_blank">star</a> and <a href="http://qbrushes.net/photoshop-abstract-brushes/debris-brush/" target="_blank">debris</a> brushset</strong>.</p>
<h3>Step 1</h3>
<p>Create a new document sized 940px * 700px, fill the background with black colour. Let&#8217;s create the Planetary Ring first.</p>
<p>Create a new layer and use the lasso tool (50px feather) to draw a selection, render some cloud in it:</p>
<p><a href="http://img.psdvault.com/2010/11/1-render-cloud.jpg"><img class="alignnone size-medium wp-image-7698" title="1 render cloud" src="http://img.psdvault.com/2010/11/1-render-cloud-500x326.jpg" alt="1 render cloud 500x326 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="326" /></a></p>
<p>Hit Ctrl + L and apply the following Levels adjustments:</p>
<p><img class="alignnone size-full wp-image-7696" title="1 level" src="http://img.psdvault.com/2010/11/1-level.jpg" alt="1 level Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="399" height="343" /></p>
<p>Go to Filter &gt; Distort &gt; Twirl:</p>
<p><img class="alignnone size-medium wp-image-7700" title="1 twirl" src="http://img.psdvault.com/2010/11/1-twirl-500x473.jpg" alt="1 twirl 500x473 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="473" /></p>
<p>and apply the following settings:</p>
<p><img class="alignnone size-full wp-image-7699" title="1 twirl set" src="http://img.psdvault.com/2010/11/1-twirl-set.jpg" alt="1 twirl set Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="360" height="289" /></p>
<p>Then hit Ctrl + T and perspective the ring as shown below:</p>
<p><img class="alignnone size-medium wp-image-7697" title="1 pers" src="http://img.psdvault.com/2010/11/1-pers-500x260.jpg" alt="1 pers 500x260 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="260" /></p>
<p>Reduce the height a bit and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/11/1-effect1.jpg"><img class="alignnone size-medium wp-image-7694" title="1 effect" src="http://img.psdvault.com/2010/11/1-effect1-500x215.jpg" alt="1 effect1 500x215 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="215" /></a></p>
<p>Erase the edges with a a soft eraser, and you have made a simple ring:</p>
<p><img class="alignnone size-medium wp-image-7695" title="1 erase edge" src="http://img.psdvault.com/2010/11/1-erase-edge-500x181.jpg" alt="1 erase edge 500x181 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="181" /></p>
<h3>Step 2</h3>
<p>Now let&#8217;s draw a planet on top of the ring layer. Firstly draw a circle on a new layer, then fill the circle with black color and apply the following layer blending options:</p>
<p>Outer Glow</p>
<p><a href="http://img.psdvault.com/2010/11/2-outer-glow.jpg"><img class="alignnone size-medium wp-image-7705" title="2 outer glow" src="http://img.psdvault.com/2010/11/2-outer-glow-500x350.jpg" alt="2 outer glow 500x350 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="350" /></a></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-7701" title="2 bevel" src="http://img.psdvault.com/2010/11/2-bevel-500x350.jpg" alt="2 bevel 500x350 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-7704" title="2 gradient" src="http://img.psdvault.com/2010/11/2-gradient-500x350.jpg" alt="2 gradient 500x350 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="350" /></p>
<p>Stroke</p>
<p><img class="alignnone size-medium wp-image-7706" title="2 stroke" src="http://img.psdvault.com/2010/11/2-stroke-500x350.jpg" alt="2 stroke 500x350 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="350" /></p>
<p><img class="alignnone size-medium wp-image-7703" title="2 erase" src="http://img.psdvault.com/2010/11/2-erase-500x295.jpg" alt="2 erase 500x295 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="295" /></p>
<p>here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-7702" title="2 effect" src="http://img.psdvault.com/2010/11/2-effect-500x252.jpg" alt="2 effect 500x252 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="252" /></p>
<h3>Step 3</h3>
<p>Now create a new layer under the planet layer, use the star and debris brush you downloaded, paint some splashing effect around the planet, as shown below:</p>
<p><img class="alignnone size-medium wp-image-7711" title="3 paint splash" src="http://img.psdvault.com/2010/11/3-paint-splash-500x342.jpg" alt="3 paint splash 500x342 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="342" /></p>
<p>Now we can create some cloud/nebula effect around the planet. To do this, create a new layer below the planet layer, use a lasso tool (50px feather)to draw a selection, render some cloud inside.</p>
<p>Then apply the Difference cloud filter to it:</p>
<p><img class="alignnone size-medium wp-image-7708" title="3 diff cloud" src="http://img.psdvault.com/2010/11/3-diff-cloud-500x518.jpg" alt="3 diff cloud 500x518 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="518" /></p>
<p>Here is the effect after applying the difference cloud filter:</p>
<p><img class="alignnone size-medium wp-image-7707" title="3 after diff" src="http://img.psdvault.com/2010/11/3-after-diff-500x391.jpg" alt="3 after diff 500x391 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="391" /></p>
<p>Then Warp the cloud as shown below:</p>
<p><img class="alignnone size-medium wp-image-7714" title="3 warp cloud" src="http://img.psdvault.com/2010/11/3-warp-cloud-499x348.jpg" alt="3 warp cloud 499x348 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="499" height="348" /></p>
<p>Duplicate this layer a few times and scatter them around the globle, as shown below:</p>
<p><img class="alignnone size-medium wp-image-7712" title="3 put warp around" src="http://img.psdvault.com/2010/11/3-put-warp-around-500x281.jpg" alt="3 put warp around 500x281 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="281" /></p>
<p>You can also duplicate and drag some nebula layers above the planet layer, position the nebula as shown below: (make sure to set the blending mode of those layers to &#8220;screen&#8221;)</p>
<p><img class="alignnone size-medium wp-image-7713" title="3 screen" src="http://img.psdvault.com/2010/11/3-screen-500x345.jpg" alt="3 screen 500x345 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="345" /></p>
<p>Here is the effect so far:</p>
<p><img class="alignnone size-medium wp-image-7709" title="3 effect" src="http://img.psdvault.com/2010/11/3-effect-500x323.jpg" alt="3 effect 500x323 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="323" /></p>
<p><a href="http://img.psdvault.com/2010/11/3-effect.jpg"></a></p>
<p>Now we can add a bit of backlight for this planet to increase the depth. Create a new layer under the planet layer called &#8220;highlight&#8221;, grab a soft white brush and do a single-click to the position shown below:</p>
<p><img class="alignnone size-medium wp-image-7710" title="3 highlight" src="http://img.psdvault.com/2010/11/3-highlight-500x288.jpg" alt="3 highlight 500x288 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="288" /></p>
<h3>Step 4</h3>
<p>Now let&#8217;s add some abstract lines to decorate the planet. Once again we can use the Pen Tool to draw a path as shown below:</p>
<p><img class="alignnone size-medium wp-image-7717" title="4 path" src="http://img.psdvault.com/2010/11/4-path-500x385.jpg" alt="4 path 500x385 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="385" /></p>
<p>Choose the 1px hard brush from the brush pane:</p>
<p><img class="alignnone size-medium wp-image-7715" style="border: 0px initial initial;" title="4 brush" src="http://img.psdvault.com/2010/11/4-brush-500x254.jpg" alt="4 brush 500x254 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="254" /></p>
<p>Right-click on the path with Pen Tool selected, and choose &#8220;Stroke Path&#8221;:</p>
<p><img class="alignnone size-medium wp-image-7719" title="4 stroke path" src="http://img.psdvault.com/2010/11/4-stroke-path-500x436.jpg" alt="4 stroke path 500x436 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="436" /></p>
<p>Select &#8220;Brush&#8221; from the drop down box, tick &#8220;Simulate Pressure&#8221;, click &#8220;OK&#8221;:</p>
<p><a href="http://img.psdvault.com/2010/11/4-stroke-brush.jpg"><img class="alignnone size-full wp-image-7718" title="4 stroke brush" src="http://img.psdvault.com/2010/11/4-stroke-brush.jpg" alt="4 stroke brush Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="461" height="170" /></a></p>
<p>and here is the effect:</p>
<p><img class="alignnone size-full wp-image-7720" title="4 stroke" src="http://img.psdvault.com/2010/11/4-stroke.jpg" alt="4 stroke Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="414" height="533" /></p>
<p>Duplicate this line layer a few more times, rotate and resize them then scatter the lines around the planet, as shown below:</p>
<p><img class="alignnone size-medium wp-image-7716" title="4 effect" src="http://img.psdvault.com/2010/11/4-effect1-500x443.jpg" alt="4 effect1 500x443 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="443" /></p>
<h3>Step 5</h3>
<p>Ok we&#8217;re almost done. Let&#8217;s add a few image adjustment layer on top of all previous layers to fine tune the image a bit:</p>
<p>Curves</p>
<p><img class="alignnone size-full wp-image-7725" title="5 curves" src="http://img.psdvault.com/2010/11/5-curves.jpg" alt="5 curves Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="210" height="336" /></p>
<p>Mask on Curves adjustment layer:</p>
<p><img class="alignnone size-medium wp-image-7727" title="5 mask curves" src="http://img.psdvault.com/2010/11/5-mask-curves-500x293.jpg" alt="5 mask curves 500x293 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="293" /></p>
<p>As you can see, we increased the contrast of the debris on the left so it looks more distinctive:</p>
<p><a href="http://img.psdvault.com/2010/11/5-contrast-increase.jpg"><img class="alignnone size-medium wp-image-7724" title="5 contrast increase" src="http://img.psdvault.com/2010/11/5-contrast-increase-500x419.jpg" alt="5 contrast increase 500x419 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="419" /></a></p>
<p>Colour Balance</p>
<p><img class="alignnone size-full wp-image-7723" title="5 col sha" src="http://img.psdvault.com/2010/11/5-col-sha.jpg" alt="5 col sha Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="210" height="336" /></p>
<p><img class="alignnone size-full wp-image-7722" title="5 col mid" src="http://img.psdvault.com/2010/11/5-col-mid.jpg" alt="5 col mid Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="210" height="336" /></p>
<p><img class="alignnone size-full wp-image-7721" title="5 col hig" src="http://img.psdvault.com/2010/11/5-col-hig.jpg" alt="5 col hig Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="210" height="336" /></p>
<p>and here is the effect after apply those adjustment layers:</p>
<p><img class="alignnone size-medium wp-image-7726" title="5 effect" src="http://img.psdvault.com/2010/11/5-effect1-500x337.jpg" alt="5 effect1 500x337 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="337" /></p>
<p>and here is the final effect for this tutorial: (I further adjusted the colour and contrast of the image)</p>
<p><a href="http://img.psdvault.com/2010/11/planet-ring-creation.jpg"><img class="alignnone size-medium wp-image-7728" title="planet ring creation" src="http://img.psdvault.com/2010/11/planet-ring-creation-500x372.jpg" alt="planet ring creation 500x372 Easily Create Planetary Ring via Cloud and Twirl Filter in Photoshop" width="500" height="372" /></a></p>
<p>That’s it! Hope you enjoy this tutorial and find it useful :)</p>
<p>Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/easily-create-planetary-ring-via-cloud-and-twirl-filter-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
		<item>
		<title>Design a Delicious &#8220;Contact Me&#8221; Button in Photoshop</title>
		<link>http://www.psdvault.com/drawing/design-a-delicious-contact-me-button-in-photoshop/</link>
		<comments>http://www.psdvault.com/drawing/design-a-delicious-contact-me-button-in-photoshop/#comments</comments>
		<pubDate>Tue, 30 Mar 2010 12:26:44 +0000</pubDate>
		<dc:creator>James Qu</dc:creator>
				<category><![CDATA[Drawing]]></category>
		<category><![CDATA[Web Graphics]]></category>
		<category><![CDATA[button]]></category>
		<category><![CDATA[contact]]></category>
		<category><![CDATA[graphic]]></category>
		<category><![CDATA[photoshop]]></category>
		<category><![CDATA[tutorial]]></category>
		<category><![CDATA[web]]></category>

		<guid isPermaLink="false">http://www.psdvault.com/?p=5501</guid>
		<description><![CDATA[In this tutorial, Iwill show you the steps I took to create this (delicious?!), call-to-action "Contact Me" button in Photoshop. This is really simple tutorial, great for beginner to learn a few tricks. Have a try!]]></description>
			<content:encoded><![CDATA[<p>In this tutorial, I will show you the steps I took to create this (delicious?!) &#8220;Contact Me&#8221; button in Photoshop. This is really simple tutorial, great for beginner to learn a few tricks. Have a try!</p>
<p>Here is a preview of the final effect: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/03/contact-button2.png"><img class="alignnone size-medium wp-image-5544" title="contact-button" src="http://img.psdvault.com/2010/03/contact-button2-500x312.png" alt="contact button2 500x312 Design a Delicious Contact Me Button in Photoshop" width="500" height="312" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Delicious Contact Me Button in Photoshop" width="250" height="250" /></a></p>
<p>Ok let &#8216;s get started!</p>
<p>To complete this tutorial, you will need the following stock:</p>
<p><a href="http://www.josbuivenga.demon.nl/fontin.html" target="_blank">Font</a></p>
<h3>Step 1</h3>
<p>Create a document sized 200px * 20opx with white background and 72 dpi (web graphic) &#8211; please note that this is the actual size of the button we will be making.</p>
<p>Here I will show you a little trick: hit Ctrl + R to make the rule visible on the top and left edge, click on the ruler and drag a guide to the edges of our canvas, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/1-drag.jpg"><img class="alignnone size-medium wp-image-5503" title="1 drag" src="http://img.psdvault.com/2010/03/1-drag-500x251.jpg" alt="1 drag 500x251 Design a Delicious Contact Me Button in Photoshop" width="500" height="251" /></a></p>
<p>Hit Ctrl + Alt + C and bring up the Resize Canvas window, then apply the following settings:</p>
<p><a href="http://img.psdvault.com/2010/03/2-resize.jpg"><img class="alignnone size-full wp-image-5504" title="2 resize" src="http://img.psdvault.com/2010/03/2-resize.jpg" alt="2 resize Design a Delicious Contact Me Button in Photoshop" width="422" height="332" /></a></p>
<p>You will have the following effect (I set the background colour to grey for demonstration purpose):</p>
<p><a href="http://img.psdvault.com/2010/03/1-effect4.jpg"><img class="alignnone size-medium wp-image-5505" title="1 effect" src="http://img.psdvault.com/2010/03/1-effect4-499x316.jpg" alt="1 effect4 499x316 Design a Delicious Contact Me Button in Photoshop" width="499" height="316" /></a></p>
<p>You can see by doing so, we have the perfect guides setup for a 200px * 200px button, without the need to add and remove guides afterwards:</p>
<h3>Step 2</h3>
<p>Now let&#8217;s perpare a simple background to work on. I perferred  a nice light grey gradient fill. So grab a the Gradient Tool and fill the background layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/2-fill.jpg"><img class="alignnone size-medium wp-image-5506" title="2 fill" src="http://img.psdvault.com/2010/03/2-fill-500x314.jpg" alt="2 fill 500x314 Design a Delicious Contact Me Button in Photoshop" width="500" height="314" /></a></p>
<p>Create a new layer called &#8220;backlight&#8221; and grab a big and a small soft round brush, do two single clicks to the position as shown below: (top and centre)</p>
<p><a href="http://img.psdvault.com/2010/03/2-brush.jpg"><img class="alignnone size-medium wp-image-5507" title="2 brush" src="http://img.psdvault.com/2010/03/2-brush-499x305.jpg" alt="2 brush 499x305 Design a Delicious Contact Me Button in Photoshop" width="499" height="305" /></a></p>
<p>Resize and position this layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/2-resize1.jpg"><img class="alignnone size-medium wp-image-5508" title="2 resize" src="http://img.psdvault.com/2010/03/2-resize1-500x284.jpg" alt="2 resize1 500x284 Design a Delicious Contact Me Button in Photoshop" width="500" height="284" /></a></p>
<p>Now we have a nice background to work on our button :)</p>
<h3>Step 3</h3>
<p>Now grab the Rounded Rectangular Tool from the toolbox (press the U key) and apply a 10px feather to it, draw the following according to the guides:</p>
<p><a href="http://img.psdvault.com/2010/03/3-draw.jpg"><img class="alignnone size-medium wp-image-5509" title="3 draw" src="http://img.psdvault.com/2010/03/3-draw-500x317.jpg" alt="3 draw 500x317 Design a Delicious Contact Me Button in Photoshop" width="500" height="317" /></a></p>
<p>Name this layer as &#8220;button bg&#8221;, and apply the following blending effect to this layer:</p>
<p>Drop shadow</p>
<p><a href="http://img.psdvault.com/2010/03/3-drop-sha.jpg"><img class="alignnone size-medium wp-image-5510" title="3 drop sha" src="http://img.psdvault.com/2010/03/3-drop-sha-500x350.jpg" alt="3 drop sha 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Gradient Overlay</p>
<p><a href="http://img.psdvault.com/2010/03/3-grad.jpg"><img class="alignnone size-medium wp-image-5511" title="3 grad" src="http://img.psdvault.com/2010/03/3-grad-500x350.jpg" alt="3 grad 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://img.psdvault.com/2010/03/3-stroke.jpg"><img class="alignnone size-medium wp-image-5512" title="3 stroke" src="http://img.psdvault.com/2010/03/3-stroke-500x350.jpg" alt="3 stroke 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/3-effect1.jpg"><img class="alignnone size-medium wp-image-5513" title="3 effect" src="http://img.psdvault.com/2010/03/3-effect1-500x306.jpg" alt="3 effect1 500x306 Design a Delicious Contact Me Button in Photoshop" width="500" height="306" /></a></p>
<h3>Step 4</h3>
<p>Now let&#8217;s add some highlights and shadows to the button background. Create a new layer under the button bg layer, use the rectangular marquee tool to create a shape like this:</p>
<p><a href="http://img.psdvault.com/2010/03/4-draw-rect.jpg"><img class="alignnone size-medium wp-image-5514" title="4 draw rect" src="http://img.psdvault.com/2010/03/4-draw-rect-500x328.jpg" alt="4 draw rect 500x328 Design a Delicious Contact Me Button in Photoshop" width="500" height="328" /></a></p>
<p>Name this layer as &#8220;shadow&#8221; and apply the following Gaussian Blur settings to it. Make sure you deselect the layer first:</p>
<p><a href="http://img.psdvault.com/2010/03/4-gau-blur.jpg"><img class="alignnone size-full wp-image-5515" title="4 gau blur" src="http://img.psdvault.com/2010/03/4-gau-blur.jpg" alt="4 gau blur Design a Delicious Contact Me Button in Photoshop" width="316" height="305" /></a></p>
<p>Resize it from the top (Ctrl + T) and reduce the opacity to around 30%, you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/03/4-resize.jpg"><img class="alignnone size-full wp-image-5516" title="4 resize" src="http://img.psdvault.com/2010/03/4-resize.jpg" alt="4 resize Design a Delicious Contact Me Button in Photoshop" width="369" height="350" /></a></p>
<p>Create a new layer called &#8220;Highlight&#8221; on top of the button bg layer, set its blending mode to &#8220;Overlay&#8221;, grab a white soft brush, do a single click as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/4-highlight.jpg"><img class="alignnone size-medium wp-image-5517" title="4 highlight" src="http://img.psdvault.com/2010/03/4-highlight-500x319.jpg" alt="4 highlight 500x319 Design a Delicious Contact Me Button in Photoshop" width="500" height="319" /></a></p>
<p>Duplicate this layer once and change the blending mode of the duplicated layer to &#8220;Normal&#8221;, resize it to a very thin level, position it just above the top edge of the button bg layer, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/4-resize-top.jpg"><img class="alignnone size-medium wp-image-5518" title="4 resize top" src="http://img.psdvault.com/2010/03/4-resize-top-500x323.jpg" alt="4 resize top 500x323 Design a Delicious Contact Me Button in Photoshop" width="500" height="323" /></a></p>
<p>You will have the following effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/4-effect3.jpg"><img class="alignnone size-full wp-image-5519" title="4 effect" src="http://img.psdvault.com/2010/03/4-effect3.jpg" alt="4 effect3 Design a Delicious Contact Me Button in Photoshop" width="326" height="411" /></a></p>
<h3>Step 5</h3>
<p>Now let&#8217;s draw a simple envelope onto this button. Create a new layer on top of all previous layer, grab the Rectanglar tool and draw a rectangule as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/5-draw.jpg"><img class="alignnone size-full wp-image-5520" title="5 draw" src="http://img.psdvault.com/2010/03/5-draw.jpg" alt="5 draw Design a Delicious Contact Me Button in Photoshop" width="386" height="352" /></a></p>
<p>Call this layer &#8220;envelope&#8221; and apply the following layer blending options to it:</p>
<p>Drop Shadow</p>
<p><a href="http://img.psdvault.com/2010/03/5-drop-sa.jpg"><img class="alignnone size-medium wp-image-5521" title="5 drop sa" src="http://img.psdvault.com/2010/03/5-drop-sa-500x350.jpg" alt="5 drop sa 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Outer Glow</p>
<p><a href="http://img.psdvault.com/2010/03/5-outer-glow.jpg"><img class="alignnone size-medium wp-image-5522" title="5 outer glow" src="http://img.psdvault.com/2010/03/5-outer-glow-500x350.jpg" alt="5 outer glow 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://img.psdvault.com/2010/03/5-stroke.jpg"><img class="alignnone size-medium wp-image-5523" title="5 stroke" src="http://img.psdvault.com/2010/03/5-stroke-500x350.jpg" alt="5 stroke 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/03/5-effect3.jpg"><img class="alignnone size-full wp-image-5524" title="5 effect" src="http://img.psdvault.com/2010/03/5-effect3.jpg" alt="5 effect3 Design a Delicious Contact Me Button in Photoshop" width="345" height="302" /></a></p>
<h3>Step 6</h3>
<p>Now let&#8217;s add a few more stuff onto the envelope to make it look more realistic. Create a new layer called &#8220;envelope top&#8221; and grab the Polygon Tool from the toolbox:</p>
<p><a href="http://img.psdvault.com/2010/03/6-poly.jpg"><img class="alignnone size-full wp-image-5526" title="6 poly" src="http://img.psdvault.com/2010/03/6-poly.jpg" alt="6 poly Design a Delicious Contact Me Button in Photoshop" width="294" height="245" /></a></p>
<p>Apply the following settings: (3 sides)</p>
<p><a href="http://img.psdvault.com/2010/03/6-side.jpg"><img class="alignnone size-medium wp-image-5527" title="6 side" src="http://img.psdvault.com/2010/03/6-side-500x36.jpg" alt="6 side 500x36 Design a Delicious Contact Me Button in Photoshop" width="500" height="36" /></a></p>
<p>and draw a triangle as shown below, use the Free Transform tool to fit it onto the envelope:</p>
<p><a href="http://img.psdvault.com/2010/03/6-draw.jpg"><img class="alignnone size-medium wp-image-5525" title="6 draw" src="http://img.psdvault.com/2010/03/6-draw-500x449.jpg" alt="6 draw 500x449 Design a Delicious Contact Me Button in Photoshop" width="500" height="449" /></a></p>
<p>apply the following layer blending option to it:</p>
<p>Drop shadow</p>
<p><a href="http://img.psdvault.com/2010/03/6-drop-sha.jpg"><img class="alignnone size-medium wp-image-5529" title="6 drop sha" src="http://img.psdvault.com/2010/03/6-drop-sha-500x350.jpg" alt="6 drop sha 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Inner Shadow</p>
<p><a href="http://img.psdvault.com/2010/03/6-inner-sha.jpg"><img class="alignnone size-medium wp-image-5528" title="6 inner sha" src="http://img.psdvault.com/2010/03/6-inner-sha-500x350.jpg" alt="6 inner sha 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Gradient overlay</p>
<p><a href="http://img.psdvault.com/2010/03/6-grad-over.jpg"><img class="alignnone size-medium wp-image-5530" title="6 grad over" src="http://img.psdvault.com/2010/03/6-grad-over-500x350.jpg" alt="6 grad over 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://img.psdvault.com/2010/03/6-stroke.jpg"><img class="alignnone size-medium wp-image-5531" title="6 stroke" src="http://img.psdvault.com/2010/03/6-stroke-500x350.jpg" alt="6 stroke 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/03/6-effect3.jpg"><img class="alignnone size-full wp-image-5532" title="6 effect" src="http://img.psdvault.com/2010/03/6-effect3.jpg" alt="6 effect3 Design a Delicious Contact Me Button in Photoshop" width="309" height="335" /></a></p>
<p>Duplicate this layer once and rename the new duplicated layer to &#8220;envelope bottom&#8221;, flip it vertically by Ctrl + T and right-click:</p>
<p><a href="http://img.psdvault.com/2010/03/6-flip.jpg"><img class="alignnone size-medium wp-image-5533" title="6 flip" src="http://img.psdvault.com/2010/03/6-flip-500x502.jpg" alt="6 flip 500x502 Design a Delicious Contact Me Button in Photoshop" width="500" height="502" /></a></p>
<p>Retain all the layer blending option except the stroke option, position this layer as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/6-effect-11.jpg"><img class="alignnone size-full wp-image-5534" title="6 effect 1" src="http://img.psdvault.com/2010/03/6-effect-11.jpg" alt="6 effect 11 Design a Delicious Contact Me Button in Photoshop" width="471" height="349" /></a></p>
<p>Create a layer in between the top and bottom envelope layers, grab a soft round black brush and do a single click in the centre:</p>
<p><a href="http://img.psdvault.com/2010/03/6-shadow.jpg"><img class="alignnone size-full wp-image-5536" title="6 shadow" src="http://img.psdvault.com/2010/03/6-shadow.jpg" alt="6 shadow Design a Delicious Contact Me Button in Photoshop" width="285" height="284" /></a></p>
<p>here is the effect so far:</p>
<p><a href="http://img.psdvault.com/2010/03/6-effect-2.jpg"><img class="alignnone size-full wp-image-5535" title="6 effect 2" src="http://img.psdvault.com/2010/03/6-effect-2.jpg" alt="6 effect 2 Design a Delicious Contact Me Button in Photoshop" width="348" height="322" /></a></p>
<h3>Step 7</h3>
<p>Now we&#8217;re almost done. Finally we can type some texts onto the button &#8211; &#8220;Contact Me&#8221; with font we downloaded, as shown below:</p>
<p><a href="http://img.psdvault.com/2010/03/7-type.jpg"><img class="alignnone size-full wp-image-5537" title="7 type" src="http://img.psdvault.com/2010/03/7-type.jpg" alt="7 type Design a Delicious Contact Me Button in Photoshop" width="365" height="318" /></a></p>
<p>You can here I used a dark red color &#8211; the reason I did it is that I&#8217;d like to use a bit embossing/sink-in effect here. The trick is to use a slightly darker colour for the font than the background color, so that when we apply the blending effect later on, we will achieve better looking result.</p>
<p>So let&#8217;s add the following layer blending options to it:</p>
<p>Inner Shadow</p>
<p><a href="http://img.psdvault.com/2010/03/7-inner.jpg"><img class="alignnone size-medium wp-image-5538" title="7 inner" src="http://img.psdvault.com/2010/03/7-inner-500x350.jpg" alt="7 inner 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Gradient overlay</p>
<p><a href="http://img.psdvault.com/2010/03/7-grad.jpg"><img class="alignnone size-medium wp-image-5539" title="7 grad" src="http://img.psdvault.com/2010/03/7-grad-500x350.jpg" alt="7 grad 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Stroke</p>
<p><a href="http://img.psdvault.com/2010/03/7-stroke1.jpg"><img class="alignnone size-medium wp-image-5541" title="7 stroke" src="http://img.psdvault.com/2010/03/7-stroke1-500x350.jpg" alt="7 stroke1 500x350 Design a Delicious Contact Me Button in Photoshop" width="500" height="350" /></a></p>
<p>Also here is a trick &#8211; when adding stroke effect to the text, make sure to select a color slightly lighter then the background colour, for the embossing effect.</p>
<p><a href="http://img.psdvault.com/2010/03/7-effect3.jpg"><img class="alignnone size-full wp-image-5542" title="7 effect" src="http://img.psdvault.com/2010/03/7-effect3.jpg" alt="7 effect3 Design a Delicious Contact Me Button in Photoshop" width="498" height="237" /></a></p>
<p>Here is the final effect I have: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/03/contact-button1.png"><img class="alignnone size-medium wp-image-5543" title="contact-button" src="http://img.psdvault.com/2010/03/contact-button1-500x312.png" alt="contact button1 500x312 Design a Delicious Contact Me Button in Photoshop" width="500" height="312" /></a></p>
<p>That&#8217;s it for this tutorial! Hopefully you learnt something new and find it useful! Till next time, have a great day!</p>
]]></content:encoded>
			<wfw:commentRss>http://www.psdvault.com/drawing/design-a-delicious-contact-me-button-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>29</slash:comments>
		</item>
		<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>Using <a href="http://www.test-king.com/exams/HP0-Y23.htm">HP0-Y23</a> design guides and <a href="http://www.test-king.com/exams/642-426.htm">642-426</a> demos, learn how to create inspiring designs and themes for your website. Improve your creative skills with <a href="http://www.test-king.com/exams/1z0-051.htm">1z0-051</a> web designing course.</p>
<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://img.psdvault.com/2010/02/crystal-ball-flatten.jpg"><img class="alignnone size-medium wp-image-5050" title="crystal-ball-flatten" src="http://img.psdvault.com/2010/02/crystal-ball-flatten-500x500.jpg" alt="crystal ball flatten 500x500 Design a Mystical Golden Sphere in Photoshop" width="500" height="500" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Design a Mystical Golden Sphere in Photoshop" width="250" height="250" /></a></p>
<p>Ok let&#8217;s get started!</p>
<p>To complete this tutorial, you will need the following stocks:</p>
<p><a href="http://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://img.psdvault.com/2010/02/1-resize-500x411.png" alt="1 resize 500x411 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/1-draw-500x487.jpg" alt="1 draw 500x487 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/1-drop-sha-500x350.jpg" alt="1 drop sha 500x350 Design a Mystical Golden Sphere in Photoshop" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-5056" title="1 inner sha" src="http://img.psdvault.com/2010/02/1-inner-sha-500x350.jpg" alt="1 inner sha 500x350 Design a Mystical Golden Sphere in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-5055" title="1 grad" src="http://img.psdvault.com/2010/02/1-grad-500x350.jpg" alt="1 grad 500x350 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/1-effect-500x447.jpg" alt="1 effect 500x447 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/2-draw-500x477.jpg" alt="2 draw 500x477 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/2-gau-blur.jpg" alt="2 gau blur Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/2-effect.jpg" alt="2 effect Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/3-highlight-2-500x455.jpg" alt="3 highlight 2 500x455 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/3-shadow-overlay-500x465.jpg" alt="3 shadow overlay 500x465 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/4-paint.jpg"><img class="alignnone size-medium wp-image-5066" title="4 paint" src="http://img.psdvault.com/2010/02/4-paint-500x509.jpg" alt="4 paint 500x509 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/4-paint-3.jpg"></a> <a href="http://img.psdvault.com/2010/02/4-paint-2.jpg"><img class="alignnone size-full wp-image-5064" title="4 paint 2" src="http://img.psdvault.com/2010/02/4-paint-2.jpg" alt="4 paint 2 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/4-paint-3.jpg"><img class="alignnone size-medium wp-image-5065" title="4 paint 3" src="http://img.psdvault.com/2010/02/4-paint-3-500x497.jpg" alt="4 paint 3 500x497 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/5-col-sha.jpg"><img class="alignnone size-full wp-image-5069" title="5 col sha" src="http://img.psdvault.com/2010/02/5-col-sha.jpg" alt="5 col sha Design a Mystical Golden Sphere in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/02/5-col-mid.jpg"><img class="alignnone size-full wp-image-5068" title="5 col mid" src="http://img.psdvault.com/2010/02/5-col-mid.jpg" alt="5 col mid Design a Mystical Golden Sphere in Photoshop" width="210" height="336" /></a></p>
<p><a href="http://img.psdvault.com/2010/02/5-col-high.jpg"><img class="alignnone size-full wp-image-5067" title="5 col high" src="http://img.psdvault.com/2010/02/5-col-high.jpg" alt="5 col high Design a Mystical Golden Sphere in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/5-effect.jpg"><img class="alignnone size-medium wp-image-5072" title="5 effect" src="http://img.psdvault.com/2010/02/5-effect-500x551.jpg" alt="5 effect 500x551 Design a Mystical Golden Sphere in Photoshop" width="500" height="551" /></a></p>
<p>add the following Curves adjustment layer on top of all layers:</p>
<p><a href="http://img.psdvault.com/2010/02/5-curves.jpg"><img class="alignnone size-full wp-image-5070" title="5 curves" src="http://img.psdvault.com/2010/02/5-curves.jpg" alt="5 curves Design a Mystical Golden Sphere in Photoshop" width="210" height="336" /></a></p>
<p>and you will have the following effect:</p>
<p><a href="http://img.psdvault.com/2010/02/5-effect-2.jpg"><img class="alignnone size-medium wp-image-5071" title="5 effect 2" src="http://img.psdvault.com/2010/02/5-effect-2-499x492.jpg" alt="5 effect 2 499x492 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/6-radial-blur.jpg"><img class="alignnone size-full wp-image-5075" title="6 radial blur" src="http://img.psdvault.com/2010/02/6-radial-blur.jpg" alt="6 radial blur Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/6-effect.jpg"><img class="alignnone size-medium wp-image-5073" title="6 effect" src="http://img.psdvault.com/2010/02/6-effect-499x513.jpg" alt="6 effect 499x513 Design a Mystical Golden Sphere in Photoshop" 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://img.psdvault.com/2010/02/6-effect.jpg"></a><a href="http://img.psdvault.com/2010/02/6-mask.jpg"><img class="alignnone size-medium wp-image-5074" title="6 mask" src="http://img.psdvault.com/2010/02/6-mask-500x503.jpg" alt="6 mask 500x503 Design a Mystical Golden Sphere in Photoshop" width="500" height="503" /></a></p>
<p>Also apply the following Smart Sharpen settings to the background layer:</p>
<p><a href="http://img.psdvault.com/2010/02/6-mask.jpg"></a><a href="http://img.psdvault.com/2010/02/6-sm-sharpen.jpg"><img class="alignnone size-medium wp-image-5076" title="6 sm sharpen" src="http://img.psdvault.com/2010/02/6-sm-sharpen-500x317.jpg" alt="6 sm sharpen 500x317 Design a Mystical Golden Sphere in Photoshop" width="500" height="317" /></a></p>
<p>and you will have the following final effect: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/02/crystal-ball-flatten.jpg"><img class="alignnone size-medium wp-image-5050" title="crystal-ball-flatten" src="http://img.psdvault.com/2010/02/crystal-ball-flatten-500x500.jpg" alt="crystal ball flatten 500x500 Design a Mystical Golden Sphere in Photoshop" 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 Design a Mystical Golden Sphere in Photoshop"  title="Design a Mystical Golden Sphere in Photoshop" /></a><a href="http://feeds.feedburner.com/PsdVault" target="_blank"><img src="../wp-content/themes/colourise/images/rss.png" alt="rss Design a Mystical Golden Sphere in Photoshop"  title="Design a Mystical Golden Sphere in Photoshop" /></a><a href="http://www.twitter.com/psdvault" target="_blank"><img src="../wp-content/themes/colourise/images/twitter.png" alt="twitter Design a Mystical Golden Sphere in Photoshop"  title="Design a Mystical Golden Sphere in Photoshop" /></a> <a href="http://www.facebook.com/pages/PSD-Vault/371098770172" target="_blank"><img src="../wp-content/themes/colourise/images/facebook.png" alt="facebook Design a Mystical Golden Sphere in Photoshop"  title="Design a Mystical Golden Sphere in Photoshop" /></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="11947 20081220195902 1236231 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="6496 1252266252 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="14461 1264716480 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="7fe2a530ee3e0595ce66eb47c255af1c 1241571064 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="2074 2008102863654 1776 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="13877 1264004990 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="14057 1264187055 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="f1e449eb0333dc78863db474c67cbec6 1239863979 Design a Mystical Golden Sphere in Photoshop" width="600" height="90" title="Design a Mystical Golden Sphere in Photoshop" /></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="storm ocean text flatten 2 200 Design a Mystical Golden Sphere in Photoshop"  title="Design a Mystical Golden Sphere 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="14779 1265055624 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="12190 1261163152 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="7502 1253904226 Design a Mystical Golden Sphere in Photoshop" width="125" height="125" title="Design a Mystical Golden Sphere in Photoshop" /></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="storm ocean text flatten 21 500x312 Design a Mystical Golden Sphere in Photoshop" 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="buy psd file Design a Mystical Golden Sphere in Photoshop" 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>22</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://img.psdvault.com/2010/02/finished-500x384.gif" alt="finished 500x384 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/jaguar_53.jpg" alt="jaguar 53 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/step9-500x277.jpg" alt="step9 500x277 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/Computer_Icon_Tutorial_by_gakuseisean-500x300.jpg" alt="Computer Icon Tutorial by gakuseisean 500x300 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/Result.gif" alt="Result 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/Conclusion-500x500.png" alt="Conclusion 500x500 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/twittertut1-500x500.jpg" alt="twittertut1 500x500 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/25-500x500.jpg" alt="25 500x500 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/coffee-lead-500x216.png" alt="coffee lead 500x216 10 Delicious Icon Design Tutorials Done in Photoshop" 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://img.psdvault.com/2010/02/subscribe-badges-500x181.jpg" alt="subscribe badges 500x181 10 Delicious Icon Design Tutorials Done in Photoshop" 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>9</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://img.psdvault.com/2010/01/1-fill1-500x364.jpg" alt="1 fill1 500x364 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-highlight-500x364.jpg" alt="2 highlight 500x364 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-fill-21-500x355.jpg" alt="2 fill 21 500x355 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-grad-500x350.jpg" alt="2 grad 500x350 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/1-lower-500x216.jpg" alt="1 lower 500x216 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-inner-sha-500x350.jpg" alt="2 inner sha 500x350 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="350" /></p>
<p><img class="alignnone size-medium wp-image-4841" title="2 grad 2" src="http://img.psdvault.com/2010/01/2-grad-2-500x350.jpg" alt="2 grad 2 500x350 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-effect-2-500x352.jpg" alt="2 effect 2 500x352 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-drag.jpg" alt="2 drag (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-dup-left-499x203.jpg" alt="2 dup left 499x203 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-bc.jpg" alt="2 bc (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-effect-4.jpg" alt="2 effect 4 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="339" height="272" /></p>
<p>and here is the overall effect: (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/01/3d.jpg"><img class="alignnone size-medium wp-image-4846" title="3d" src="http://img.psdvault.com/2010/01/3d-500x375.jpg" alt="3d 500x375 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-fill.jpg" alt="2 fill (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-type.jpg" alt="2 type (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-stroke-500x350.jpg" alt="2 stroke 500x350 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/2-effect1.jpg" alt="2 effect1 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/3-sha-1-500x317.jpg" alt="3 sha 1 500x317 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="317" /></p>
<p>Shadow</p>
<p><img class="alignnone size-medium wp-image-4817" title="3 sha 2" src="http://img.psdvault.com/2010/01/3-sha-2-500x317.jpg" alt="3 sha 2 500x317 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="317" /></p>
<p>Highlight</p>
<p><img class="alignnone size-medium wp-image-4818" title="3 sha 3" src="http://img.psdvault.com/2010/01/3-sha-3-500x317.jpg" alt="3 sha 3 500x317 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/3-sha-4-500x214.jpg" alt="3 sha 4 500x214 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="214" /></p>
<p><img class="alignnone size-medium wp-image-4820" title="3 sha 5" src="http://img.psdvault.com/2010/01/3-sha-5-500x226.jpg" alt="3 sha 5 500x226 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="226" /></p>
<p><img class="alignnone size-medium wp-image-4821" title="3 sha 6" src="http://img.psdvault.com/2010/01/3-sha-6-500x280.jpg" alt="3 sha 6 500x280 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/model-466x700.jpg" alt="model 466x700 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="466" height="700" /></p>
<p>After (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/01/model-after.jpg"><img class="alignnone size-medium wp-image-4823" title="model-after" src="http://img.psdvault.com/2010/01/model-after-466x700.jpg" alt="model after 466x700 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/4-black.jpg" alt="4 black (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/4-black-2.jpg"><img class="alignnone size-full wp-image-4826" title="4 black 2" src="http://img.psdvault.com/2010/01/4-black-2.jpg" alt="4 black 2 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/5-pass.jpg" alt="5 pass (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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://img.psdvault.com/2010/01/5-bef-500x364.jpg" alt="5 bef 500x364 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" width="500" height="364" /></p>
<p>After (click to enlarge)</p>
<p><a href="http://img.psdvault.com/2010/01/5-af.jpg"><img class="alignnone size-medium wp-image-4849" title="5 af" src="http://img.psdvault.com/2010/01/5-af-500x370.jpg" alt="5 af 500x370 (Another) 5 Interesting Little Photoshop Tricks to Add Extra Elegance to Your Design" 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>17</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>We offer self paced <a href="http://www.test-king.com/exams/70-401.htm">70-401</a> guide and <a href="http://www.test-king.com/exams74-404.htm">74-404</a> tutorial to help beginners get started with adobe Photoshop elements. Explore these <a href="http://www.test-king.com/exams/70-576.htm">70-576</a> basic tutorials before taking on more advanced projects.</p>
<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://img.psdvault.com/2009/12/glossy-play-button-final2.jpg"><img class="alignnone size-medium wp-image-4285" title="glossy-play-button-final" src="http://img.psdvault.com/2009/12/glossy-play-button-final2-500x300.jpg" alt="glossy play button final2 500x300 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="300" /></a></p>
<h3>PSD File Download</h3>
<p>You can download the PSD File for this tutorial via the VIP Members Area for only $6.95/Month (or less)! You will not only get this PSD File, but also 70+ other PSD Files + Extra Goodies + Exclusive Photoshop tutorial there. <a href="http://www.psdvault.com/vip/signup.php" target="_blank">Signup now</a> and get exclusive :) <a href="http://www.psdvault.com/vault-news/psd-vault-vip-members-area-launched-signup-and-get-exclusive/" target="_blank">Find out more about the VIP Members Areas</a></p>
<p><a href="http://www.psdvault.com/vip/signup.php"><img title="vip-sign-up-250" src="http://img.psdvault.com/2010/04/vip-sign-up-250.png" alt="vip sign up 250 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="250" height="250" /></a></p>
<p>OK let&#8217;s get started!</p>
<h3>Step 1</h3>
<p>Create a new document sized 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://img.psdvault.com/2009/12/1-fill-499x298.png" alt="1 fill 499x298 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/1-resize-and-rotate-500x296.png" alt="1 resize and rotate 500x296 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/2-ellipse-tool.png" alt="2 ellipse tool Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/2-e-setting-500x24.png" alt="2 e setting 500x24 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/2-draw-500x275.png" alt="2 draw 500x275 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/2-drop-sha-500x350.png" alt="2 drop sha 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Inner Shadow</p>
<p><img class="alignnone size-medium wp-image-4260" title="2 inner sha" src="http://img.psdvault.com/2009/12/2-inner-sha-500x350.png" alt="2 inner sha 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-4254" title="2 bevel" src="http://img.psdvault.com/2009/12/2-bevel-500x350.png" alt="2 bevel 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Color Overlay</p>
<p><img class="alignnone size-medium wp-image-4255" title="2 col over" src="http://img.psdvault.com/2009/12/2-col-over-500x350.png" alt="2 col over 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4259" title="2 gra over" src="http://img.psdvault.com/2009/12/2-gra-over-500x350.png" alt="2 gra over 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/2-effect-500x286.png" alt="2 effect 500x286 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/3-load-selection.png" alt="3 load selection Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/3-subtract-500x133.png" alt="3 subtract 500x133 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/3-after-sub-499x327.png" alt="3 after sub 499x327 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/3-effect-2-500x311.png" alt="3 effect 2 500x311 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/4-poly-sides-3-500x46.png" alt="4 poly sides 3 500x46 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/4-after-draw-499x282.png" alt="4 after draw 499x282 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/4-drop-shadow-500x350.png" alt="4 drop shadow 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Inner Glow</p>
<p><img class="alignnone size-medium wp-image-4271" title="4 inner sha" src="http://img.psdvault.com/2009/12/4-inner-sha-500x350.png" alt="4 inner sha 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Bevel and Emboss</p>
<p><img class="alignnone size-medium wp-image-4269" title="4 bevel" src="http://img.psdvault.com/2009/12/4-bevel-500x350.png" alt="4 bevel 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/4-effect-500x387.png" alt="4 effect 500x387 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/4-effect-2-500x355.png" alt="4 effect 2 500x355 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/5-bevel-500x350.png" alt="5 bevel 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" width="500" height="350" /></p>
<p>Gradient Overlay</p>
<p><img class="alignnone size-medium wp-image-4277" title="5 gradient" src="http://img.psdvault.com/2009/12/5-gradient-500x350.png" alt="5 gradient 500x350 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/5-effect-500x356.png" alt="5 effect 500x356 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/5-resize-shadow-500x297.png" alt="5 resize shadow 500x297 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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://img.psdvault.com/2009/12/glossy-play-button-final2.jpg"><img class="alignnone size-medium wp-image-4285" title="glossy-play-button-final" src="http://img.psdvault.com/2009/12/glossy-play-button-final2-500x300.jpg" alt="glossy play button final2 500x300 Draw a Rather Cute, Unique Style Play Button in Photoshop" 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>18</slash:comments>
		</item>
	</channel>
</rss>

