<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet type="text/xsl" media="screen" href="/~d/styles/rss2enclosuresfull.xsl"?><?xml-stylesheet type="text/css" media="screen" href="http://feeds.feedburner.com/~d/styles/itemcontent.css"?><rss 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:media="http://search.yahoo.com/mrss/" xmlns:itunes="http://www.itunes.com/dtds/podcast-1.0.dtd" version="2.0">

<channel>
	<title>Tutorial Art</title>
	
	<link>http://tutorialart.com</link>
	<description>Adobe Photoshop Tutorial</description>
	<pubDate>Fri, 27 Feb 2009 13:06:12 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.6.2</generator>
	<language>en</language>
			<itunes:explicit>no</itunes:explicit><itunes:subtitle>Adobe Photoshop Tutorial</itunes:subtitle><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/TutorialArt" type="application/rss+xml" /><atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="hub" href="http://pubsubhubbub.appspot.com" /><item>
		<title>iSoftware TV</title>
		<link>http://tutorialart.com/2009/02/isoftware-tv/</link>
		<comments>http://tutorialart.com/2009/02/isoftware-tv/#comments</comments>
		<pubDate>Fri, 27 Feb 2009 13:06:12 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=34280</guid>
		<description><![CDATA[Till now, the free internet TV market was dominated by a single player - Satellite TV For PC. At last, a new entrant by name iSoftwareTV has started operations. This has changed the satellite TV scenario as it has provided a new way to watch TV on the internet.
]]></description>
			<content:encoded><![CDATA[<p>Till now, the free internet TV market was dominated by a single player - Satellite TV For PC. At last, a new entrant by name <a href="http://isoftwaretv.org/">iSoftwareTV</a> has started operations. This has changed the satellite TV scenario as it has provided a new way to watch TV on the internet.</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2009/02/isoftware-tv/feed/</wfw:commentRss>
		</item>
		<item>
		<title>watch-movies.net</title>
		<link>http://tutorialart.com/2009/02/watch-moviesnet/</link>
		<comments>http://tutorialart.com/2009/02/watch-moviesnet/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 12:18:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=34268</guid>
		<description><![CDATA[You don&#8217;t have to download movies to your computer anymore.You can watch online and free movies on our site.This is really easy to find all movies you want to see.
watch-movies.net Website. watch-movies.Net, On C93.net you can watch new and popular movies.You can search everything in site.
]]></description>
			<content:encoded><![CDATA[<p>You don&#8217;t have to download movies to your computer anymore.You can watch online and free movies on our site.This is really easy to find all movies you want to see.<br />
watch-movies.net Website. <a href="http://c93.net/">watch-movies.Net</a>, On C93.net you can watch new and popular movies.You can search everything in site.</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2009/02/watch-moviesnet/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Make Drops Effect</title>
		<link>http://tutorialart.com/2009/01/make-drops-effect/</link>
		<comments>http://tutorialart.com/2009/01/make-drops-effect/#comments</comments>
		<pubDate>Sun, 25 Jan 2009 00:47:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=34264</guid>
		<description><![CDATA[1. Create a new image. In this case measuring 250 x 125 pixels. Then make a text. In this examples, I use Arial font.

2.From Layer menu, select Flatten Image. Then from image menu, select Rotate Canvas - 90 CW.
3.From Filter menu, select Stylize - Wind. Select Method and Direction Blast From the Left. If still [...]]]></description>
			<content:encoded><![CDATA[<p><strong>1. Create a new image</strong>. In this case measuring 250 x 125 pixels. Then make a text. In this examples, I use Arial font.</p>
<p><img src="http://1.bp.blogspot.com/_GpmojKODk6U/SXm2yds8fvI/AAAAAAAAAFI/2tIqhdmZzhY/s320/pshop_text_1.gif" border="0" alt="pshop_text_1 Make Drops Effect"  title="Make Drops Effect" /><span id="more-34264"></span></p>
<p><strong>2.From Layer menu,</strong> select Flatten Image. Then from image menu, select Rotate Canvas - 90 CW.</p>
<p><strong>3.From Filter menu,</strong> select Stylize - Wind. Select Method and Direction Blast From the Left. If still indescriptive, repeat the steps above again.</p>
<p><strong>4.From image menu,</strong> select Rotate Canvas - 90 CCW.</p>
<p><img src="http://3.bp.blogspot.com/_GpmojKODk6U/SXm05GQ3nnI/AAAAAAAAAEg/ArdT370W99U/s320/pshop_text_2.gif" border="0" alt="pshop_text_2 Make Drops Effect"  title="Make Drops Effect" /></p>
<p><strong>5. From filter menu,</strong> select Blur - Gaussian blur. Change radius to 2.0 pixels.</p>
<p><img id="BLOGGER_PHOTO_ID_5294461884041234818" src="http://3.bp.blogspot.com/_GpmojKODk6U/SXm1CEMfiYI/AAAAAAAAAEo/4V7cKF2Pxfo/s320/pshop_text_3.gif" border="0" alt="pshop_text_3 Make Drops Effect"  title="Make Drops Effect" /></p>
<p><strong>6. From image menu,</strong> select Adjust - Level. In the Input Levels, setting to 176, 1, and 221.</p>
<p><strong>7.From image menu,</strong> select Adjust - Level. In the Input Levels, setting to 167, 1, and 235.</p>
<p><img src="http://1.bp.blogspot.com/_GpmojKODk6U/SXm1RmJLWgI/AAAAAAAAAEw/lwtlnyXr7Rs/s320/pshop_text_4.gif" border="0" alt="pshop_text_4 Make Drops Effect"  title="Make Drops Effect" /></p>
<p><strong>8. With the Magic Wand Tool,</strong> select the white area. From select menu, select Similar option. Last from the select menu choose inverse.</p>
<p><img src="http://2.bp.blogspot.com/_GpmojKODk6U/SXm1hCNG9oI/AAAAAAAAAE4/5sLQgkxcS6g/s320/pshop_text_5.gif" border="0" alt="pshop_text_5 Make Drops Effect"  title="Make Drops Effect" /></p>
<p><strong>9. </strong>To enhance the look you can use the <strong>Eye Candy</strong>. From Filter menu select Eye Candy - Bevel Boss.</p>
<p><img id="BLOGGER_PHOTO_ID_5294464240117625282" src="http://4.bp.blogspot.com/_GpmojKODk6U/SXm3LNQ4McI/AAAAAAAAAFQ/h1zcCUdf8u8/s320/pshop_text_6.gif" border="0" alt="pshop_text_6 Make Drops Effect"  title="Make Drops Effect" /></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2009/01/make-drops-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Face Off!</title>
		<link>http://tutorialart.com/2008/09/face-off/</link>
		<comments>http://tutorialart.com/2008/09/face-off/#comments</comments>
		<pubDate>Mon, 22 Sep 2008 20:47:30 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=16</guid>
		<description><![CDATA[
In this tutorial I will be demonstrating how to chop and change different faces from one person to another! My method will be simplistic yet powerful for anyone from beginners to those &#8220;know-it-alls&#8221;. 
Before we begin, lets think a bit and prepare.
We need a minimum of two images, of two different people&#8217;s faces, this is [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/selection3.jpg" alt="selection3 Face Off!" width="222" height="228" title="Face Off!" /></p>
<p>In this tutorial I will be demonstrating how to chop and change different faces from one person to another! My method will be simplistic yet powerful for anyone from beginners to those &#8220;know-it-alls&#8221;. <span id="more-16"></span></p>
<p>Before we begin, lets think a bit and prepare.</p>
<p>We need a minimum of two images, of two different people&#8217;s faces, this is really up to you, if you want to you can have male/female, old/young, or something normal <img title="Tongue out" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/plugins/editors/jce/tiny_mce/plugins/emotions/img/smiley-tongue-out.gif" border="0" alt="Tongue out" /></p>
<p>Now, a few things you should keep in mind:<br />
1. <span style="FONT-SIZE: 10pt">Make sure the two images have roughly the same resolution and are about the same size, this will make your final product much more realistic and accurate.</span><br />
2. <span style="FONT-SIZE: 10pt">Make sure the two faces are looking in the same direction, it will look extremely awkward if you have one face looking to the right and try to implement a face looking downwards&#8230;</span><br />
3. <span style="FONT-SIZE: 10pt">Always take proportion into consideration, you dont want tiny facial features on a huge head.</span></p>
<p>For this tutorial i decided to use Jessica Alba&#8217;s face for the main person, and Carmen Electra&#8217;s face for the actual facial features.</p>
<p><a href="http://1/joomla/images/stories/tutorials/face_swap/jessicaalbalarge.jpg"></a><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/jessicaalbasmall.jpg" border="0" alt="jessicaalbasmall Face Off!"  title="Face Off!" /> + <img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/carmenelectrasmall.jpg" border="0" alt="carmenelectrasmall Face Off!"  title="Face Off!" /><a href="http://1/joomla/images/stories/tutorials/face_swap/carmenelectralarge.jpg"></a> = ?<br />
<span style="FONT-SIZE: 8pt">Click on these images for full resolution images.</span><br />
Let&#8217;s get on with it!</p>
<p><span style="FONT-SIZE: 18pt"><strong>Step 1:</strong></span><br />
Load up your images, i first loaded up Jessica Alba, then loaded up Carmen Electra, and dragged her into the same document as Jessica Alba. To make things easier, please make sure that you name your layers!<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/layers1.gif" alt="layers1 Face Off!" width="268" height="176" title="Face Off!" /></p>
<p><strong><span style="FONT-SIZE: 18pt">Step 2:</span></strong><br />
Obviously we need to first look at proportion, we can clearly see that Electra&#8217;s head is huge, covering Alba completely. So first of all we need to downsize Electra a bit. Go to <span style="FONT-SIZE: 10pt"><em>Edit &gt; Free Transform</em></span>, Or just press CTRL+T. Now look at the top of your screen, we want to resize Electra&#8217;s face to 55% of the original size, so we type in 55% and 55% for W: and H: respectively.<br />
<img style="width: 621px; height: 33px;" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/transform1.gif" alt="transform1 Face Off!" width="857" height="35" title="Face Off!" /><br />
Press Enter, or click on the tick sign when you are done.</p>
<p><span style="FONT-SIZE: 18pt"><strong>Step 3:</strong></span><br />
Now its time to position Electra&#8217;s face so that it is facing the same way as that of Alba. To make our lives a little easier, we&#8217;re going to drop the opacity of layer &#8220;carmen&#8221; to 50%.<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/layers2.gif" alt="layers2 Face Off!" width="267" height="174" title="Face Off!" /><br />
With the carmen layer selected, we are going to free transform again. Go to <span style="FONT-SIZE: 10pt"><em>Edit &gt; Free Transform</em></span>, Or just press CTRL+T. We want to rotate Electra&#8217;s head so that it is tilted more, and looking at us more. We are going to change those values at the top again, but not the scale values, this time we will change the rotate value. Try 15&#8242;.<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/rotate1.jpg" alt="rotate1 Face Off!" width="600" height="375" title="Face Off!" /><br />
Perfect! You can see from here that their eyes are well lined up and so are the nose and mouth. Dont let the transparent face mess you up, trippy isnt it? <img title="Wink" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/plugins/editors/jce/tiny_mce/plugins/emotions/img/smiley-wink.gif" border="0" alt="Wink" /></p>
<p><strong><span style="FONT-SIZE: 18pt">Step 4:</span></strong><br />
Before we start the whole cutting out business, we want Electra&#8217;s face to sit on top of Alba&#8217;s properly, so make sure that your move tool is selected (<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/move.jpg" alt="move Face Off!" width="26" height="26" title="Face Off!" />, press V), and make sure that the carmen layer is selected. Now drag it upwards untill everything fits perfectly together.<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/rotate2.jpg" alt="rotate2 Face Off!" width="600" height="375" title="Face Off!" /><br />
After we have our allignment correct, go ahead and put the opacity back up to 100%.</p>
<p><strong><span style="FONT-SIZE: 18pt">Step 5:</span></strong><br />
This is where all the fun begins! We need to make a selection of Electra&#8217;s face, so select the <img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/polylasootool.gif" alt="polylasootool Face Off!" width="26" height="26" title="Face Off!" /> Polygonal Lasso Tool(L), and start clicking around the peripheral of her face.<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/selection1.jpg" alt="selection1 Face Off!" width="300" height="309" title="Face Off!" /> <img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/selection2.jpg" alt="selection2 Face Off!" width="300" height="309" title="Face Off!" /><br />
This should make a nice selection of her facial features. When you have created your selection, click on the Add Vector Mask button in your layers pallete. This one:<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/layers3.gif" alt="layers3 Face Off!" width="267" height="307" title="Face Off!" /></p>
<p>And that should cut out the face of Electra, and have it nested nicely on top of Alba&#8217;s face.<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/selection3.jpg" alt="selection3 Face Off!" width="300" height="309" title="Face Off!" /></p>
<p><strong><span style="FONT-SIZE: 18pt">Step 6:</span></strong><br />
Time to get rid of unnecesary edges from Electra&#8217;s face! This is important: Make sure that the vector mask is selected on the carmen layer:<br />
<img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/layer4.gif" alt="layer4 Face Off!" width="267" height="33" title="Face Off!" /> NOT <img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/layer5.gif" alt="layer5 Face Off!" width="267" height="33" title="Face Off!" /><br />
Notice the little box surrounding the mask, or thumbnail when selected.</p>
<p>Grab your <img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/brushtool.gif" alt="brushtool Face Off!" width="26" height="26" title="Face Off!" />brush tool(B), and get a nice large soft brush. Also make sure that you have black as your foreground colour.<br />
<span style="font-size: 10pt; color: #800000;"><strong>Dewald&#8217;s handy little tip</strong>: Press &#8220;D&#8221; on your keyboard to reset your colour pallete to default!</span><br />
<span style="color: #000000;">Now paint around the edge of Electra&#8217;s face. Notice whats happening? No&#8230; its not an eraser! Its actually hiding the image where you paint, that means that where you paint black, the image will hide, and where you paint white, the image will re-apear! So if you make a mistake, you can quickly grab a white brush and make it come back! That also means that you can come back later and change the face again.</span><img style="width: 515px; height: 409px;" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/final1.jpg" alt="final1 Face Off!" width="600" height="480" title="Face Off!" /></p>
<p>After a while, you should be presented with the lovely Jessica Electra!</p>
<p>Or if you&#8217;re lucky enough you might get a Carmen Alba! <span style="FONT-SIZE: 8pt">(Even though she looks a little &#8220;sleepy&#8221; to me <img title="Wink" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/plugins/editors/jce/tiny_mce/plugins/emotions/img/smiley-wink.gif" border="0" alt="Wink" />).<br />
</span><img style="width: 516px; height: 410px;" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/1/joomla/images/stories/tutorials/face_swap/carmenalba_copy.jpg" alt="carmenalba_copy Face Off!" width="600" height="480" title="Face Off!" /></p>
<p>I really hope that you enjoyed this tutorial, and hopefully you learned a thing or two from it. Please dont be shy to leave me a comment on what you think, or if you&#8217;re stuck on something!</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/face-off/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Vibrant Photo Manipulation</title>
		<link>http://tutorialart.com/2008/09/vibrant-photo-manipulation/</link>
		<comments>http://tutorialart.com/2008/09/vibrant-photo-manipulation/#comments</comments>
		<pubDate>Wed, 17 Sep 2008 21:59:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=14</guid>
		<description><![CDATA[
Using vibrant colors is the best way to make an image stand out, although getting the right balance is not always easy. Here we learn how to use lots of vibrant color to create a slightly abstract photo manipulation using pencils and fruit. We will learn how to use the pen tool effectively and also [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap150.jpg" alt="fap150 Vibrant Photo Manipulation" width="150" height="150" title="Vibrant Photo Manipulation" /></p>
<p>Using vibrant colors is the best way to make an image stand out, although getting the right balance is not always easy. Here we learn how to use lots of vibrant color to create a slightly abstract photo manipulation using pencils and fruit. We will learn how to use the pen tool effectively and also some freehand brushing which looks good.</p>
<p><span id="more-14"></span></p>
<p>Introduction</p>
<p align="center">This is a simple and very effective style but does require some time being spent on it. Although its simple I wont be going into every detail, mainly to let you use your own creativity and also because the tutorial is aimed at people who have some basic knowledge of Photoshop already. Get some ideas in your head and lets get going!<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap20.jpg" alt="fap20 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 1</h3>
<p align="center">Create a new document with dimensions; 1200×1800px. Now you need to find two colorful photos or you can use the ones I did which can be found <a onclick="pageTracker._trackPageview('/http://www.sxc.hu/photo/774151');" href="http://www.sxc.hu/photo/774151">here</a> and <a onclick="pageTracker._trackPageview('/http://www.sxc.hu/photo/965742');" href="http://www.sxc.hu/photo/965742">here</a>. Paste both of them into your document then resize and arrange them until your image looks like the one below. If you are using your own images, they will need to have a white background or you’ll have to extract them.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap1.jpg" alt="fap1 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 2</h3>
<p align="center">Select the pen tool then make sure in the main toolbar that paths is selected. Start at one of the pencils then create a path going to a fruit of the same color. To make the first click at the starting point then click again a bit lower down but this time hold and drag as this will smooth the curve, keep doing this until you have a path similar to the one shown below.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap2.jpg" alt="fap2 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 3</h3>
<p align="center">Select the brush tool (the path should still be visible) then go to the brush editor and select a 6px round brush with 100% hardness. Create a new layer then just hit return and a dialog box should pop up; select brush and uncheck simulate pressure. You should now have a black curve like shown below.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap3.jpg" alt="fap3 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 4</h3>
<p align="center">Now we are going to add some detail to it and make it look like goo, below I’ve shown four examples of what it should look like. In each of these I first used the line tool (set at fill pixels in the main toolbar) at about 2-3px and drew a line coming from the curve. I then used a 2-3px round brush and when zoomed in I added some more detils freehand by just brushing slowly, I added drops at the bottom of each line and some beads of liquid as well. This takes time to do but looks great, the same techniques are explained in another tutorial I wrote which you can read <a href="http://psdlearning.com/2008/06/decorating-text/">here</a>.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap4.jpg" alt="fap4 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /><br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap5.jpg" alt="fap5 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /><br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap6.jpg" alt="fap6 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /><br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap7.jpg" alt="fap7 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 5</h3>
<p>Now right click on this layer then select blending options and add a gradient overlay. When choosing the colors for the gradient use the eyedropper to select the color from the pencil’s lead and the color from the fruit, in this case the orange. This means that the line will blend in to each of them. YOu may need to select reverse here if your gradient is the wrong way.</p>
<p align="center"><img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap8.jpg" alt="fap8 Vibrant Photo Manipulation" width="549" height="406" title="Vibrant Photo Manipulation" /></p>
<h3>Step 6</h3>
<p>Create anew layer and do exactly the same with another color; for me I did it with red. Use the tecniques but you can try changing the size of the brush.</p>
<p align="center"><img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap9.jpg" alt="fap9 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 7</h3>
<p align="center">I used a floral brush to create this detail, lots of these brushes can be found <a onclick="pageTracker._trackPageview('/http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=floral');" href="http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=floral">here</a>. After making the shape repeat step 5 on this layer but using red rather than orange. I’ve shown below what mine looked like at this point.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap10.jpg" alt="fap10 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /><br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap11.jpg" alt="fap11 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 8</h3>
<p align="center">Now it’s just a case of repeating these steps with a few more colors, I’ve shown some examples in the next few steps but not gone into every detail. Here I did the same with the yellow pencil but I used a larger brush to stroke the path. I made it look like it was going behind some of the pencils by hiding part of the layer; you can do this two ways, the best would be to use a layer mask but if you’re not familiar with masks then either read a few more of my tutorials or just use the erasor tool. Again add some drips to this layer and change it to yellow to get something like the image below.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap12.jpg" alt="fap12 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 9</h3>
<p align="center">For the green one I used a smaller brush anfd made it look like it was wrapping round the other lines. I also added another floral brush as these look great.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap13.jpg" alt="fap13 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /><br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap14.jpg" alt="fap14 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 10</h3>
<p align="center">Below I’ve shown what mine looked like at this point in the process. feel free to add more elements in to the picture, I’ve kept it quite simple here just for the sake of this tutorial but just be creative; this isn’t one of those tutorials where I teel you exactly what buttons to push so go wild and experiment.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap15.jpg" alt="fap15 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 11</h3>
<p align="center">For the blue pencil, I used a line coming from the tip with a few drops on it and a splash at hte bottom created using a <a onclick="pageTracker._trackPageview('/http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=splatter');" href="http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=splatter">splatter brush</a>. Do the same with the gradient overlay but choose a shade of blue as we are not trying to blend it to a fruit here.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap16.jpg" alt="fap16 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 12</h3>
<p align="center">I did the black similarly but just made it look like a drip landed on the yellow line.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap17.jpg" alt="fap17 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 13</h3>
<p align="center">For the dark green pencil I just made a line then used an upside down <a onclick="pageTracker._trackPageview('/http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=tree');" href="http://browse.deviantart.com/resources/applications/psbrushes/?order=9#order=9&amp;q=tree">tree brush</a> at the end.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap18.jpg" alt="fap18 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 14</h3>
<p align="center">I did the purple and pink differently and they took me a while. I made two paths that followed each other but linked to the different pencils then stroked them and did the gradient overlay thing but had to edit them slightly afterwards.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap19.jpg" alt="fap19 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
<h3>Step 15</h3>
<p align="center">Now you’ll want to download a paper texture, there are loads of them free to download everywhere but the one I used can be found <a onclick="pageTracker._trackPageview('/http://www.sxc.hu/photo/870164');" href="http://www.sxc.hu/photo/870164">here</a>. Paste it into your image then resize it to fit the document roughly, now change the blend mode to multiply and the opacity to 50%. That’s you finished, hope you learned something and manage to find some cool uses for it.<br />
<img class="alignm" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdlearning.com/wp-content/uploads/2008/09/fap20.jpg" alt="fap20 Vibrant Photo Manipulation"  title="Vibrant Photo Manipulation" /></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/vibrant-photo-manipulation/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Preparing to the Olympic Games</title>
		<link>http://tutorialart.com/2008/09/preparing-to-the-olympic-games/</link>
		<comments>http://tutorialart.com/2008/09/preparing-to-the-olympic-games/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 11:34:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=10</guid>
		<description><![CDATA[
In this easy, step-by-step tutorial I’m going to show you how to design an Olympic Games logo.

Firstly we’re going to make a nice background. Start by creating a new document in Photoshop. I used size of 1600×1200 for this tutorial. Then draw a white to blue (#d2efff) linear gradient similar to this:

Time to get a [...]]]></description>
			<content:encoded><![CDATA[<p><img class="size-full wp-image-1224 alignleft" title="Olympic Games Symbol" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/202.jpg" alt="Preparing to the Olympic Games" width="87" height="74" /></p>
<p>In this easy, step-by-step tutorial I’m going to show you how to design an Olympic Games logo.</p>
<p><span id="more-10"></span></p>
<p>Firstly we’re going to make a nice background. Start by creating a new document in Photoshop. I used size of 1600×1200 for this tutorial. Then draw a white to blue (#d2efff) linear gradient similar to this:</p>
<p><img class="aligncenter size-full wp-image-1204" title="1" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/013.jpg" alt="013 Preparing to the Olympic Games" width="500" height="313" /></p>
<p>Time to get a circle for Olympic Games logo. Start by making a selection with Elliptical Marquee Tool and fill in with the color of #0184c9 like on a picture below:</p>
<p><img class="aligncenter size-full wp-image-1205" title="2" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/022.jpg" alt="022 Preparing to the Olympic Games"  /></p>
<p>After that, contract your selection by about 15 pixels (<strong>Select &gt; Modify &gt; Contract</strong>) now you should be left with a selection like this:</p>
<p><img class="aligncenter size-full wp-image-1206" title="3" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/032.jpg" alt="032 Preparing to the Olympic Games"  /></p>
<p>And press Delete to clear area into the selection. Then press Ctrl+J four of times to duplicate layers and move these rings as on picture below:</p>
<p><img class="aligncenter size-full wp-image-1207" title="4" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/042.jpg" alt="042 Preparing to the Olympic Games"  /></p>
<p>Apply the next different colors (dark grey #515151, red #d04b09, yellow #dab900 and green #019627) for different rings:</p>
<p><img class="aligncenter size-full wp-image-1208" title="5" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/052.jpg" alt="052 Preparing to the Olympic Games"  /></p>
<p>Now to make relief effect use the Blending Options. Do this by first right-clicking the layer in the layer’s palette then going into the <strong>Blending Options</strong>. When you’re in the Blending Options, click and apply the following layer styles/settings:</p>
<p><img class="aligncenter size-full wp-image-1209" title="6" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/062.jpg" alt="062 Preparing to the Olympic Games"  /><br />
<img class="aligncenter size-full wp-image-1210" title="7" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/072.jpg" alt="072 Preparing to the Olympic Games"  /><br />
<img class="aligncenter size-full wp-image-1211" title="8" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/082.jpg" alt="082 Preparing to the Olympic Games"  /><br />
<img class="aligncenter size-full wp-image-1212" title="9" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/092.jpg" alt="092 Preparing to the Olympic Games"  /></p>
<p>Apply these options for all of rings to get a picture like this:</p>
<p><img class="aligncenter size-full wp-image-1213" title="10" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/102.jpg" alt="102 Preparing to the Olympic Games"  /></p>
<p>Alright, time to intertwine rings between each other. For this effect go to layer with blue ring, make a selection around it (<strong>Select &gt; Load Selection</strong>) then expand your selection by about 5 pixels (<strong>Select &gt; Modify &gt; Expand</strong>) now you should be left with a selection as on a picture below and apply <strong>Eraser Tool</strong> into the selected area like this:</p>
<p><img class="aligncenter size-full wp-image-1214" title="11" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/112.jpg" alt="112 Preparing to the Olympic Games"  /></p>
<p>Then press Ctrl+D to deselect object. Make the same things with other rings from logo.</p>
<p><img class="aligncenter size-full wp-image-1215" title="12" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/122.jpg" alt="122 Preparing to the Olympic Games"  /></p>
<p>After making intertwine I would like to add some smooth glare to all objects of logo for bringing reflective surface effect. Again go to layer with blue ring, make a selection around it (<strong>Select &gt; Load Selection</strong>) then contract your selection by about 4 pixels (<strong>Select &gt; Modify &gt; Contract</strong>), then create a new layer and draw a white to transparent linear gradient, white at the top and transparent at the bottom into your selection, similar to this:</p>
<p><img class="aligncenter size-full wp-image-1216" title="13" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/132.jpg" alt="132 Preparing to the Olympic Games"  /></p>
<p>Then press Ctrl+D to deselect object. Make the same things with other rings from logo to get the next picture:</p>
<p><img class="aligncenter size-full wp-image-1217" title="14" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/142.jpg" alt="142 Preparing to the Olympic Games"  /></p>
<p>Now we need to cut away white glare out of rings on the logo. For this make selection around one of rings again (<strong>Select &gt; Load Selection</strong>) then contract your selection by about 4 pixels (<strong>Select &gt; Modify &gt; Contract</strong>), press Ctrl+Shift+I to invert the selection and press Del to delete glare out the selection like on a picture below.</p>
<p><img class="aligncenter size-full wp-image-1218" title="15" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/152.jpg" alt="152 Preparing to the Olympic Games"  /></p>
<p>Ok, our logo is ready. Now we can add some multicolored lines to our background.<br />
Do this by first finding and selecting the <strong>Pen Tool</strong>, and make a shape like on the screenshot below:</p>
<p><a href="http://www.photoshopstar.com/wp-content/uploads/2008/08/16big.jpg"><img class="aligncenter size-full wp-image-1219" title="16" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/162.jpg" alt="162 Preparing to the Olympic Games"  /></a></p>
<p>Then add two more of these lines and lower the layer opacity to 35% for each line. After that going into the Blending Options to change color of lines. When you’re in the Blending Options, click and apply the following settings:</p>
<p><img class="aligncenter size-full wp-image-1220" title="17" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/172.jpg" alt="172 Preparing to the Olympic Games"  /><br />
<img class="aligncenter size-full wp-image-1221" title="18" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/182.jpg" alt="182 Preparing to the Olympic Games"  /><br />
<img class="aligncenter size-full wp-image-1222" title="19" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photoshopstar.com/wp-content/uploads/2008/08/192.jpg" alt="192 Preparing to the Olympic Games"  /></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/preparing-to-the-olympic-games/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Gold Fashion Effect Tutorial</title>
		<link>http://tutorialart.com/2008/09/gold-fashion-effect-tutorial/</link>
		<comments>http://tutorialart.com/2008/09/gold-fashion-effect-tutorial/#comments</comments>
		<pubDate>Sat, 13 Sep 2008 10:09:44 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=8</guid>
		<description><![CDATA[Time for a Gold Fashion Effect, great effect, perfect for fashion related photos as clothes or perfume publicity.

Hello people, today we got a very nice Gold Fashion Effect. Its very simple and good looking, enjoy it!

Step 1:
 Choose the photo you want to use, size or quality is not a problem here, but a nice [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignleft" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/thum/photo-effects/gold_fashion_girl_effect/thum_50_50.jpg" alt="thum_50_50 Gold Fashion Effect Tutorial" width="50" height="50" title="Gold Fashion Effect Tutorial" />Time for a Gold Fashion Effect, great effect, perfect for fashion related photos as clothes or perfume publicity.</p>
<p><span id="more-8"></span></p>
<p>Hello people, today we got a very nice Gold Fashion Effect. Its very simple and good looking, enjoy it!</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-1.gif" alt="screenshot 1" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 1:</p>
<p> Choose the photo you want to use, size or quality is not a problem here, but a nice photo is always good.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-2.gif" alt="screenshot 2" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 2:</p>
<p> Now, make right click in your background layer (or the layer with the photo), choose duplicate layer.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-3.gif" alt="screenshot 3" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 3:</p>
<p>(In your duplicated layer), Go to Image - Adjustments - Gradient Map.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-4.gif" alt="screenshot 4" title="Gold Fashion Effect Tutorial" /></p>
<p>Now you have to make a gradient like this:</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-5.gif" alt="screenshot 5" title="Gold Fashion Effect Tutorial" /></p>
<p>We are using the following colors: Black ( # 000000 ) Yellow ( # e4ce51) White ( # ffffff )</p>
<p> Now you&#8217;ll have this:</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-6.gif" alt="screenshot 6" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 4:</p>
<p> Change your duplicated layer Blending Mode and Opacity, choose Screen and 70%.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-7.gif" alt="screenshot 7" title="Gold Fashion Effect Tutorial" /></p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-8.gif" alt="screenshot 8" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 5:</p>
<p> Press SHIFT + CTRL + E (or go to Layer - Merge Visible)</p>
<p>Now go to Image - Adjustments - Hue/Saturation.</p>
<p>Change the values like this:</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-9.gif" alt="screenshot 9" title="Gold Fashion Effect Tutorial" /></p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-10.gif" alt="screenshot 10" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 6:</p>
<p> Go to Image - Levels.</p>
<p>The following settings are just for reference, try to get a similar result.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-11.gif" alt="screenshot 11" title="Gold Fashion Effect Tutorial" /></p>
<p>Modify the values until you get something like this:</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-12.gif" alt="screenshot 12" title="Gold Fashion Effect Tutorial" /></p>
<p class="bold">Step 7:</p>
<p> Now select the Dodge Tool:</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-13.gif" alt="screenshot 13" title="Gold Fashion Effect Tutorial" /></p>
<p> Now, you can make some highlights to give the photo the final touch.</p>
<p> I highlight the hair, the earrings, the mouth and the eyes.</p>
<p><img class="border_img" src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/photo-shop-tutorial.info/imgtutorials/photo_effects/gold_fashion_girl_effect/screenshot-14.gif" alt="screenshot 14" title="Gold Fashion Effect Tutorial" /></p>
<p> And our Gold Fashion Effect its done, hope you like it and see you later for more Photoshop Tutorials.</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/gold-fashion-effect-tutorial/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Make a Floating in Air USB Key Illustration</title>
		<link>http://tutorialart.com/2008/09/make-a-floating-in-air-usb-key-illustration/</link>
		<comments>http://tutorialart.com/2008/09/make-a-floating-in-air-usb-key-illustration/#comments</comments>
		<pubDate>Fri, 12 Sep 2008 22:20:13 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://tutorialart.com/?p=5</guid>
		<description><![CDATA[In this tutorial, I’ll show you how to illustrate a USB key floating in the air and reflecting on a surface. We’ll be adding numerous details that will make this illustration shine. Notice how the PSDTUTS name reflects off the floor in the illustration. These are the little details that add a degree of realism [...]]]></description>
			<content:encoded><![CDATA[<div class="tutorial_image"><a href="http://tutorialart.com/wp-content/uploads/2008/09/preview.jpg"><img class="alignleft size-medium wp-image-4" title="preview" src="http://tutorialart.com/wp-content/uploads/2008/09/preview.jpg" alt="preview Make a Floating in Air USB Key Illustration" width="148" height="115" /></a>In this tutorial, I’ll show you how to illustrate a USB key floating in the air and reflecting on a surface. We’ll be adding numerous details that will make this illustration shine. Notice how the PSDTUTS name reflects off the floor in the illustration. These are the little details that add a degree of realism to your work.</div>
<p><span id="more-5"></span></p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/39.jpg" border="0" alt="39 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 1</h3>
<p>Let&#8217;s start by creating a New Document which is 1000 pixels wide by 1000 pixels high, set the Resolution to 300 pixels/inch, and the Background to white. Grab the Rectangular Marquee Tool, then set the style to Fixed Size with a Width of 100 px and Height of 240 px. Drag four guides around the selection, as shown in the below image, then Deselect by hitting Command + D.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/01.jpg" border="0" alt="01 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 2</h3>
<p>Create a new layer and name it &#8220;Front B.&#8221; Set the foreground color to 55% gray. Get the Rounded Rectangle Tool, set it to Fill Pixels and Radius to 30 px in the Tool Options set. Draw a rounded rectangle as shown below.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/02.jpg" border="0" alt="02 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 3</h3>
<p>Now we&#8217;ll clear the guides by going to View &gt; Clear Guides. Hit Command + T to enter the Free Transform mode, set the Vertical Skew to -30 degrees, and apply it. Hit Command + T again and set the Rotation to -30 degrees. We could have skewed and rotated the layer at the same time. The reason why we did it in two steps is that it gives cleaner results. You can have a look at the below image for a comparison.</p>
<p>Now we need two horizontal guides. Drag and snap one to the top and one to the bottom of the transformed rectangle. This is not our final perspective angle, but it&#8217;s easier to build up the USB key this way, then we&#8217;ll rotate the whole thing again to achieve our final perspective look.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/03.jpg" border="0" alt="03 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 4</h3>
<p>Duplicate the &#8220;Front B&#8221; layer and name it &#8220;Front A.&#8221; Move the &#8220;Front A&#8221; layer 30 pixels left. You can do it by using the Arrow keys on the keyboard when the Move Tool is selected. While holding Shift, press the Left Arrow key three times. Apply a Gradient Overlay layer Style with these settings: Blend Mode set to Multiply, Opacity at 100%, Gradient set at Black to white, Style of Linear, Angle set to 90 degrees, and Scale set to 130%.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/04.jpg" border="0" alt="04 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 5</h3>
<p>Now we need to connect these two rounded rectangles. Go back to the &#8220;Front B&#8221; layer in the Layers Palette. Get the Polygonal Lasso Tool and make a selection, as shown in the image below. Make sure the guides are visible. Fill the selection with 55% gray, then Deselect by hitting Command + D.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/05.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 6</h3>
<p>There are some unwanted pixels, lets get rid of them. Grab the Rectangular Marquee Tool, set the Style to Normal, and make a selection, as shown below. Move the selection 1 px down and hit Delete to clear the area. You can move the selections by using the Arrow Keys on the keyboard as long as a Marquee Tool is active. Now make a rectangular selection this time at the bottom. Move the selection 1 px up and hit Delete again.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/06.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 7</h3>
<p>Now we&#8217;ll apply a Gradient Overlay Layer Style to the &#8220;Front B&#8221; layer with these settings: Blend mode set to Multiply, Opacity at 65%, Gradient set at &#8220;Steel Bar&#8221; (which is in the Metals Set), with a Style of Linear, Angle set to -30 degrees, and Scale at 110%. Also, you can adjust the position of the gradient by dragging while the Gradient Overlay dialog is still open. Adjust the position like in the image as well.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/07.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 8</h3>
<p>Command-click the &#8220;Front A&#8221; layer thumbnail to load the selection. I moved the selection 400 pixels right. This will define the length of your USB key, so you can change it if you want a longer or a shorter one. Create a new layer and name it &#8220;Back.&#8221; I filled the selection with color #ee3232, but you can choose a different color according to your own taste.</p>
<p>Now create another new layer and name it &#8220;Body.&#8221; Fill the selection with 15% gray. Deselect by hitting Command + D. Make the &#8220;Back&#8221; layer invisible, as we&#8217;ll need it later. Drag and place the &#8220;Body&#8221; layer above the &#8220;Background&#8221; layer in the Layers Palette.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/08.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 9</h3>
<p>Now we&#8217;ll extrude the body as we did for the front part. Get the Polygonal Lasso Tool and make a selection as shown, then fill it with 15% gray. Hit Command + D to Deselect.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/09.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 10</h3>
<p>Get the Rectangular Marque Tool and make a selection aligned to the upper guide, as in the image below. Move the selection 1 px down and clear by hitting Delete. Make another rectangular selection, this time at the bottom, move the selection 1 px up, and hit Delete again to clear the disturbing row of pixels.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/10.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 11</h3>
<p>Now we&#8217;ll apply a Gradient Overlay Layer Style to the &#8220;Body&#8221; layer to achieve the rounded corner. Use these settings: Blend mode set to Multiply, Opacity at 65%, Gradient set at Black to White, with a Style of Linear, Angle set to 90 degrees, and Scale set at 18%. Move the gradient down, as in the below image. You can do it by dragging while the Gradient Overlay dialog box is open.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/11.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 12</h3>
<p>Go to the Layer Palette, then drag and place the &#8220;Back&#8221; layer just above the &#8220;Background&#8221; layer. Move the &#8220;Back&#8221; layer 20 px right using the Right Arrow key. Next, get the Polygonal Lasso Tool and make a selection, as shown below, then fill the selection with red (or your own color) to extrude the back part of the USB key. Hit Command + D to Deselect.</p>
<p>Get the Rectangular Marque Tool and make a selection aligned to the upper guide, as we did before. Move the selection 1 px down and clear by hitting Delete. Make another rectangular selection, this time at the bottom. Move the selection 1 px up and hit Delete again to clear the disturbing row of pixels.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/13.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 13</h3>
<p>We need to apply a Gradient Overlay to the &#8220;Back&#8221; layer with the same settings as we used for the &#8220;Body.&#8221; Now right-click on the &#8220;Body&#8221; layer in the Layers Palette and choose Copy Layer Style. Right-click the &#8220;Back&#8221; layer and choose Paste Layer Style.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/14.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 14</h3>
<p>Create a new layer above the &#8220;Front B&#8221; layer and name it &#8220;Highlight.&#8221; Grab the Line Tool, set it to Fill Pixels, and set Weight to 8 px. Choose white as your Foreground Color, and draw a straight line, as in the below image. Go to Filter &gt; Blur &gt; Gaussian Blur, apply with a Radius of 5 px.</p>
<p>Now we have the highlight, but we should delete the exceeding part. Command-click the &#8220;Body&#8221; Layer Thumbnail to load it&#8217;s selection. We should also select the back part, so Command + Shift-click the &#8220;Back&#8221; Layer Thumbnail to add to the selection. Go to Select &gt; Inverse and hit Delete to clear. Deselect by hitting Command + D.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/12.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 15</h3>
<p>Create a new layer above the &#8220;Body&#8221; layer and name it &#8220;Reflection.&#8221; Grab the Gradient Tool, set the Gradient to black to white, and fill the layer with the gradient from left to right. Go to Image &gt; Adjustments &gt; Curves and tweak the curve as shown below. This is my favorite way to make reflections. Then hit Command + T and rotate the &#8220;Reflection&#8221; layer 30 degrees. You&#8217;ll see why we&#8217;re doing this later.</p>
<p>Now because we want that reflection to be seen on the &#8220;Body&#8221; part, we need to get rid of the rest. Command-click the &#8220;Body&#8221; Layer Thumbnail to load the selection. Command + Alt-click the &#8220;Front B&#8221; Layer Thumbnail to subtract it from the current selection. Go to Select &gt; Inverse and hit Delete to clear. Hit Command + D to Deselect. Set the Layer Blending Mode to Overlay.</p>
<p>Now get the Eraser Tool. Make sure the mode in the Tool Options is set to Brush. I set the Brush Master Diameter to 215 and Hardness to 25%. Erase the area below the rounded corner.</p>
<p>There are some painted pixels outside the canvas because we filled the whole page and then rotated the gradient. We can&#8217;t see them at the moment. In the final steps we&#8217;ll rotate the USB key and these pixels will be a problem so to get rid of them. Go to Select &gt; All, then go to Image &gt; Crop.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/15.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="1002" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 16</h3>
<p>We start drawing the plug. Command-click the &#8220;Front A &#8221; layer to load the selection. Create a new layer above the &#8220;Front A&#8221; and name it &#8220;Plug.&#8221; Fill the selection with 25% gray. Deselect by hitting Command + D. Hit Command + T to enter Free Transform mode, set the Vertical and Horizontal Scales to 56%, and apply.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/16.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 17</h3>
<p>Duplicate the &#8220;Plug&#8221; layer and name it &#8220;Plug Front.&#8221; Move the &#8220;Plug Front&#8221; layer 150 pixels left. Drag two guides from the upper Ruler and snap them to the top and bottom of the &#8220;Plug&#8221; layer. Go back to the &#8220;Plug&#8221; layer in the Layers Palette, get the Polygonal Lasso Tool, and make a selection as in the below image. Fill the selection with 25% gray, then deselect by hitting Command + D.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/17.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 18</h3>
<p>Get the Rectangular Marque Tool and make a selection aligned to the upper guide, as shown below. Move the selection 1 px down and clear by hitting Delete. Make another rectangular selection, this time at the bottom, move the selection 1 px up, and hit Delete again to clear the disturbing row of pixels.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/18.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 19</h3>
<p>Command-click the &#8220;Plug&#8221; layer Thumbnail, this will load the selection. Get the Gradient Tool, set the Gradient as Foreground to Transparent, set Foreground Color to black, and Gradient Style to Linear. Drag it, as shown below, to fill the selection with a black to transparent gradient. This will make the upper part of the plug darker, which is going to help us achieving the metallic look.</p>
<p>Hit Command + D to Deselect. Apply a Gradient Overlay Layer Style with these settings: Blent Mode set to Multiply, Opacity at 50%, Gradient set at Black to White, Style of Linear, Angle set to 90 degrees and Scale set to 18%. Move the Gradient down until it fits on the rounded corner, as in the below image, while the Gradient Overlay dialog is still open.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/19.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 20</h3>
<p>Create a new layer above the &#8220;Plug&#8221; layer and name it &#8220;Plug Reflection.&#8221; Get the Rectangular Marque Tool and make a selection, as in the image below. Get the Gradient Tool. Set the Gradient to Silver (it&#8217;s in the Metals Set.) Set the Gradient Style to Reflected and fill the selection starting from the middle to the left. Hit Command + D to Deselect. Go to Image &gt; Adjustments &gt; Invert to get the negative.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/20.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 21</h3>
<p>Hit Command + T, then Scale the reflection a bit horizontally and rotate 30 degrees. Now we want to reflection visible only on the plug. So we&#8217;ll define the &#8220;Plug&#8221; layer as a Clipping Mask for the &#8220;Plug Reflection.&#8221; You can do it by Alt-clicking the line between these two layers in the Layers Palette. Get the Eraser Tool. Erase the area below the rounded corner of the plug. Also, set the layer Blending Mode to Screen.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/21.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 22</h3>
<p>Create a new layer above the &#8220;Plug Reflection&#8221; layer and name it &#8220;Plug Highlight.&#8221; Get the Line Tool, set it to Fill Pixels, and set Weight to 4 px. Also, set white as your Foreground Color. Draw a straight line, set Weight to 2 px and draw another line, as in the below image.</p>
<p>Go to Filter &gt; Blur &gt; Gaussian Blur, apply with a Radius of 1.5 px. Command-click the &#8220;Plug&#8221; layer to load the selection, then go to Select &gt; Inverse and clear by hitting Delete. Set the &#8220;Plug Highlight&#8221; Layer Opacity at 60%.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/21a.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 23</h3>
<p>Now we&#8217;ll make the hole on the plug. Command-click the &#8220;Plug Front&#8221; layer to load the selection. Go to Select &gt; Modify &gt; Contract and contract the selection by 2 pixels. Create a new layer above the &#8220;Plug Front&#8221; layer and name it &#8220;Plug Hole.&#8221;</p>
<p>Fill the selection with 25% gray and apply a Gradient Overlay Layer Style with these settings: Blend Mode set to Multiply, Opacity at 40%, Gradient set at black to white, with a Style of Linear, Angle set to -90 degrees, and Scale at 13%. Move the gradient until it fits on the rounded corner of the plug.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/23.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 24</h3>
<p>Create a new layer named &#8220;Plug Hole Shadow&#8221; just above the &#8220;Plug Hole&#8221; layer. Grab the Polygonal Lasso Tool, select an area as in the below image, and fill with black. Hit Command + D to Deselect. Go to Filter &gt; Blur &gt; Gaussian Blur. Set the Radius to 15 pixels. Command-click the &#8220;Plug Hole&#8221; layer, go to Select &gt; Inverse to inverse the selection. Clear by hitting Delete. You should adjust the Opacity of the layer to your taste as well.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/24.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 25</h3>
<p>Create a new layer above the &#8220;Plug Hole&#8221; layer and name it &#8220;White.&#8221; Command-click the &#8220;Plug Hole&#8221; layer. Get the Rectangular Marque Tool and move the selection, as shown below. Command + Alt + Shift-click the &#8220;Plug Hole&#8221; Layer Thumbnail to intersect the selection, then fill the selection with white, and hit Command + D to Deselect. Move the &#8220;White&#8221; layer 5 pixels right. Drag horizontal guides and snap them to the top and the bottom of the &#8220;White&#8221; layer.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/25.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 26</h3>
<p>Create another layer below the &#8220;White&#8221; layer and name it &#8220;White Top.&#8221; Get the Polygonal Lasso Tool and make a selection, as shown below. Fill the selection with 20% gray. Command-click the &#8220;Plug Hole&#8221; layer, then go to Select &gt; Inverse to inverse the loaded selection. Hit Delete to clear the part outside the hole. Go to &#8220;White&#8221; layer in the Layers Palette and hit Delete again. Hit Command + D to Deselect.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/26.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 27</h3>
<p>Select the Layers in the Layer Palette, as shown below. Go to Layer &gt; Group Layers (Command + G.) Name the group &#8220;Plug Bottom.&#8221; Now duplicate the &#8220;Plug Bottom&#8221; group and name it &#8220;Plug Top.&#8221; Go to Layer &gt; Merge Group. Make the &#8220;Plug Bottom&#8221; group invisible for now.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/27.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 28</h3>
<p>Now we&#8217;ll make the reflection of the plug on the body. Duplicate the &#8220;Plug Top&#8221; layer, name it &#8220;Plug Reflection,&#8221; and drag it above the &#8220;Front A&#8221; layer in the Layers Palette. Move it right, as shown below. Go to Filter &gt; Blur &gt; Gaussian Blur and apply with a Radius of 3 pixels. In order to mask the reflection, Alt-click on the line between the &#8220;Plug Reflection&#8221; and the &#8220;Front A&#8221; layers in the Layers Palette. You can change the opacity of the layer as you wish.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/28.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 29</h3>
<p>Let&#8217;s continue tiding up our layers. Select all the layers except the &#8220;Background&#8221; and &#8220;Plug Top&#8221; layers and &#8220;Plug Bottom&#8221; Group. Go to Layer &gt; Merge Layers (Command + E.) Rename the merged layer as &#8220;Body.&#8221;</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/28a.jpg" border="0" alt="28a Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 30</h3>
<p>Now we&#8217;ll make the two small holes on the plug. Create a new layer on the top of the layer stack named &#8220;Hole.&#8221; Get the Rectangular Marque Tool, set Style to Fixed Size, and Width and Height both to 26 px. Make a selection as shown below. Fill the selection with 65% gray. Hit Command + D to deselect.</p>
<p>Hit Command + T and set the Horizontal Skew to 30 degrees. This will fit the perspective of the holes to the perspective of the plugs. Get the Polygonal Lasso Tool and make a selection, as shown in the bottom left image below. Go to Image &gt; Adjustments &gt; Hue/Saturation (Command + U), and set Lightness at +100% to make the selected part white.</p>
<p>Command-click the &#8220;Hole&#8221; layer to load the selection. Move the selection 1 px left and 1 px down. Command + Alt + Shift-click the &#8220;Hole&#8221; layer again to intersect the selection with the layer. Fill the selection with black. Also, deselect by hitting Command + D.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/29.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 31</h3>
<p>Duplicate the &#8220;Hole&#8221; layer. Now we have two holes and they should be aligned properly. You can get help from the right or left edge of the plug. After aligning properly, select both hole layers and position them as shown below.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/30.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="490" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 32</h3>
<p>Now get the Text Tool. I set the font as Trebuchet MS with a size of 35 pt. Make your Foreground Color #ee0055, then type your text. Hit Command + T and set the Horizontal Skew to 30 degrees and apply. Rename your text layer as &#8220;Text.&#8221; Apply a Gradient Overlay to &#8220;Text&#8221; layer using these settings: Blend Mode set to Screen, Opacity at 50%, Gradient set at Silver, with a Style of Linear, Angle set to 30 degrees, and Scale set at 75%.</p>
<p>We&#8217;ll also apply a Drop shadow with the following settings: Blend Mode of Multiply, Opacity set at 60%, Angle set to 90 degrees, and Distance and Size set to 2 px.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/31a.jpg" border="0" alt="31a Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 33</h3>
<p>What we have now is our USB key. What we don&#8217;t is the reflection. Our key will be floating in the air, and the bottom of it will be reflecting on the surface. And the bottom part of the key is slightly different from the top of it.</p>
<p>Duplicate the &#8220;Body&#8221; layer and name it &#8220;Body Bottom.&#8221; Now select the &#8220;Hole Copy,&#8221; &#8220;Hole,&#8221; &#8220;Text,&#8221; &#8220;Plug Top,&#8221; and &#8220;Body&#8221; layers, then go to Layer &gt; Merge. Name the merged layer &#8220;USB,&#8221; and make &#8220;USB&#8221; layer invisible for now.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/31b.jpg" border="0" alt="31b Make a Floating in Air USB Key Illustration" width="500" height="486" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 34</h3>
<p>We&#8217;ll get the Text Tool again, make your Foreground Color #ee0055, and type your text. Hit Command + T and scale the text to fit on the plug. Go to Edit &gt; Transform &gt; Flip Vertical to mirror the text. Hit Command + T and set the Horizontal Skew to 30 degrees and apply. Rename your text layer as &#8220;Text.&#8221;</p>
<p>Apply a Gradient Overlay to the &#8220;Text&#8221; layer using these settings: Blend Mode set to Screen, Opacity at 50%, Gradient set at Silver, with a Style of Linear, Angle set to 30 degrees ,and Scale set at 75%.</p>
<p>We&#8217;ll also apply a Drop shadow with the following settings: Blend Mode of Multiply, Opacity set at 60%, Angle set to 90 degrees, and Distance and Size set to 2 px.</p>
<p>Make sure that one of the visible layers is selected in the Layers Palette, then go to Layer &gt; Merge Visible. Name the merged layer &#8220;Reflection.&#8221; Now you should have three layers: &#8220;Background,&#8221; &#8220;USB Final,&#8221; and &#8220;Reflection.&#8221; Now we&#8217;re almost done.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/32b.jpg" border="0" alt="32b Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 35</h3>
<p>Now make the &#8220;Plug Bottom&#8221; group visible. Open the group and delete the &#8220;White Top&#8221; layer. Go to the &#8220;White&#8221; layer and move it up, as shown below. Command-click the &#8220;Plug Hole&#8221; layer to load the selection, go to Select &gt; Inverse. Hit Delete to Clear outside of the hole. Deselect by hitting Command + D. Go to the &#8220;Plug Hole Shadow&#8221; layer in the Layers Palette. Hit Command + T and rotate the layer 180 degrees, and make sure that it still fits in the hole.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/33.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="339" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 36</h3>
<p>We&#8217;ll now place the USB sign on the plug. I drew one and you can get it <a href="http://psdtuts.s3.amazonaws.com/192_USB_Key/USBsign.png">here</a>. Open the &#8220;USBsign.png&#8221; file and get the Move Tool and drag the logo into your &#8220;USB Refleciton.psd.&#8221;</p>
<p>Hit Command + T to enter Free Transform mode, rotate the logo -90 degrees, scale to fit on the plug, and apply. Go to Edit &gt; Transform &gt; Flip Vertical to mirror it. Hit Command + T again and set the Horizontal Skew to 30 degrees. Place it on the plug and set the Layer Opacity to 60%.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/34.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 37</h3>
<p>Close the &#8220;Plug Bottom&#8221; group. Select the &#8220;Plug Bottom,&#8221; &#8220;Body Bottom,&#8221; and &#8220;Text&#8221; in the Layers Palette and go to Layer &gt; Merge Layers. Name the merged layer &#8220;USB Reflection.&#8221; Make sure that &#8220;USB&#8221; layer is on the top and all the layers are visible.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/35.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="355" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 38</h3>
<p>Select both &#8220;USB&#8221; and &#8220;USB Reflection&#8221; layers in the Layers Palette, hit Command + T, and Rotate -30 degrees. Grab the Move Tool, then move the &#8220;USB Reflection&#8221; layer down, as shown below. Go to Filter &gt; Blur &gt; Gaussian Blur and apply with a Radius of 3 px. Also, set the Layer Opacity at 20%.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/37.jpg" border="0" alt="37 Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
<h3>Step 39</h3>
<p>Duplicate the &#8220;USB Reflection&#8221; layer and name it &#8220;Shadow.&#8221; Hit Command + U to bring up the Hue/Saturation dialog. Set the Lightness to -100 to make the shadow black. Go to Filter &gt; Blur &gt; Gaussian Blur and apply with a Radius of 40 px. Set the Layer Opacity to 50% and move the &#8220;Shadow&#8221; layer up, as in the image below.</p>
<div class="tutorial_image"><img src="http://tutorialart.com/wp-content/plugins/hot-linked-image-cacher/upload/psdtuts.s3.amazonaws.com/192_USB_Key/38.JPG" border="0" alt=" Make a Floating in Air USB Key Illustration" width="500" height="500" title="Make A Floating In Air Usb Key Illustration" /></div>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/make-a-floating-in-air-usb-key-illustration/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Hello world!</title>
		<link>http://tutorialart.com/2008/09/hello-world/</link>
		<comments>http://tutorialart.com/2008/09/hello-world/#comments</comments>
		<pubDate>Thu, 11 Sep 2008 22:58:49 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<guid isPermaLink="false">http://localhost/tut/?p=1</guid>
		<description><![CDATA[Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!
]]></description>
			<content:encoded><![CDATA[<p>Welcome to WordPress. This is your first post. Edit or delete it, then start blogging!</p>
]]></content:encoded>
			<wfw:commentRss>http://tutorialart.com/2008/09/hello-world/feed/</wfw:commentRss>
		</item>
	<media:rating>nonadult</media:rating></channel>
</rss>
