<?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>Tutorial Lounge &#187; Creative</title>
	<atom:link href="http://www.tutoriallounge.com/tag/creative/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.tutoriallounge.com</link>
	<description>Learn step by step!</description>
	<lastBuildDate>Mon, 06 Feb 2012 09:38:51 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>5 Bundle Pack Adobe Video Tutorials</title>
		<link>http://www.tutoriallounge.com/2009/04/5-bundle-pack-adobe-video-tutorials/</link>
		<comments>http://www.tutoriallounge.com/2009/04/5-bundle-pack-adobe-video-tutorials/#comments</comments>
		<pubDate>Sat, 04 Apr 2009 12:30:11 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Flash]]></category>
		<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Videos]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Designs]]></category>
		<category><![CDATA[Free Video Tutorials]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Video Tutorials]]></category>

		<guid isPermaLink="false">http://www.tutoriallounge.com/?p=84</guid>
		<description><![CDATA[Welcome to video free video tutorials, we hope that you enjoy your time with us. The free tutorial video&#8217;s cover a extensive variety of industry standard software such as Photoshop, Adobe Premiere pro and more, All presented in a free video tutorial format. Our tutorial video collected works is designed to assist beginners and those.]]></description>
			<content:encoded><![CDATA[<h3 class="singleh2"><img class="alignnone size-full wp-image-86" title="adobe_tv_title" src="http://www.tutoriallounge.com/wp-content/uploads/adobe_tv_title.jpg" alt="adobe_tv_title" width="500" height="358" /></h3>
<p class="singleh2">Welcome to video free video tutorials, we hope that you enjoy your time with us. The free tutorial video&#8217;s cover a extensive variety of industry standard software such as Photoshop, Adobe Premiere pro and more, All presented in a free video tutorial format. Our tutorial video collected works is designed to assist beginners and those wishing to learn new software to become productive faster &amp; those wanting to advance their skill set.<span id="more-84"></span></p>
<h3 class="singleh2"><span style="text-decoration: underline;"><a title="Permanent Link to Flash 411 - Video Encoding Basics" rel="bookmark" href="http://www.graphicmania.net/flash-411-video-encoding-basics/">Flash 411 &#8211; Video Encoding Basics</a></span></h3>
<p><span style="text-decoration: underline;"><br />
</span></p>
<p style="text-align: center;"><img src="http://www.graphicmania.net/wp-content/uploads/s02.jpg" alt="" /></p>
<p style="text-align: left;">Just how do they encode those beautifully-crisp videos you see playing in the Flash Player? In this episode, learn the basic encoding rules, see the new Adobe media Encoder, and pick up some tips and tricks along the way.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: center;"><object width="467" height="300" data="http://tv.adobe.com/Embed.swf" type="application/x-shockwave-flash"><param name="name" value="AdobeTVPlayer" /><param name="bgcolor" value="#000000" /><param name="flashvars" value="v=~b64~aHR0cDovL2Fkb2JlLmVkZ2Vib3NzLm5ldC9mbGFzaC9hZG9iZS9hZG9iZXR2Mi9mbGFzaF80MTEvNjdfZmZvXzAwNC5mbHY/cnNzX2ZlZWRpZD0xNTI3JnhtbHZlcnM9Mg==&amp;w=467&amp;t=http://tv.adobe.com/#vi+f1527v1001&amp;h=300" /><param name="src" value="http://tv.adobe.com/Embed.swf" /></object></p>
<h3 class="singleh2"><span style="text-decoration: underline;"><a title="Permanent Link to Learn Soundbooth CS4 - Working with Soundbooth and Flash" rel="bookmark" href="http://www.graphicmania.net/learn-soundbooth-cs4-working-with-soundbooth-and-flash/">Learn Soundbooth CS4 &#8211; Working with Soundbooth and Flash</a></span></h3>
<p><span style="text-decoration: underline;"><br />
</span></p>
<p style="text-align: center;"><img src="http://www.graphicmania.net/wp-content/uploads/s01.jpg" alt="" width="500" height="381" /></p>
<p>Learn to add cue points to files in Soundbooth, import sounds into Flash, and perform round-trip editing between Flash with Soundbooth.</p>
<p style="text-align: center;"><object width="467" height="300" data="http://tv.adobe.com/Embed.swf" type="application/x-shockwave-flash"><param name="name" value="AdobeTVPlayer" /><param name="bgcolor" value="#000000" /><param name="flashvars" value="v=~b64~aHR0cDovL2Fkb2JlLmVkZ2Vib3NzLm5ldC9mbGFzaC9hZG9iZS9hZG9iZXR2Mi9sZWFybl9zb3VuZGJvb3RoX2NzNC9scnZpZDQxMDBfeHAuZmx2P3Jzc19mZWVkaWQ9MTYwMiZ4bWx2ZXJzPTI=&amp;w=467&amp;t=http://tv.adobe.com/#vi+f1602v1002&amp;h=300" /><param name="src" value="http://tv.adobe.com/Embed.swf" /></object></p>
<p style="text-align: center;">
<h3 class="singleh2"><span style="text-decoration: underline;"><a title="Permanent Link to Working with Soundbooth and Flash Tutorial" rel="bookmark" href="http://www.graphicmania.net/working-with-soundbooth-and-flash-tutorial/">Working with Soundbooth and Flash Tutorial</a></span></h3>
<p><span style="text-decoration: underline;"><br />
</span></p>
<p style="text-align: center;"><img src="http://www.graphicmania.net/wp-content/uploads/soundbooth.jpg" alt="" /></p>
<p style="text-align: left;">There was an always need for a sound editor when using sound in Flash. The capabilities that Flash gives to edit sound was not enough. However, Soundbooth a software that can integrate well with Flash and gives you the ability to edit sound used in Flash.</p>
<p style="text-align: left;">In this video tutorial from <a href="http://tv.adobe.com/" target="_blank">Adove TV</a>. You will learn how to use Sound booth the edit Flash sounds.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: center;"><object width="467" height="300" data="http://tv.adobe.com/Embed.swf" type="application/x-shockwave-flash"><param name="name" value="AdobeTVPlayer" /><param name="bgcolor" value="#000000" /><param name="flashvars" value="v=~b64~aHR0cDovL2Fkb2JlLmVkZ2Vib3NzLm5ldC9mbGFzaC9hZG9iZS9hZG9iZXR2Mi9sZWFybl9zb3VuZGJvb3RoX2NzNC9scnZpZDQxMDBfeHAuZmx2P3Jzc19mZWVkaWQ9MTYwMiZ4bWx2ZXJzPTI=&amp;w=467&amp;t=http://tv.adobe.com/#vi+f1602v1002&amp;h=300" /><param name="src" value="http://tv.adobe.com/Embed.swf" /></object></p>
<p style="text-align: center;">
<h3 class="singleh2"><span style="text-decoration: underline;"><a title="Permanent Link to The Anatomy of Video Player" rel="bookmark" href="http://www.graphicmania.net/the-anatomy-of-video-player/">The Anatomy of Video Player</a></span></h3>
<p><span style="text-decoration: underline;"><br />
</span></p>
<p style="text-align: center;"><img src="http://www.graphicmania.net/wp-content/uploads/video_player.jpg" alt="" /></p>
<p style="text-align: left;">For better understanding and customization for the FLV Component in Flash, you should have a strong understanding of the video player and it is works. In this video tutorial by David Hassoun from Adobe TV. He will teach us how the video player works and how to use these principles in using and customizing FLV component in Flash.</p>
<p style="text-align: left;">
<p style="text-align: left;">
<p style="text-align: center;"><object width="467" height="300" data="http://tv.adobe.com/Embed.swf" type="application/x-shockwave-flash"><param name="name" value="AdobeTVPlayer" /><param name="bgcolor" value="#000000" /><param name="flashvars" value="v=~b64~aHR0cDovL2Fkb2JlLmVkZ2Vib3NzLm5ldC9mbGFzaC9hZG9iZS9hZG9iZXR2Mi9tYXhfMjAwOF9kZXZlbG9wLzE1OTY3NDE2MTNfMjUxMTI1MzAwMV9oYXNzb3VuLW1vbi0zMzBwbS1kZXZlbG9wLmZsdj9yc3NfZmVlZGlkPTE1Mzg0JnhtbHZlcnM9Mg==&amp;w=467&amp;t=http://tv.adobe.com/#vi+f15384v1106&amp;h=300" /><param name="src" value="http://tv.adobe.com/Embed.swf" /></object></p>
<p style="text-align: center;">
<h3><a href="http://www.vtutorial.com/videos/Adobe_Flash/Animated_Business_Card_in_Flash" target="_blank"><span>Animated Business Card in Flash</span></a></h3>
<p><span><br />
</span></p>
<p style="text-align: left;"><span>Using a few simple techniques we will build and animate a business card in Flash. The idea is that when the user clicks the business card it flips over and diplays information on the back</span></p>
<p style="text-align: center;"><object width="510" height="407" data="http://www.youtube.com/v/ktlcQvW9wOs&amp;hl=en&amp;fs=1" type="application/x-shockwave-flash"><param name="allowFullScreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://www.youtube.com/v/ktlcQvW9wOs&amp;hl=en&amp;fs=1" /><param name="allowfullscreen" value="true" /></object><script type="text/javascript"></script><ins style="border: medium none; margin: 0pt; padding: 0pt; display: inline-table; height: 250px; position: relative; visibility: visible; width: 300px;"><ins style="border: medium none; margin: 0pt; padding: 0pt; display: block; height: 250px; position: relative; visibility: visible; width: 300px;"></ins></ins></p>
<p><script src="http://www.vtutorial.com/misc/flash/ufo.js" type="text/javascript"></script> <script src="http://www.vtutorial.com/scripts/rating.js" type="text/javascript"></script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.tutoriallounge.com/2009/04/5-bundle-pack-adobe-video-tutorials/feed/</wfw:commentRss>
		<slash:comments>7</slash:comments>
		</item>
		<item>
		<title>10 Image Editing Tutorials in Photoshop</title>
		<link>http://www.tutoriallounge.com/2009/04/10-image-editing-tutorials-in-photoshop/</link>
		<comments>http://www.tutoriallounge.com/2009/04/10-image-editing-tutorials-in-photoshop/#comments</comments>
		<pubDate>Fri, 03 Apr 2009 21:00:57 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Freebies]]></category>
		<category><![CDATA[Illustrate]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Adobe]]></category>
		<category><![CDATA[Creative]]></category>
		<category><![CDATA[Designs]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[Image Editing]]></category>
		<category><![CDATA[Image Effects]]></category>
		<category><![CDATA[Techniques]]></category>
		<category><![CDATA[Tutorials]]></category>

		<guid isPermaLink="false">http://www.tutoriallounge.com/?p=74</guid>
		<description><![CDATA[Photoshop Tutorials that educate how to design, illustrate, compose, and sketch magnificent creations. These creative techniques are ideal for both beginners and advanced Photoshop users. Tutorial# 1:  Apple Shelf Dock from Leopard OS in Photoshop In the new MAC OS X Leopard operating system, the application bar has a new, sleek look. This tutorial will.]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-79" title="source-title" src="http://www.tutoriallounge.com/wp-content/uploads/source-title.jpg" alt="source-title" width="500" height="633" /></p>
<p>Photoshop Tutorials that educate how to design, illustrate, compose, and sketch magnificent creations. These creative techniques are ideal for both beginners and advanced Photoshop users.<span id="more-74"></span></p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 1:  Apple Shelf Dock from Leopard OS in Photoshop</strong></span></p>
<p>In the new MAC OS X Leopard operating system, the application bar has a new, sleek look. This tutorial will show you how to create the Glass Shelf Dock used for the operating system.</p>
<h3>What We Will Be Creating</h3>
<p>For those of you not aware of what the Leopard operating system looks like, you can see it <a href="http://www.apple.com/macosx/features/desktop.html">here</a>. The image below will give you an idea of what we will be creating.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/full.jpg"><img class="alignnone size-full wp-image-821" src="http://www.tutorial9.net/wp-content/uploads/2008/05/full-preview.jpg" alt="Final Result" width="499" height="312" /></a></p>
<h3>Wallpaper</h3>
<p>The background wallpaper we are going to be using is shown below. A larger version can be found <a href="http://img522.imageshack.us/img522/8229/grassbladesdy6pc8.jpg">here</a>.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/wallpaper.jpg"><img class="alignnone size-medium wp-image-823" src="http://www.tutorial9.net/wp-content/uploads/2008/05/wallpaper-300x187.jpg" alt="Wallpaper" width="300" height="187" /></a></p>
<h3>Setting the Guides</h3>
<p>Now that we have all the materials we need to get started, and we have an idea of what the Glass Shelf Dock looks like, lets begin to create our own inside of Photoshop.</p>
<p>Begin by <strong>Creating a New Document</strong> <em>(I used a 1280×800px document)</em> and placing the wallpaper into the <strong>Background Layer</strong>.</p>
<p>Make sure your <strong>rulers</strong> are enabled. If they aren’t, navigate to <strong><em>View &gt; Rulers</em></strong><em>(Ctrl+R)</em>. Also make sure your guides are enabled at <strong><em>View &gt; Show &gt; Guides</em></strong><em>(Ctrl+;)</em>. Now lets <strong>drag guides out from the vertical ruler</strong> to <strong>140px</strong> and <strong>1140px</strong>. Then <strong>drag a guide from the horizontal ruler</strong> to <strong>760px</strong>.</p>
<p><img class="alignnone size-full wp-image-824" src="http://www.tutorial9.net/wp-content/uploads/2008/05/guides.jpg" alt="Guides" width="500" height="338" /></p>
<h3>Creating the Shelf</h3>
<p>Grab your <strong>Rectangular Marquee Selection Tool</strong><em>(M)</em> and select the <strong>1000×60px</strong> area in between your guides. Then set your colors as such:</p>
<p><img class="alignleft size-full wp-image-826" src="http://www.tutorial9.net/wp-content/uploads/2008/05/777777.gif" alt="#777777" width="30" height="30" /> Foreground color #777777</p>
<p class="clear"><img class="alignleft size-full wp-image-825" src="http://www.tutorial9.net/wp-content/uploads/2008/05/555555.gif" alt="#555555" width="30" height="30" /> Background color #555555</p>
<p class="clear"><strong>Create a new layer</strong>. Then grab your <strong>Linear Gradient Tool</strong> and select the “Foreground to Background” preset gradient. While holding <strong><em>shift, drag your cursor from the top of the selection to the bottom.</em></strong></p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/gradient-shelf.jpg" alt="Shelf Gradient" width="500" height="169" /></a></div>
<p>Create two more <strong><em>vertical guides</em></strong> at <strong>170px</strong> and <strong>1110px</strong>. Now lets go to <strong>Edit &gt; Transform &gt; Perspective</strong> and while holding <strong><em>shift</em></strong>, <strong><em>drag the top left corner</em></strong> to your 170px guide.</p>
<div class="tip">
<h4>Perspective Tip</h4>
<p>Holding shift will transform both sides of your object at the same time, so that they stay symmetrical.</p></div>
<div class="rolloverimage591"><strong><em><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/perspective.jpg" alt="Change Perspective" width="498" height="168" /></a></em></strong></div>
<h3>Adding Effect to the Shelf</h3>
<p>Change the <em>opacity</em> of your <strong><em>Shelf Layer</em></strong> to <strong><em>90% or 80%</em></strong>. <strong><em>Ctrl+Click</em></strong> on the thumbnail for the <strong><em>Shelf Layer</em></strong> to make a selection of it. <strong>Create a new layer</strong>.  Then, grab your <strong>Pencil Tool</strong> and create a <strong>2px</strong> line with the color <strong>#cccccc</strong> across the bottom of the selection and set the <em>opacity</em> of the layer to <strong><em>85%</em></strong>. Then, above that, create a <strong>1px</strong> line on a new layer with the color <strong>#000000</strong> and set the <em>opacity</em> to <strong><em>25%</em></strong>.</p>
<p><strong><em><img class="alignnone size-full wp-image-830" src="http://www.tutorial9.net/wp-content/uploads/2008/05/opacity.jpg" alt="" width="500" height="338" /></em></strong></p>
<div class="tip">
<h4><strong><em>Hiding the Guides</em></strong></h4>
<p>We don’t need the guides that we created anymore, so you can either drag them off the screen or hide them by going to <strong><em>View &gt; Show &gt; Guides</em></strong></div>
<p>Once again, <strong><em>Ctrl+Click</em></strong> on the thumbnail for the <strong><em>Shelf Layer</em></strong> to make a selection of it. Then, create a <strong>Foreground to Transparent Gradient</strong> about <strong>30px</strong> wide on the left and right side of the selection on a new layer. Change the <em>opacity</em> to <strong><em>10%</em></strong>.</p>
<div class="rolloverimage591"><strong><em><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/left-right-glow.jpg" alt="Left/Right Glow" width="498" height="168" /></a></em></strong></div>
<h3>Creating the Glossy Effect</h3>
<p><strong><em><img class="alignleft size-full wp-image-832" src="http://www.tutorial9.net/wp-content/uploads/2008/05/pen.jpg" alt="" width="139" height="50" /></em></strong></p>
<p>To add more effect to the shelf, lets add a curved gloss to it. Create a new layer and grab your <strong>Pen Tool</strong><em>(P)</em>. Make sure that your pen is set to <strong><em>paths</em></strong>.</p>
<div class="tip">
<h4><strong><em>Pen Tool</em></strong></h4>
<p>Before proceeding, you may want to read the tutorial <a href="http://www.tutorial9.net/photoshop/pen-tool-basics-in-photoshop/">Pen Tool Basics &#8211; Custom Shapes</a> to better understand how to create the shape in the next step, since I will not be explaining how to use the pen tool step by step.</div>
<p>Create a path similar to the highlighted area below. Then, <em>right click while you still have your pen tool selected </em>and click <strong>make selection</strong>. <em>Make sure feather radius is set to 0px.</em></p>
<div class="rolloverimage591"><strong><em><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/gloss-selection.jpg" alt="Path Selection" width="501" height="169" /></a></em></strong></div>
<p>Grab the <strong>Foreground to Transparent Gradient Tool</strong> and <em>set your foreground color</em> to <strong>#FFFFFF</strong>. Then, <em>hold shift and drag the gradient from the bottom of the selection to the top of the selection</em>. You should now have something like below.</p>
<p><strong><em><img class="alignnone size-full wp-image-834" src="http://www.tutorial9.net/wp-content/uploads/2008/05/gloss-gradient.jpg" alt="" width="500" height="338" /></em></strong></p>
<h3>Adding Icons</h3>
<p>Bring in the first icon that you want to add and <em>place it about halfway up the height of the shelf</em>. <strong><em>Duplicate</em></strong><em>(Layer &gt; Duplicate Layer…)</em> it and <strong><em>flip it vertically</em></strong><em>(Edit &gt; Transform &gt; Flip Vertical)</em>. Drag it down until the top of the flipped version is touching the bottom of the normal version. Then, change the <em>opacity</em> to <strong>25%</strong>.</p>
<p><strong><em><img class="alignnone size-full wp-image-835" src="http://www.tutorial9.net/wp-content/uploads/2008/05/reflection.jpg" alt="" width="498" height="337" /></em></strong></p>
<div class="note">
<h4><strong><em>Adding Shadow</em></strong></h4>
<p>Some people would stop here thinking that the effect is done. However, not only does the actual operating system have shadows for the icons, I would add them even if it didn’t. They help to create more depth and a greater effect.</p></div>
<p><!-- left DISABLED--></p>
<p>To add the shadow, <strong>duplicate</strong><em>(Layer &gt; Duplicate Layer…)</em> your icon layer and <em>drag the new layer under the original</em>. Fill your layer with black <strong>Edit &gt; Fill… <em>Use: Black</em></strong><em>(Shift+F5)</em>. Then change the size of your icon using <strong>Edit &gt; Free Transform</strong><em>(Ctrl+T)</em>. <em>Drag the top middle box until the top of your icon matches the top of the shelf.</em></p>
<p>Once you have this accomplished, we need to blur the shadow. Go to <strong>Filter &gt; Blur &gt; Gaussian Blur</strong> and <em>set the radius to <strong>1.5px</strong></em>. Then change the <em>opacity</em> to <strong>25%</strong>.</p>
<div class="rolloverimage591"><strong><em><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/shadow.jpg" alt="Completed Shadow" width="500" height="169" /></a></em></strong></div>
<p>Repeat this process with more icons</p>
<p><img class="alignnone size-full wp-image-838" src="http://www.tutorial9.net/wp-content/uploads/2008/05/icons.jpg" alt="" width="500" height="338" /></p>
<h3>Creating the Fading Rectangles</h3>
<p><em>To create the fading rectangles, follow the same steps we used to create the shelf. Make a white rectangle and transform it using perspective. Delete sections of the rectangle, making them get smaller as they get farther away. Then lower the opacity to 25%.</em></p>
<p><img class="alignnone size-full wp-image-839" src="http://www.tutorial9.net/wp-content/uploads/2008/05/rectangles.jpg" alt="Rectangles" width="500" height="338" /></p>
<h3>Creating the Orb</h3>
<p>Create an oval <strong>10×4px</strong> using the <strong>Elliptical Marquee Tool</strong>. Then apply the following <strong>Layer Styles</strong><em>(Layer &gt; Layer Styles)</em>.</p>
<div class="rolloverimage591"><strong><em><a href="http://www.tutorial9.net/photoshop/create-the-glass-shelf-dock-from-leopard-os-in-photoshop/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/glows.jpg" alt="Glows" width="500" height="169" /></a></em></strong></div>
<h3>The Final Result</h3>
<p>We now have all of the objects and effects that we need to complete our design. Lets take a look at the final result.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/full.jpg"><img class="alignnone size-full wp-image-821" src="http://www.tutorial9.net/wp-content/uploads/2008/05/full-preview.jpg" alt="Final Preview" width="498" height="311" /></a></p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 2:  Quick, Easy, and Scalable Photoshop Backgrounds</strong></span></p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/gradient-background.jpg" alt="Document with a Gradient Background" /></p>
<p>This tutorial will show you how to design backgrounds with ease of future adjustments in mind. Applying these techniques in your designs will make color adjustments a breeze, sizing/scaling changes in your background incredibly easy, and give you unprecedented control over how your background looks with very little effort involved.</p>
<h3>Backgrounds Made Simpler</h3>
<p>Suppose you are working on a graphic for a client (or yourself), where the colors used may be changing on occasion, or perhaps you’d like to experiment with several different colors. One way of going about doing this would be creating several different documents, and for each document, manually adjust the colors, size, and positioning of different elements.</p>
<p>Being the curious folk we are, we wonder, “<em><strong>Shouldn’t their be an easier way to do this?</strong></em>”</p>
<p>As a matter of a fact, there is a much simpler way to work with documents using <strong>Shape Layers</strong>, <strong>Blending Options</strong>, and<strong> Adjustment Layers</strong>. In this tutorial, I’ll demonstrate how you can create very simple backgrounds in Photoshop that can be editing on the fly in a matter of just a few clicks.</p>
<h3>What’s the difference?</h3>
<p>For purposes of this tutorial, we’ll just be using a simple gradient background.  Before you go and grab your <strong>Gradient Tool</strong>, let’s talk about resizing and scaling.</p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/normal-gradient.jpg" alt="Resizing a normal gradient" /></p>
<p><img class="rt thumb" src="http://www.tutorial9.net/wp-content/uploads/2008/02/scale-vs-not-scaled.jpg" alt="Scalable Background / Non Scalable Background Comparison" /></p>
<p>When you use the <em>Gradient Tool</em>, you are really just performing a one time calculation. The gradient blends between it’s different colors from one point to the next, and after its applied, the data does not change. This is ok in a lot of scenarios, but <em><strong>what happens if we resize our image</strong></em>?</p>
<p>As you can hopefully tell from the image above, the colors are simply being stretched out when we resize an ordinary gradient. Instead of the calculation for the gradient being redone, Photoshop will keep the current data and try to work with it alone.</p>
<p>This is why we want scalable backgrounds. If we resize a graphic, or if we want to reposition and change the scale of the background alone, we want the graphic to appear as smooth as possible. With scalable backgrounds, we can accomplish this.</p>
<h3>Getting started</h3>
<p>While it’s entirely possible to create a scalable background with any ordinary layer, you’re probably better off using <strong>Shape Layers</strong> (especially if you’re creating a multi-part background stored in a set of layers).</p>
<p><img class="lt" src="http://www.tutorial9.net/wp-content/uploads/2008/02/rectangletool.gif" alt="Rectangle Tool" />Let’s begin with a basic document; <em>we’ll be using a plain document, with a layer of “Tutorial9″ text on it.</em> To create your basic background, create a new <em>rectangle shape layer, </em>using the <strong>Rectangle Tool</strong>.  Be sure that you have <em><strong>Shape Layers</strong></em> selected once your working with the <em>Rectangle Tool</em>.</p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/shapelayer.jpg" alt="Work with Shape Layers" /></p>
<p><strong>Drag a box</strong> around your canvas.  This will become your background later on, and can exceed the boundaries of your canvas.</p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/createshape.jpg" alt="Create a Rectangle Shape" /></p>
<p><img class="rt" src="http://www.tutorial9.net/wp-content/uploads/2008/02/background-color.gif" alt="Set the Shape Layer Color" />The current background color of the shape hardly matters, as we’ll control it from elsewhere later on, but if you’d like to know how to change a shape layers color, you can easily alter it from the layers panel once you’ve created your shape.</p>
<h3>Backgrounds with Blending Options</h3>
<p><em>Right Click </em>on your new shape layer, and select <strong>Blending Options.</strong></p>
<p>Select <em><strong>Gradient Overlay</strong></em>.  This is the area where we are going to set up our gradient background.  There is nothing tricky about this part.  Simply <strong>set up your gradient</strong> however you see fit.</p>
<p><em>Here is a glance of what I did:</em></p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/gradientoverlay.gif" alt="Gradient Overlay" /></p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/gradient-background.jpg" alt="Document with a Gradient Background" /></p>
<p>You might be thinking, <em>“All that work for this?” </em></p>
<p>Sure enough, we could have produced this exact effect with a simple click of the <em>gradient tool</em>, but <strong>take a look at what happens when you <em>resize</em>, or <em>reposition</em> the shape layer</strong>.</p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/reshape-and-resize.jpg" alt="Resizing and Repositioning the Shape Layer" /></p>
<p>As illustrated in the example above, the layer will recalculate the gradient each time you resize, and will reposition nicely so that you don’t have to recreate backgrounds over and over.</p>
<h3>Quickly Adjusting the Background Color</h3>
<p><img class="lt" src="http://www.tutorial9.net/wp-content/uploads/2008/02/hue-saturation-lightness.gif" alt="Hue Saturation &amp; Lightness Adjustment Layer" />Using <strong>Adjustment Layers</strong>, we can modify our background on the fly in just a few simple clicks.  In order to quickly edit <em><strong>Hue, Saturation, and Lightness</strong></em>, we need to create a new <strong>Hue/Saturation/Lightness Layer</strong> (<em>Layer &gt; New Adjustment Layer &gt; Hue/Saturation/Lightness</em>).</p>
<p><em><strong>NOTE: </strong>Be sure to create this layer above the Shape Layer ONLY!  This adjustment layer will effect all underlying layers.</em></p>
<p>Adjust the sliders presented to accommodate your preferences. Click Ok to save your adjustment. You can return to this adjustment layers settings at any time by double clicking the icon next to it in the Layers Panel.</p>
<p><img src="http://www.tutorial9.net/wp-content/uploads/2008/02/adjusted-layer.jpg" alt="Adjusted Background" /></p>
<h3>Conclusion</h3>
<p>It’s really simple to set up one of these backgrounds, and they can really improve your work flow if used properly. I’d suggest exploring some of the other adjustment layers, and seeing what helps you save the most time for your kind of work.</p>
<p>You can even use multiple adjustment layers to really control your graphics in an effective manner!</p>
<p>If you’d like to <strong>download the Photoshop Document</strong> we used for clarification, feel free to grab it <a title="Background Demo" href="http://www.tutorial9.net/wp-content/uploads/2008/02/background_demo.psd">here</a>.</p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 3: Create a Surreal Environment Using a Photo</strong></span></p>
<div class="lead-image"><img title="Create a Surreal Environment Using a Photo" src="http://www.tutorial9.net/wp-content/uploads/2008/08/surreal.gif" alt="Create a Surreal Environment Using a Photo" width="499" height="216" /></div>
<p>Lately, it has become popular to manipulate photos to create intense surreal environments. This tutorial will show you some of the ways to create such environments.</p>
<p><!-- banner DISABLED--></p>
<div class="info">
<h4>Surreal</h4>
<p>A dream-like or bizarre feel or look when compared to reality.</p></div>
<h3>Finished Example</h3>
<p>Let’s take a look at a finished example of a surreal environment.</p>
<div class="img"><a href="http://www.tutorial9.net/wp-content/uploads/2008/06/vibrantroad.jpg"><img class="alignnone size-medium wp-image-1155" src="http://www.tutorial9.net/wp-content/uploads/2008/06/vibrantroad-300x200.jpg" alt="" width="300" height="200" /></a></div>
<h3>Step 1 &#8211; Selecting a Photo</h3>
<p>After browsing some free stock photos at <a href="http://www.sxc.hu/">stock.xchng</a>, I finally decided on a picture of a road surrounded by daisies.</p>
<ul>
<li><a href="http://www.sxc.hu/photo/1008080">Road Image</a></li>
</ul>
<div class="img"><a href="http://www.sxc.hu/browse.phtml?f=download&amp;id=1008080"><img class="alignnone size-medium" src="http://storage.sxc.hu/f/fi/fishmonk/1008080_68033151.jpg" alt="Road" width="300" height="200" /></a></div>
<h3>Step 2 &#8211; Think of Some Concepts</h3>
<p>Now that I have my photo, I need to think of what I want to add to make it surreal. Since it is a curved road, I thought some <strong><em>vibrant tubes of light</em></strong> would create a nice effect. Also, since there were so many <strong><em>daisies</em></strong>, I wanted to make them <strong><em>appear to glow</em></strong>. I also wanted to add some <strong><em>more excitement into the empty sky</em></strong>.</p>
<p>Since I’m going to want some bright daisies and some glowing tubes of light, I’ll keep in mind that I may want to darken all the other parts of the photo.</p>
<h3>Step 3 &#8211; Fixing the Background</h3>
<p>I don’t like the tractor marks in the left field of daisies, so I’m going to use my <strong><a href="http://www.tutorial9.net/photoshop/retouch-and-healing-tools/">Clone Stamp Tool</a></strong> to clear them away. I’ll do the same for the tracks in the upper field too.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img class="alignnone size-full wp-image-1158" src="http://www.tutorial9.net/wp-content/uploads/2008/06/tractormarks.jpg" alt="Tractor Marks" width="497" height="126" /></a></div>
<h3>Step 4 &#8211; Adding the First Beam</h3>
<p>Create a path that winds up the road using the <strong><a href="http://www.tutorial9.net/photoshop/pen-tool-basics-in-photoshop/">pen tool</a></strong>. Make sure that it extends below the actual document some, so that the end isn’t rounded. Select a <strong>19px hard brush</strong> and set the <strong>Size Jitter Control</strong> to <strong>Fade</strong>, and give it a value around <strong>400</strong> or <strong>500</strong>. Then, set the <strong>Minimum Diameter</strong> to <strong>10%</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1161" src="http://www.tutorial9.net/wp-content/uploads/2008/06/fade.jpg" alt="Brush Settings" width="377" height="453" /></div>
<p>With your <strong>pen tool</strong> selected, right click and select <strong>Stroke Path</strong>. Select <strong>Brush </strong>from the drop down menu and make sure <strong>Simulate Pressure IS checked</strong>.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img class="alignnone size-full wp-image-1160" src="http://www.tutorial9.net/wp-content/uploads/2008/06/redpath.jpg" alt="Red Path" width="497" height="126" /></a></div>
<div class="note">
<h4>Fade Brush</h4>
<p>You may have to experiment with different values on your <strong>Fade </strong>in order to get it to fit the size of the path.</div>
<h3>Step 5 &#8211; Adding Layer Styles</h3>
<p>Go into your layers <strong>Blending Options <em>(Right Click Layer &gt; Blending Options)</em></strong>.</p>
<p>Apply the <a href="http://www.tutorial9.net/photoshop/photoshop/layer-styles-in-photoshop/">layer effects</a> shown below, making any modifications as needed.</p>
<h4>Outer Glow</h4>
<p>This will create a glow off of the tube of light. I used <strong>#ff0000</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1162" src="http://www.tutorial9.net/wp-content/uploads/2008/06/outerglow2.jpg" alt="Outer Glow" width="499" height="349" /></div>
<h4>Inner Glow</h4>
<p>This will create a lighter color starting from the center of the tube. I used <strong>#f75151</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1163" src="http://www.tutorial9.net/wp-content/uploads/2008/06/innerglow1.jpg" alt="Inner Glow" width="497" height="348" /></div>
<h4>Satin</h4>
<p>This will help to structure the shape of the tube.</p>
<div class="img"><img class="alignnone size-full wp-image-1165" src="http://www.tutorial9.net/wp-content/uploads/2008/06/satin1.jpg" alt="Satin" width="500" height="350" /></div>
<h4>Color Overlay</h4>
<p>This will replace the color of the tube with red. I used <strong>#ff0000</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1164" src="http://www.tutorial9.net/wp-content/uploads/2008/06/coloroverlay3.jpg" alt="Color Overlay" width="500" height="350" /></div>
<div class="img"><img class="alignnone size-full wp-image-1166" src="http://www.tutorial9.net/wp-content/uploads/2008/06/redeffects.jpg" alt="Red Effects" width="500" height="253" /></div>
<h3>Step 6 &#8211; Add a Unique Glow</h3>
<p>Our red tube is looking a little boring and not very vibrant. SO LETS BRIGHTEN IT UP!</p>
<p><strong>Duplicate </strong>your red tube <strong><em>(Right Click Layer &gt; Duplicate Layer)</em></strong>. Then, convert it into a <strong>Smart Object <em>(Right Click Layer &gt; Convert to Smart Object</em>)</strong>, so that we can easily apply and remove filters.</p>
<p>Now, lets apply the following <strong><a href="http://www.tutorial9.net/photoshop/photoshops-filters/">filters</a></strong>:</p>
<h4>Reticulation <em>(Filter &gt; Sketch &gt; Reticulation)</em></h4>
<p>Make sure you have <strong>black </strong>as your <strong>foreground color </strong>and <strong>white </strong>as your <strong>background color</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1167" src="http://www.tutorial9.net/wp-content/uploads/2008/06/reticulation.jpg" alt="Reticulation" width="499" height="253" /></div>
<h4>Chalk and Charcoal <em>(Filter &gt; Sketch &gt; Chalk &amp; Charcoal)</em></h4>
<p>Make sure you have <strong>black </strong>as your <strong>foreground color </strong>and <strong>white </strong>as your <strong>background color</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1168" src="http://www.tutorial9.net/wp-content/uploads/2008/06/chalkcharcoal.jpg" alt="Chalk and Charcoal" width="497" height="252" /></div>
<h4>Plastic Wrap <em>(Filter &gt; Artistic &gt; Plastic Wrap)</em></h4>
<div class="img"><img class="alignnone size-full wp-image-1169" src="http://www.tutorial9.net/wp-content/uploads/2008/06/plasticwrap.jpg" alt="Plastic Wrap" width="497" height="252" /></div>
<p>Finally, set the layer to <strong>Color Dodge</strong> and set the <strong>Opacity </strong>to <strong>44%</strong>.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img class="alignnone size-full wp-image-1170" src="http://www.tutorial9.net/wp-content/uploads/2008/06/filters.jpg" alt="Filters" width="497" height="126" /></a></div>
<h3>Step 7 &#8211; Intensify the Glow</h3>
<p><strong><em>Create a new layer</em></strong> and make a selection of your red tube <strong>(Ctrl+Click Thumbnail)</strong>. Set <strong>white </strong>as your <strong>foreground color</strong> and set a <strong>dark red color</strong> like <strong>#7c0707</strong> as your <strong>background color</strong>.</p>
<p>Go to <strong>Filter &gt; Render &gt; Clouds</strong>. Then, go to <strong>Filter &gt; Render &gt; Difference Clouds</strong>. By pressing <strong>Ctrl+F</strong>, you can now keep applying the previous filter you applied. So press <strong>Ctrl+F</strong> a few more times to apply <strong>Difference Clouds</strong> until you end up with a result you like <strong><em>(be sure it is red and white)</em></strong>. Now, set the layer to <strong>Linear Dodge</strong> and lower the <strong>opacity </strong>until you get an effect you are happy with.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img class="alignnone size-full wp-image-1171" src="http://www.tutorial9.net/wp-content/uploads/2008/06/glowintensity.jpg" alt="Glow Intensity" width="497" height="126" /></a></div>
<h3>Step 8 &#8211; Adding Sparkles</h3>
<p>Grab a <strong>3px brush</strong> and apply the following brush settings.</p>
<div class="img"><img class="alignnone size-full wp-image-1173" src="http://www.tutorial9.net/wp-content/uploads/2008/06/scatterbrushspacing.jpg" alt="Scatter Brush Spacing" width="375" height="455" /></div>
<div class="img"><img class="alignnone size-full wp-image-1174" src="http://www.tutorial9.net/wp-content/uploads/2008/06/scatterbrushscattering.jpg" alt="Scatter Brush Scattering" width="375" height="455" /></div>
<p>Then, <strong>on a new layer</strong>, brush some white sparkles all down the red tube. Then do the same thing with a nice red color. After, lower the <strong>opacity </strong>of the layer to <strong>40-50%</strong>.</p>
<div class="img"><img class="alignnone size-full wp-image-1175" src="http://www.tutorial9.net/wp-content/uploads/2008/06/sparkles.jpg" alt="Sparkles" width="499" height="254" /></div>
<h3>Step 9 &#8211; Adding More Colors</h3>
<p>Repeat the process with some more colors, and use <strong>layer masks</strong> to make them twist above and below each other. If you place all the layers for the green tube, for instance, into a <strong>new group</strong>, then you can create a layer mask on the group, and it will apply it to all of the green tube layers!</p>
<div class="img"><img class="alignnone size-full wp-image-1176" src="http://www.tutorial9.net/wp-content/uploads/2008/06/morecolors.jpg" alt="More Colors" width="499" height="253" /></div>
<div class="info">
<h4>Layer Masks</h4>
<p>A layer mask limits the visible area of a layer, without erasing it. Any area on the layer mask that is white, is visible. Any area that is black, is not visible. Any gray areas will change the opacity depending on how light or dark they are.</p></div>
<p><!-- mid DISABLED--></p>
<h3>Step 10 &#8211; Filling the Sky</h3>
<p>In order to create the effect in the sky, we need to create our own brush.</p>
<p><strong>Create a new document</strong> that is <strong>50×50px</strong>. Create a new layer and delete the background layer, since we want the background to be transparent. Then, create a rectangle that is <strong>10px wide </strong>by <strong>40px high</strong>. Then, <strong>duplicate</strong> it and <strong>rotate </strong>it <strong>90 degrees <em>(Edit &gt; Transform &gt; Rotate 90 degrees)</em></strong>. Once you’ve got your shape, go to <strong>Edit &gt; Define Brush Preset</strong>.</p>
<p><img class="alignnone size-full wp-image-1177" src="http://www.tutorial9.net/wp-content/uploads/2008/06/brush.jpg" alt="Brush" width="50" height="50" /></p>
<p>You can close the new document now that you have your brush. Select your brush, and set your <strong>foreground color</strong> to <strong>#335776</strong> and your <strong>background color</strong> to <strong>#6084a5</strong>. Then apply the following brush settings:</p>
<h4>Brush Tip Shape</h4>
<div class="img"><img class="alignnone size-full wp-image-1178" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crossshape.jpg" alt="crossshape" width="375" height="455" /></div>
<h4>Shape Dynamics</h4>
<div class="img"><img class="alignnone size-full wp-image-1179" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crossdynamics.jpg" alt="crossdynamics" width="375" height="455" /></div>
<h4>Scattering</h4>
<div class="img"><img class="alignnone size-full wp-image-1180" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crossscattering.jpg" alt="crossscattering" width="375" height="455" /></div>
<h4>Color Dynamics</h4>
<div class="img"><img class="alignnone size-full wp-image-1181" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crosscolordynamics.jpg" alt="crosscolordynamics" width="375" height="455" /></div>
<h4>Other Dynamics</h4>
<div class="img"><img class="alignnone size-full wp-image-1182" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crossotherdynamics.jpg" alt="crossotherdynamics" width="375" height="455" /></div>
<p>Add a <strong>layer mask</strong> to the layer after you brush in some plus signs. This way there is a transition from the full sky to the empty sky, and will be easier on the eyes.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img class="alignnone size-full wp-image-1183" src="http://www.tutorial9.net/wp-content/uploads/2008/06/crosssky.jpg" alt="crosssky" width="493" height="125" /></a></div>
<h3>Step 11 &#8211; The Darkening</h3>
<p>This image looks pretty decent as it is, but its going to look even better when the background items are darkened. This way, the lights will have more attention and focus in the scene.</p>
<p><strong>Create a new layer</strong> above your background. <a href="http://www.tutorial9.net/photoshop/painting-tools/"><strong>Fill </strong></a>it with <strong>black </strong>and set it to <strong>Overlay</strong>. By creating a layer mask and hiding the area of the layer over the daisies, we can make them appear to glow.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/create-a-surreal-environment-using-a-photo/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/06/overlay1.jpg" alt="" width="497" height="126" /></a></div>
<h3>Get Creative</h3>
<p>Even after you achieve a great effect, spend some time trying to improve it. It is rare to achieve the greatest outcome possible in one try. You may even want to start over from scratch, keeping in mind what you liked from before and what you want to change or include!</p>
<div class="img"><a href="http://www.tutorial9.net/wp-content/uploads/2008/06/vibrantroadbw.jpg"><img class="alignnone size-medium wp-image-1186" src="http://www.tutorial9.net/wp-content/uploads/2008/06/vibrantroadbw-300x200.jpg" alt="vibrantroadbw" width="300" height="200" /></a></div>
<div class="img"><span style="text-decoration: underline;"><strong>Tutorial# 4: Easy Photo Grunge Effect</strong></span></div>
<div class="img">
<p>In this tutorial, we’re going to explore some non-destructive image editing. With these techniques, you can bring out the best in an image, or absolutely destroy the graphic, but still keep the original photo intact.<br />
So to begin, find a photo that you’d like to make dirty. Something that might feel bland as is, and could use more of a grungy feel. Here is what I’ll be using:</p>
<p><img class="alignnone size-full wp-image-787" src="http://www.tutorial9.net/wp-content/uploads/2008/05/original-custom.jpg" alt="The original photo used in this tutorial" width="499" height="374" /></p>
<h3>Crank the Colors</h3>
<p>Now, we want to increase the contrast and the intensify colors of the photo, but do it in a non-destructive way (<em>by non-destructive, I simply mean we do not want to lose the data from the original image as we modify the appearance of our graphic</em>). How do we do this? We use layers, of course.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/duplicatehardlight.jpg"><img class="alignnone size-full wp-image-788" src="http://www.tutorial9.net/wp-content/uploads/2008/05/duplicatehardlight.jpg" alt="" width="217" height="310" /></a></p>
<p>First, <strong>Duplicate the Layer</strong>. Then, go to the layer’s blend modes and <strong>select Hard Light</strong>. This setting will <em>multiply any color darker than 50% grey and screen any color lighter</em>. In this case, since both the base layer and the blend layer are identical, the light colors become lighter and the dark colors become darker, <strong><em>with no quality lost</em></strong>.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/hardlightrollover.jpg" alt="The result of the added layer" width="498" height="186" /></a></div>
<p>As you can see, we’ve increased the image’s sharpness as well as its saturation.</p>
<h3>High Pass for Sharpness</h3>
<p>The High  Pass filter gives a photo that refined, sharp look that is hard to obtain using only a camera. Once again, this is a <em>non-destructive</em> way of adding more life to your photos.</p>
<p>Make a <strong>new duplicate of the original layer</strong>. For now, you can make the first duplicate invisible. <strong>Set the new duplicate’s blend to Hard Light</strong> as well.</p>
<p>Now, Go to <strong>Filters &gt; Other &gt; High Pass</strong>.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/highpassfiler.jpg"><img class="alignnone size-full wp-image-790" src="http://www.tutorial9.net/wp-content/uploads/2008/05/highpassfiler.jpg" alt="" width="317" height="336" /></a></p>
<p>The High Pass filter <em>sets it’s source image to 50% grey</em>, and as you increase the amount on the slider, it reveals more of the image, in higher contrast areas at first, <em>such as edges or lines</em>.</p>
<p>The amount you should use of the filters varies. <em>Too little causes no effect</em>. To much, and the image <em>gets halo’s and uneven blotches of more intense color</em>.  The the amount you should use really just depends on the kind of results you desire.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/highpassrollover.jpg" alt="The result of the added layer" width="500" height="187" /></a></div>
<div class="tip">
<h4>Mix and Match</h4>
<p><strong>Right now, in your layers panel, you should have three layers:</strong> the original as the background, the high pass layer, and then the direct duplicate. Both additional layers, if you haven’t tried by now, <strong>can be turned visible and invisibl</strong>e. Depending on your personal preference, you can choose one of these methods or the other, or even repeat a method, and combine these layers for different results. I just stuck to one of each layer for this image.</div>
<h3>Tint and Grain</h3>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/bothlayers-custom.jpg"><img class="alignnone size-full wp-image-792" src="http://www.tutorial9.net/wp-content/uploads/2008/05/bothlayers-custom.jpg" alt="" width="497" height="373" /></a></p>
<p>Now that our photo is more defined and sharper, we can add the finishing touches to really grunge it up.</p>
<p><strong>Create a new layer and set its blend mode to Overlay</strong>d. Pick two similar colors, one light and one dark to paint as a gradient. For this photo, I picked two browns, to give the image an earthen tone.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/gradient.jpg"><img class="alignnone size-full wp-image-793" src="http://www.tutorial9.net/wp-content/uploads/2008/05/gradient.jpg" alt="" width="418" height="117" /></a></p>
<p><strong>Fill the blank layer with the gradient</strong>. It can be vertical, horizontal, radial, whatever you find looks good. For this I chose a nice horizontal fade. If the color is a bit stronger than what you wanted, just lower the Fill amount to the point you’d like.</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/tintrollover.jpg" alt="The result of the added layer" width="500" height="187" /></a></div>
<p>Now, the image is tinted, and looking fantastic. <em>It’s time to mess it up a little</em>. Go to <strong>Filter &gt; Noise &gt; Add noise</strong>.  Make the noise <strong>monochromatic</strong>, and set it so somewhere around <strong>30%</strong>.</p>
<p><a href="http://www.tutorial9.net/wp-content/uploads/2008/05/noiseandblur.jpg"><img class="alignnone size-full wp-image-795" src="http://www.tutorial9.net/wp-content/uploads/2008/05/noiseandblur.jpg" alt="" width="498" height="414" /></a></p>
<p>The resulting grain looks good, but it’s a bit too <em>unnatural</em>. A Guassian Blur (<strong>Filter &gt; Blur &gt; Gaussian Blur</strong>) at about <strong>2 pixels</strong> smooths it all out, and <em>viola</em>!</p>
<div class="rolloverimage591"><a href="http://www.tutorial9.net/photoshop/easy-photo-grunge-effect/#"><img src="http://www.tutorial9.net/wp-content/uploads/2008/05/beforeafter.jpg" alt="The image before and after editing" width="498" height="186" /></a></div>
<p>We have a natural, sharp, dirty photo, and with very little effort!</p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 5: awesome image  editing of Caty<br />
</strong></span></p>
<p><strong>New Kitty</strong></p>
<p><a href="http://rookery1.plime.com/storage/405000/405003_572f.png" target="_blank"><img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty01.jpg" border="0" alt="" width="499" height="370" /></a></p>
<p>Well, they say there&#8217;s more than one way to skin a cat.<br />
But I personally  find it easiest (and least messy) to do it with a zipper.<br />
In this tutorial,  I&#8217;m gonna show how I pull off the unzipping effect using quick, simple methods,  to give my kitty here a fresh new start on life.</p>
<p>1. So let&#8217;s get right into this thing and open her up.<br />
I started off by  selecting the top half of the kitty&#8217;s face and pasting it onto a new  layer.<br />
Then, using the Distort tool, I offset the face in an angle as shown  here.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty02.jpg" alt="" width="498" height="343" /></p>
<p>Then did the same thing to the bottom half so that both halves form a fan,  framing the original face.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty03.jpg" alt="" width="498" height="343" /></p>
<p>Using the Eraser tool set at 100% opacity, I spent a little time cleaning the  edges of the kitty and also extracted the eyes from the sockets of our newly  pasted face halves.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty04.jpg" alt="" /></p>
<p>2. At this point, I decided to change the color of the inner cat to help  differentiate between the two<br />
Let&#8217;s go with a cute new grey kitten. I copied  the inner cat&#8217;s face onto a new layer. Then, using the Lasso tool I selected the  areas I wanted to remain saturated (ie. the eyes, nose).<br />
I then inverted the  selection (Ctrl + i) and with our kitty&#8217;s face now in selection, I dropped the  saturation level of this layer by -80.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty05.jpg" alt="" width="499" height="344" /></p>
<p>3. Next was to add some basic shadows on the cat&#8217;s face. I did this simply by  taking a soft black brush (set to about 15% opacity) and painting over the edges  and crevaces on a new layer.<br />
I set this layer&#8217;s blend mode to &#8220;overlay&#8221; to  give the inner kitty a little more pop.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty06.jpg" alt="" width="500" height="344" /></p>
<p>Then, with the same brush (this time set much higher in opacity, 40-50%), I  went on to darken the shadows around the edges.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty07.jpg" alt="" /></p>
<p>4. Now, it&#8217;s finally time to add the zipper in. This step is probably the  easiest part, in fact.<br />
I imported a source pic of a zipper that generally fit  the perspective I was looking for.<br />
I extracted the zipper&#8217;s pull tab first  and copied it onto a new layer. Using the Move tool, I rotated and resized it  (note: holding shift to constraint the zipper&#8217;s proportions) and placed it so it  would situate under our human&#8217;s finger.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty08.jpg" alt="" width="499" height="344" /></p>
<p>I did the same thing for the actual teeth of the zipper, taking small  segments at a time and placing it around the edge of our outer cat&#8217;s  face.<br />
Emphasis on the &#8220;small segments&#8221;. Especially when following along the  more curvy paths and using limited zipper sources, though it may seem tedious,  keeping your segments small and numerous will leave you with complete control  over these trouble areas.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty09.jpg" alt="" width="498" height="343" /></p>
<p>I did this until both sides were completely lined with zipper teeth.</p>
<p>And lastly, I copied the tip of the finger off our original source and pasted  it over the zipper&#8217;s pull tab to situate the tab underneath.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/kitty_files/kitty10.jpg" alt="" width="496" height="700" /></p>
<p>And there you have it. Thanks to your friends at Aviary, a quick, easy,  efficient way to skin a cat.</p>
<p><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=1ca2ede0-3139-102b-844c-0030488e168c" target="_blank">Full layered file</a></p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 6: awesome </strong><strong>&#8220;How I Make Chocolate&#8221;</strong></span></p>
<p><img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/chocoartemis.jpg" alt="" width="498" height="665" /></p>
<p>Like anything, there are plenty of different ways to go about creating  chocolate.<br />
But for those of you who are like me, and just don&#8217;t have the time  to harvest cacao seeds in this day and age, I&#8217;m going to show how we can create  everyone&#8217;s favorite food right here in Phoenix.<br />
The techniques I use in this  image can be applied to many different types of images that involve melting, or  general liquifying and smudging.</p>
<p>The first step is to find a source image.<br />
Doing a quick search for  statues, I came across this wonderful image of the mythological, Artemis, who&#8217;ll  be our lucky chocolate covered victim today.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc01.jpg" alt="" width="499" height="667" /></p>
<p>Although, realistically, any image would work, I prefer sticking to images  like these with very well defined ridges with stong contrasting lights and  shadows.<br />
They&#8217;ll make for a more interesting picture in the long run.</p>
<p>1. The first thing I do is desaturate the entire statue, and smooth out any  glaring dirty or rough areas with either the blur tool or smudge.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc02.jpg" alt="" width="499" height="668" /></p>
<p>2. The second step is really your call. Some would prefer to color the statue  at this point. It really doesn&#8217;t make a huge difference.<br />
But I really can&#8217;t  wait to get to the fun part, the smudging. So I do that step here.<br />
I look  for any protruding areas first, such as the nose and chin, and lay down my  thickest drips here, using the Liquify Tool set at 4/10 power.<br />
Then, still  with the liquify tool, using miniscule circular motions towards the base of the  drip to create our blob-like ends.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc03.jpg" alt="" width="498" height="384" /></p>
<p>We continue to do that throughout our entire image, creating drips in and  around the ridges of the figure.<br />
Note, be aware of the contours of your  figure, and smudge your drips so that they flow accordingly.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc04.jpg" alt="" width="500" height="669" /></p>
<p>And after we&#8217;re done that, you should be left with something like  this.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc05.jpg" alt="" width="499" height="667" /></p>
<p>I swear, it&#8217;s easy to get carried away in this stage once you get into the  dripping groove, so make sure to step back every so often to make sure you&#8217;re  not going overboard with the drips, or risk completely losing any sense of  realism.</p>
<p>3. Since grey chocolate is not on anyone&#8217;s list of favorite confectionaries,  let&#8217;s give her some color now.<br />
Using the Brush tool set to a dark brown tone,  I painted over the entire figure on a new layer, then set this layer to &#8220;Hard  Light&#8221;<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc06.jpg" alt="" width="499" height="292" /></p>
<p>Remember, you don&#8217;t need to get the color perfectly on the first shot. You  can always go ahead and adjust the hue and saturation levels once the figure is  covered and you can see exactly how the Hard Light blend mode affects your  image.</p>
<p>4. Now she&#8217;s starting to look a little tasty. But let&#8217;s make her more  shiny.<br />
I do this first by using a white Brush Tool and painting over key  areas lightly. Following the general highlighted area of the original lighting,  all we&#8217;re doing here is enhancing what&#8217;s already there.<br />
I then set this layer  to &#8220;Overlay&#8221;.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc07.jpg" alt="" width="499" height="333" /></p>
<p>Then using a black brush, I did the exact opposite and painted in the  shadowed areas to enhance the contrast of the image overall.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc08.jpg" alt="" width="499" height="668" /></p>
<p>Then lowered the opacity as I saw fit.</p>
<p>5. At this point, our chocolate friend is just about finished. But a few  finishing touches can help give it that extra pop.<br />
I did this simply by  taking a white brush again, but this time set to 100% opacity and painted in  small overblown highlighted spots in the middle of key highlighted  areas.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/choc09.jpg" alt="" width="500" height="669" /></p>
<p>And voila, dessert is served.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/chocolate_files/chocoartemis.jpg" alt="" width="499" height="667" /><br />
A quick and easy way for you to to  create chocolate, while your friends are still busy grinding away at their cacao  nibs.</p>
<p><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=995c148e-2cf6-102b-844c-0030488e168c" target="_blank">Full layered file</a></p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 7: awesome </strong><strong>&#8220;</strong><strong>The Making of a Robot Frog</strong></span><span style="text-decoration: underline;"><strong>&#8220;</strong></span></p>
<p><strong><br />
</strong></p>
<p><a href="http://rookery1.plime.com/storage/406500/406781_cd26.png" target="_blank"><img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot.jpg" border="0" alt="" /></a></p>
<p>In this tutorial, I&#8217;m basically emphasizing the importance of spending that  extra time in the planning stage of your images &#8211; finding the most suitable  source images and even sketching out your basic compositions before the actual  image creation stage.<br />
After all, why create more work for yourself when you  don&#8217;t need to?</p>
<p>1. So the first step was to prepare my source materials.<br />
First off, I  started with a frog. Any animal will do, but I prefer to stick with animals with  an easily identifiable figure.<br />
Once we go on to cover our figure in metal, we  want the underlying figure to still read clearly regardless of the material he&#8217;s  contructed from.<br />
Then I went and gathered various chrome, engine, and robotic  parts. While doing this, I kept on the lookout of pieces that had a relatively  similar tone in reflection to them.<br />
Of course, you can always apply the  necessary changes to nonuniform source images, but it&#8217;s always easier to spend  the time now in the initial source hunt stage instead of trying to fix them all  later. It just makes sense.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbotsource.jpg" alt="" width="499" height="297" /></p>
<p>2. Okay, so now time to start drawing out a blueprint for our mode of attack  on this image.<br />
Still in the planning stage, I spent a little time sketching  out the basic outline of our image, laying out where I want my segments to  lay.<br />
Knowing where and what shapes I&#8217;ll need makes the whole process a lot  easier, trust me.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot01.jpg" alt="" /></p>
<p>3. So now armed with our ground plan and source images, it&#8217;s all a matter of  following our outline.<br />
Using the Lasso tool, I roughly selected these areas  and pasted it over my sketched segments.<br />
Then it was all a matter of skewing  the pieces to fit our blueprint as best I could.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot02.jpg" alt="" /></p>
<p>And I did this until the figure was covered.<br />
As an aside, I like to start  with the pieces furthest from the camera, then work my way forward as much as I  can.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot03.jpg" alt="" /></p>
<p>For the frog&#8217;s mouth, I needed a wider piece of chrome.<br />
I decided to use  an image of a faucet for this part, since it&#8217;s a nice longer piece and fit the  shape of the mouth relatively well.<br />
So again, I just extracted the pipe, and  used the Distort tool to form it around the mouth area.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot04.jpg" alt="" width="500" height="700" /></p>
<p>4. There, now we have the frog covered to my liking.<br />
But I noticed a few  remnants of the original background remained on the edges.<br />
No problem, easy  fix.<br />
Using the Clone Stamp Tool, I sampled a clean area of the background  and just painted over our unsightly areas.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot06.jpg" alt="" width="499" height="356" /></p>
<p>5. Now that I&#8217;m satisfied with the look of the basic figure, it&#8217;s time to add  a few shadows to this guy.<br />
I did this by creating new layers sandwiched in  between each of our chrome segment layers.<br />
Then, on these layers, using a  soft black brush, I painted in shadows underneath our chrome segments following  the contours of the pieces directly below.<br />
This should add a little more  depth to the figure and also isolate each of the segments a little  better.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot08.jpg" alt="" width="496" height="354" /></p>
<p>And finally, to further accentuate the shadows, I added a few slight  highlights to the edges of our pieces.<br />
I did this with a small white brush  just painting over our edges and existing highlighted areas.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/frog_files/ribbot10.jpg" alt="" width="499" height="356" /></div>
<div class="img">So you see, just as nearly anything, spending that extra time in the early  preparation stages always saves you time in the long run.<br />
After all, why  create a robot if you won&#8217;t even have time to enjoy him?</div>
<div class="img"><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=852cd6ce-31f1-102b-844c-0030488e168c" target="_blank">Full layered file</a></div>
<div class="img">
<p><span style="text-decoration: underline;"><strong>Tutorial# 8: awesome </strong><strong>&#8220;</strong><strong>Smokin&#8217; Woman</strong></span><span style="text-decoration: underline;"><strong>&#8220;</strong></span></p>
<p>In this tutorial, I&#8217;m going to show how to create one smokin&#8217; woman using a  couple source pics, and just a few of the features associated with  Phoenix.<br />
So follow along and I&#8217;ll try to share a few secrets into some of the  magic, without the smoke and mirrors.<br />
Well, maybe a little smoke.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smokinwoman.jpg" alt="" /></p>
<p>With the general idea already in my mind, I needed to find a suitable  background image.<br />
The image I found turned out perfect because of the line of  direction of the main figure&#8217;s vision. He&#8217;s looking directly where we&#8217;re going  to place our smoke, creating unity among our elements. How convenient!<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke01.jpg" alt="" /></p>
<p>1. The first step was to remove most of the smoke from the original image, as  we&#8217;ll be bringing in our own later on.<br />
I did this simply by taking the Clone  stamp tool, shift-clicking a clean area of the background to sample, and  painting over the smoke covered areas with our selected sample.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke02.jpg" alt="" /><br />
It doesn&#8217;t need to be perfect at this point,  as most of it will be covered by the end anyways.</p>
<p>2. Next, I brought in a high contrast image of a model. Not only do the  natural stark shadows and highlights of this image look good, but hey, the  contrast will do half the work for us in the long run.<br />
Using a combination of  the Move and Distortion tools, I resized and situated the model right where we  want her.<br />
Then set the layer&#8217;s blend mode to &#8220;Screen&#8221;.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke03.jpg" alt="" width="499" height="396" /></p>
<p>3. Now that we have our basic composition in place, it&#8217;s time to get to the  real action.<br />
Using the liquify tool, I smudged the edges of the figure and  pulled out trails to draw a smokey effect.<br />
I did that until I was left with a  wispy looking figure.<br />
And remember, the more work you do in this stage, the  less time it&#8217;ll take to cover your overlooked areas later on.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke04.jpg" alt="" width="498" height="396" /></p>
<p>It&#8217;s almost good to go just as is, if I do say so myself.<br />
But since we  saved time by finding excellent source pics to begin with, let&#8217;s spend our free  time fine tuning this thing up.</p>
<p>4. Our lady could always be more smokin&#8217;. And what&#8217;s more smokin&#8217; than, well,  smoke?<br />
Using the Lasso tool, I copied and pasted a segment from an image of  actual smoke onto a new layer.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke05.jpg" alt="" /><br />
I set  this layer to &#8220;Screen&#8221;, just as we did with the woman. Using the Move tool, I  resized the piece to situate around our lady friend.<br />
I repeated that step  numerous times until our lady was covered entirely hiding my earlier (now  hideous in comparison) attempts to freehand the smoke entirely.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke06.jpg" alt="" width="499" height="396" /></p>
<p>5. Now we&#8217;re getting somewhere! But I still wanted to expose a few of the  highlights of the smoke a bit more. Just to give it that extra pop.<br />
I did  this by using a white brush to paint a rough outline around the figure on a new  layer, then set this layer to &#8220;Overlay&#8221;.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke07.jpg" alt="" width="499" height="397" /></p>
<p>6. Then, as a final touch, I filled the entire image in a light blue on a new  layer, then set this layer to &#8220;Overlay&#8221;, and set the opacity to 25%.<br />
Of  course, this step is not 100% necessary, but it adds a little extra mood and  brings the whole image together harmoniously.<br />
<img src="http://aviary.com/images_orig/blog/tutorials/smoke_files/smoke08.jpg" alt="" width="498" height="396" /></p>
<p>And there you have it. With the magic of Phoenix, you&#8217;ve created the smokin&#8217;  woman of your dreams.</p>
<p><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=7ba5b51e-2cc7-102b-844c-0030488e168c" target="_blank">Full layered file</a></p>
<p><span style="text-decoration: underline;"><strong>Tutorial# 9: &#8220;Reptilian Overlords!</strong><strong></strong></span><span style="text-decoration: underline;"><strong>&#8220;</strong></span></p>
<div class="comment-content"><span id="commentText13236"></p>
<div class="body">I&#8217;ll be showing you the steps I took in creating an image similar to the one I did for  <a rel="nofollow" href="http://aviary.com/redir?http://a.viary.com/blog/posts/hillary-clinton-sheds-some-skin-in-aviary" target="_blank">this</a> video.<br />
Using these sources, we&#8217;re gonna attempt to reptilianize (it&#8217;s a real word now) the woman on the left.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/sources.jpg" alt="" /></p>
<p>I don&#8217;t mean to stereotype, but I always assumed aliens would be bald.<br />
So let&#8217;s get rid of her hair first.<br />
I did this by using my source of the bald man and copied and pasted it onto a new layer.<br />
Using the Move tool, I then resized it to fit the proportions of the woman.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a01.jpg" alt="" /></p>
<p>Because of the high contrast in the bald man image, I opened up the Brightness/Contrast Menu under the &#8220;Image&#8221; tab, and simply lowered the contrast until it fit in with the rest of the image.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a02.jpg" alt="" /></p>
<p>Then using the Eraser tool set to it&#8217;s lowest Hardness setting, I softened the edges to blend in better.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a03.jpg" alt="" /></p>
<p>In order to remove the remaining visible edges of hair, I took the Clone Stamp tool and sampled a clean area of the background and painted in the areas I wanted covered.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a04.jpg" alt="" /></p>
<p>I wanted to add a little more definition to her face.<br />
Using our bald man source again, I used the Lasso tool to select the area under his eye where we see a lot of nice definition. I pasted this onto a new layer and using the Distort Tool, I situated the segment to fit our female figure&#8217;s face.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a05.jpg" alt="" /></p>
<p>And did the same with a few other facial areas until I was happy with her general look.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a06.jpg" alt="" /></div>
<p></span></div>
<p><a name="13237"></a></p>
<div id="comment13237" class="comment"><a href="http://aviary.com/artists/meowza"><img class="thumbnail avatar" style="width: 54px; height: 54px;" src="http://rookery1.plime.com/storage/383500/383817_374f_sqr.png" alt="meowza" /></a></p>
<div class="comment-content">
<h4><a href="http://aviary.com/artists/meowza"><img class="badge-small" title="Staff" src="http://aviary.com/images/badges/Staff_s.png" alt="Staff" /> meowza</a> <span class="details">posted  11 months ago</span></h4>
<div class="body">Now we&#8217;ll use the power of the &#8220;Overlay&#8221;!<br />
Wanting to add the scaley reptilian texture to our figure, I found a nice picture of a snake that had well defined texture.<br />
I selected a segment of this source and pasted it onto a new layer. Using the Distort, again I was able to rotate and skew it to fit our female.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a07.jpg" alt="" /></p>
<p>After I was happy with it&#8217;s general placement, I destaurated the layer and applied the &#8220;Overlay&#8221; blend mode.<br />
And, like magic, the segment texturizes our female&#8217;s face for us.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a08.jpg" alt="" /></p>
<p>I continued the same process throughout her face, pasting and Overlaying scaley segments. And using the Eraser Tool, I just simple softened the edges to blend.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a09.jpg" alt="" /></p>
<p>As an added effect, I decided to color the female&#8217;s eyes black simply by taking a 100% alpha brush and painting them in, leaving a few shiny spots for effect.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a10.jpg" alt="" /></p>
<p>But let&#8217;s go back to having fun with Overlay!<br />
In order to give her skin a green complexion, I created a new layer and coloured her exposed skin areas in a green tone.<br />
Then, by setting this blend mode to Overlay and dropping the Alpha by about 50%, we get a nice greenish hue all the Reptilian Women in Alpha Draconis are aiming for these days.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a11.jpg" alt="" /></p>
<p>And there you have it.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/alien/a12.jpg" alt="" /></p>
<p>I, for one, welcome our Reptilian Overlords.</p></div>
<div class="body"><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=6bc8dca4-57cc-102b-a5ee-0030488e168c" target="_blank">Full layered file</a></div>
<div class="body">
<p><span style="text-decoration: underline;"><strong>Tutorial# 10: &#8220;Basic Shadows</strong></span><span style="text-decoration: underline;"><strong>&#8220;</strong></span></p>
<div class="comment-content"><span id="commentText13280"></p>
<div class="body">Here&#8217;s a few tips on creating basic shadows in Phoenix.</p>
<p>For my example, I&#8217;ll attempt to place the apple into the following street pic.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/sources.jpg" alt="" /></p>
<p>First, I&#8217;ll extract my apple and place it where I want.<br />
You can extract the apple using a number of different methods. I used the method described  <a rel="nofollow" href="http://aviary.com/redir?http://a.viary.com/thread?tid=497" target="_blank">here</a> .<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a01.jpg" alt="" /></p>
<p>So first thing I do is fill in the shape of the element we want shadowed in black.<br />
I did this by selecting the outside of the Apple with the magic wand, then pressing Ctrl+i to invert my selection so only my apple was selected.<br />
I used the Fill tool to create my base.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a03.jpg" alt="" /></p>
<p>To place the shadow where I want, I used the Distort Tool.<br />
Following the car&#8217;s shadow as a guide, I made sure my apple&#8217;s shadow follows the same light direction.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a04.jpg" alt="" /></p>
<p>I then dropped the Alpha of this layer to about 45%, to match the car.<br />
But we can see the car&#8217;s shadow has a strong blue tint to it. So we want to emulate that for ours.<br />
I did this by first selecting my color.<br />
Using the Eye Dropper Tool, I selected some of the blue from the car&#8217;s shadow.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a05.jpg" alt="" /></p>
<p>I selected the apple shadow with the magic wand, and on a new layer I filled the area in with the blue color.<br />
Setting this layer&#8217;s blend mode to Overlay, the apple&#8217;s shadow took on the same hue of the car&#8217;s shadow.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a06.jpg" alt="" /></div>
<p></span></div>
<p><a name="13281"></a></p>
<div id="comment13281" class="comment"><a href="http://aviary.com/artists/meowza"><img class="thumbnail avatar" style="width: 54px; height: 54px;" src="http://rookery1.plime.com/storage/383500/383817_374f_sqr.png" alt="meowza" /></a></p>
<div class="comment-content">
<h4><a href="http://aviary.com/artists/meowza"><img class="badge-small" title="Staff" src="http://aviary.com/images/badges/Staff_s.png" alt="Staff" /> meowza</a> <span class="details">posted  11 months ago</span></h4>
<div class="body">Because shadows are never uniform in tone, I applied a light Gradient over it.<br />
Making sure the base of the shadow closest to the apple remains darker and lightens slightly as it reaches the furthest point.<br />
I did this by applying a Gradient fill on a new layer and setting this layer to Overlay.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a07.jpg" alt="" /></p>
<p>Because we&#8217;ve already determined the light is coming from the top left of the apple, we need to hide the back of the apple in shadow as well.<br />
So I selected the apple once again and with a black brush set to only 4% alpha, I lightly painted in the back of the apple a little shaded area.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a08.jpg" alt="" /></p>
<p>And on the left and top sides where the light would be hitting the apple, we painted in these areas in white and applied the Overlay blend mode to make these sections pop as if they&#8217;re being hit with the sunlight.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a09.jpg" alt="" /></p>
<p>And finally, I did the same on the bottom, painting in a slight reflection of the concrete onto the reflective apple surface.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a10.jpg" alt="" /></p>
<p>And that was that. An apple that fits a little nicer into his environment now.<br />
<img style="max-width: 450px;" src="http://www.pwnedcake.com/Aviary/tut/basicshadow/a11.jpg" alt="" /><br />
<a rel="nofollow" href="http://aviary.com/redir?http://a.viary.com/imagedetail?fguid=8fb98a6c-57ec-102b-a5ee-0030488e168c" target="_blank"></a><br />
If you have your own techniques or secrets for drawing shadows, share them!</div>
<div class="body"><a class="author" rel="nofollow" href="http://a.viary.com/imagedetail?fguid=8fb98a6c-57ec-102b-a5ee-0030488e168c" target="_blank">Full layered file</a></div>
</div>
</div>
</div>
</div>
</div>
</div>
]]></content:encoded>
			<wfw:commentRss>http://www.tutoriallounge.com/2009/04/10-image-editing-tutorials-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

