<?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/"
	>

<channel>
	<title>Tutorial Pear</title>
	<atom:link href="http://tutorialpear.com/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorialpear.com</link>
	<description>Photoshop tutorials</description>
	<pubDate>Sat, 28 Mar 2009 11:53:17 +0000</pubDate>
	
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>A Flaming Photo Manipulation (Fire Photo Effect)</title>
		<link>http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/</link>
		<comments>http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/#comments</comments>
		<pubDate>Sun, 22 Mar 2009 12:24:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects [Videos Only]]]></category>

		<guid isPermaLink="false">http://www.7x69x1qif5v7dc65ajy.mrhrk01.com/2009/03/hd-how-to-make-a-cool-fire-effect-in-photoshop-a-flaming-photo-manipulation/</guid>
		<description><![CDATA[Learn how to create a wicked fire photo effect


Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355" data="http://www.youtube.com/v/eq10YHvlU58&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/eq10YHvlU58&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" /></object></p>
<p>This is an video on how to make a fireman or woman <strong>effect</strong> in phototshop. This <strong>effect</strong> looks similar to one of the fantastic four: the human torch. If you want to give it a more human torch feel apply the fire wraping around the whole body.</p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Black/White Photo Effect</title>
		<link>http://tutorialpear.com/2009/03/21/blackwhite-photo-effect/</link>
		<comments>http://tutorialpear.com/2009/03/21/blackwhite-photo-effect/#comments</comments>
		<pubDate>Sat, 21 Mar 2009 17:24:08 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects [Videos Only]]]></category>

		<guid isPermaLink="false">http://www.7x69x1qif5v7dc65ajy.mrhrk01.com/2009/03/tutorial-photoshop-photo-effect-by-gemedj89/</guid>
		<description><![CDATA[A black/white photo effect photoshop tutorial



Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li><li><a href='http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/' rel='bookmark' title='Permanent Link: A Flaming Photo Manipulation (Fire Photo Effect)'>A Flaming Photo Manipulation (Fire Photo Effect)</a> <small>Learn how to create a wicked fire photo effect...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355" data="http://www.youtube.com/v/4O49joUCjvM&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/4O49joUCjvM&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" /></object></p>
<p>A black/white photo effect photoshop tutorial</p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li><li><a href='http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/' rel='bookmark' title='Permanent Link: A Flaming Photo Manipulation (Fire Photo Effect)'>A Flaming Photo Manipulation (Fire Photo Effect)</a> <small>Learn how to create a wicked fire photo effect...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/21/blackwhite-photo-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Using layers for effects</title>
		<link>http://tutorialpear.com/2009/03/20/using-layers-for-effects/</link>
		<comments>http://tutorialpear.com/2009/03/20/using-layers-for-effects/#comments</comments>
		<pubDate>Fri, 20 Mar 2009 12:16:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects [Videos Only]]]></category>

		<guid isPermaLink="false">http://www.7x69x1qif5v7dc65ajy.mrhrk01.com/2009/03/photoshop-tutorial-on-using-layers-for-effects/</guid>
		<description><![CDATA[How to cut out an image in Photoshop and stack layers to create image effects.



No related posts.]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355" data="http://www.youtube.com/v/PlWfZeyvk9Y&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/PlWfZeyvk9Y&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" /></object></p>
<p><strong>Tutorial</strong> on how to cut out an image in <strong>Photoshop</strong> and stack layers to create image <strong>effects</strong>.</p>


<p>No related posts.</p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/20/using-layers-for-effects/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Sepia Effect: Photoshop Tutorial!</title>
		<link>http://tutorialpear.com/2009/03/19/sepia-effect/</link>
		<comments>http://tutorialpear.com/2009/03/19/sepia-effect/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 13:39:54 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects [Videos Only]]]></category>

		<guid isPermaLink="false">http://www.7x69x1qif5v7dc65ajy.mrhrk01.com/2009/03/sepia-effect-photoshop-tutorial/</guid>
		<description><![CDATA[Learn how to create a sepia effect for your images both using adjustment layers and using a duotone image.



Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355" data="http://www.youtube.com/v/SygONqhLfc4&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/SygONqhLfc4&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" /></object></p>
<p>Learn how to create a sepia <strong>effect</strong> for your images both using adjustment layers and using a duotone image.</p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/19/wedding-photo-effect/' rel='bookmark' title='Permanent Link: Soft Focus Wedding Photo Effect'>Soft Focus Wedding Photo Effect</a> <small>Here is a great little effect that adds a whole...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/19/sepia-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Soft Focus Wedding Photo Effect</title>
		<link>http://tutorialpear.com/2009/03/19/wedding-photo-effect/</link>
		<comments>http://tutorialpear.com/2009/03/19/wedding-photo-effect/#comments</comments>
		<pubDate>Thu, 19 Mar 2009 13:39:25 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects [Videos Only]]]></category>

		<guid isPermaLink="false">http://www.7x69x1qif5v7dc65ajy.mrhrk01.com/2009/03/hd-soft-focus-wedding-photo-effect-photoshop-tutorial/</guid>
		<description><![CDATA[Here is a great little effect that adds a whole lot of &#8220;mood&#8221; to an image by softening and increasing contrast and also features a vignette around the focal point of your choosing. 


Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/' rel='bookmark' title='Permanent Link: A Flaming Photo Manipulation (Fire Photo Effect)'>A Flaming Photo Manipulation (Fire Photo Effect)</a> <small>Learn how to create a wicked fire photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/21/blackwhite-photo-effect/' rel='bookmark' title='Permanent Link: Black/White Photo Effect'>Black/White Photo Effect</a> <small>A black/white photo effect photoshop tutorial ...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p><object width="425" height="355" data="http://www.youtube.com/v/ReQthhKHVz0&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" type="application/x-shockwave-flash"><param name="wmode" value="transparent" /><param name="src" value="http://www.youtube.com/v/ReQthhKHVz0&amp;f=videos&amp;app=youtube_gdata&amp;showsearch=0" /></object></p>
<p>Here is a great little <strong>effect</strong> that adds a whole lot of &#8220;mood&#8221; to an image by softening and increasing contrast and also features a vignette around the focal point of your choosing. The beauty of this technique is that by using adjustment layers we have full control over the final effect&#8217;s strength and color. This one is a great tutorial for Photographers of any type. </p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/22/a-flaming-photo-manipulation-fire-photo-effect/' rel='bookmark' title='Permanent Link: A Flaming Photo Manipulation (Fire Photo Effect)'>A Flaming Photo Manipulation (Fire Photo Effect)</a> <small>Learn how to create a wicked fire photo effect...</small></li><li><a href='http://tutorialpear.com/2009/03/21/blackwhite-photo-effect/' rel='bookmark' title='Permanent Link: Black/White Photo Effect'>Black/White Photo Effect</a> <small>A black/white photo effect photoshop tutorial ...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/19/wedding-photo-effect/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Devilish Snake Eyes Photo Effect</title>
		<link>http://tutorialpear.com/2009/03/14/snake-eyes/</link>
		<comments>http://tutorialpear.com/2009/03/14/snake-eyes/#comments</comments>
		<pubDate>Sat, 14 Mar 2009 15:46:51 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Photo Effects]]></category>

		<guid isPermaLink="false">http://tutorialpear.com/?p=409</guid>
		<description><![CDATA[Learn how to create an aewsome snake eyes photo effect in photoshop.


Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2008/11/15/full-web-template/' rel='bookmark' title='Permanent Link: Full Web Template!'>Full Web Template!</a> <small>Learn how to create a beautiful but simple web template...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this Tutorial we will be creating a snake eyes photo effect. <strong>It is always recommended that you register and refer to the .PSD. </strong></p>
<p>Here’s a Preview of our final product:</p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/Result.jpg"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/Result.jpg" title="Snakes Eyes Photo Effect " class="alignnone" /></a></p>
<p><strong>Step 1:</strong></p>
<p>Start with a photo file, grab the stock photo below to follow through the tutorial.</p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/1.jpg"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/1.jpg" title="Stock Photo" class="alignnone"/></a></p>
<p><strong>Step 2:</strong><br />
Duplicate the Stock Photo layer then apply a blur effect through Filter > Blur > Gaussian Blur, you may use the setting shown below.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/2b.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/2b.gif" title="Gausian Blur Effect" class="alignnone" /></a></p>
<p><strong>Result of applying the Gaussian Blur effect:</strong><br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/2.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/2.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 3:</strong><br />
Under Layer Style(Layer > Layer Style) add a Pattern Overlay blending option to your stock photo layer. Then set the layer&#8217;s blending mode to Color Burn at 64 % opacity level.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/3b.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/3b.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Result of applying the pattern overlay blending mode:</strong><br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/3.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/3.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 4:</strong><br />
Create a new layer then draw a random black shape like you see below, use the Polygonal Lasso Tool to make the shape. Then apply a motion blur through Filter > Blur, use the setting below.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/4b.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/4b.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Result of applying the motion blur effect:</strong><br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/4.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/4.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 5:</strong><br />
Under Layer Style(Layer > Layer Style) add a Gradient Overlay and Pattern Overlay blending options to your black shape layer from the last step. Then set the layer&#8217;s blending mode to Soft Light.</p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5b.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5b.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5c.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5c.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Result of applying the grdient &#038; pattern overlay in Step 5:</strong><br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/5.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 6:</strong><br />
Duplicate the shape effect layer from step five and position it anywhere on the face.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/6.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/6.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 7:</strong><br />
Now duplicate the shape effect layer again and apply a wave effect through Filter > Distort > Wave, apply the settings below.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/7b.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/7b.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Result of applying the distortion:</strong><br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/7.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/7.gif" title="Stock Photo" class="alignnone" /></a></p>
<p><strong>Step 8:</strong><br />
Now add more swirly black lines all over the eyes, make each shape unique through Edit > Transform. You can resize, rotate, skew etc through the transform setting.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/8.gif"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/8.gif" title="Stock Photo" class="alignnone" /></a></p>
<p>Here’s a view of our final product:</p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/Result.jpg"><img alt="" src="http://tutorialpear.com/wp-content/uploads/2009/03/snakeEffect/Result.jpg" title="Snakes Eyes Photo Effect" class="alignnone" /></a></p>
<p><!--hideit--><br />
<strong>Member PSD&#8217;s:</strong><br />
<a href="http://tutorialpear.com/memberpsd/rgrgrg.psd">Snakes Eyes PSD</a></p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2008/11/15/full-web-template/' rel='bookmark' title='Permanent Link: Full Web Template!'>Full Web Template!</a> <small>Learn how to create a beautiful but simple web template...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2009/03/14/snake-eyes/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Full Web Template #2</title>
		<link>http://tutorialpear.com/2008/11/19/full-web-template-2/</link>
		<comments>http://tutorialpear.com/2008/11/19/full-web-template-2/#comments</comments>
		<pubDate>Thu, 20 Nov 2008 03:22:35 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Web Templates]]></category>

		<guid isPermaLink="false">http://tutorialpear.com/?p=164</guid>
		<description><![CDATA[Learn how to create a web template using photoshop


Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/15/full-web-template/' rel='bookmark' title='Permanent Link: Full Web Template!'>Full Web Template!</a> <small>Learn how to create a beautiful but simple web template...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p>Well guys, the first tutorial did quite well so I figured I&#8217;d create a second one! <strong>It is always recommended that you register and refer to the .PSD.</strong></p>
<p>Here&#8217;s a preview of what we&#8217;ll be creating today:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/final.jpg"><img class="alignnone size-medium wp-image-166" title="final" src="http://tutorialpear.com/wp-content/uploads/2008/11/final-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 1:</strong><br />
OK, before we begin make sure you download and install the following pattern from squidfingers.com.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/1.gif"><img class="alignnone size-medium wp-image-167" title="1" src="http://tutorialpear.com/wp-content/uploads/2008/11/1.gif" alt="" width="187" height="101" /></a></p>
<p><strong>Step 2:</strong><br />
Create a new Document 1000&#215;800, fill the background brown (#615447).<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/2.jpg"><img class="alignnone size-medium wp-image-168" title="2" src="http://tutorialpear.com/wp-content/uploads/2008/11/2-300x184.jpg" alt="" width="300" height="184" /></a></p>
<p><strong>Step 3:</strong><br />
Create a New Layer. Now go to edit&gt;fill, and fill the layer with the pattern we installed.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/3.jpg"><img class="alignnone size-medium wp-image-169" title="3" src="http://tutorialpear.com/wp-content/uploads/2008/11/3-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 4:</strong><br />
Lower that saturation to -85%. To do this press CTRL+U and set it down to -85.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/4.jpg"><img class="alignnone size-medium wp-image-170" title="4" src="http://tutorialpear.com/wp-content/uploads/2008/11/4-300x231.jpg" alt="" width="300" height="231" /></a></p>
<p><strong>Step 5:</strong><br />
Set the layer to overlay and lower the opacity to somewhere between 10-30, whatever you feel is approiate. Here&#8217;s how our background should look by now.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/5.jpg"><img class="alignnone size-medium wp-image-171" title="5" src="http://tutorialpear.com/wp-content/uploads/2008/11/5-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 6:</strong><br />
Create a new layer and set your foreground color to #eae2d1. Now grab the rectagle tool and make a rectangle going completely across the template like so:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/6.jpg"><img class="alignnone size-medium wp-image-172" title="6" src="http://tutorialpear.com/wp-content/uploads/2008/11/6-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 7:</strong><br />
Grab the Horizontal Text tool and type out your websites name in white and dark brown. If your site name has two words make the first word bold (it looks better). I used the font Myraid Pro.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/7.jpg"><img class="alignnone size-medium wp-image-173" title="7" src="http://tutorialpear.com/wp-content/uploads/2008/11/7-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 8:</strong><br />
Create a new layer under the rectangle layer. On this layer select a soft brush and add lighting behind the header.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/8.jpg"><img class="alignnone size-medium wp-image-174" title="8" src="http://tutorialpear.com/wp-content/uploads/2008/11/8-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 9:</strong><br />
Set the layer mode to overlay.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/9.jpg"><img class="alignnone size-medium wp-image-175" title="9" src="http://tutorialpear.com/wp-content/uploads/2008/11/9-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 10:</strong><br />
Create a new layer, on this layer were going to add lighting under the rectangle. To do this simple make a white to transparent gradient like I&#8217;ve done.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/10.jpg"><img class="alignnone size-medium wp-image-176" title="10" src="http://tutorialpear.com/wp-content/uploads/2008/11/10-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 11:</strong><br />
Set the layer mode to overlay and lower the opacity to 78%.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/11.jpg"><img class="alignnone size-medium wp-image-177" title="11" src="http://tutorialpear.com/wp-content/uploads/2008/11/11-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 12:</strong><br />
Grab the white soft brush again and make a big dot below the header on the rectangle.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/12.jpg"><img class="alignnone size-medium wp-image-178" title="12" src="http://tutorialpear.com/wp-content/uploads/2008/11/12-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 13:</strong><br />
Now we need to create dividers. To do this start by making a selection like so:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/13.jpg"><img class="alignnone size-medium wp-image-179" title="13" src="http://tutorialpear.com/wp-content/uploads/2008/11/13-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 14:</strong><br />
Next grab a 45px black soft brush and bush like i&#8217;ve done:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/14.jpg"><img class="alignnone size-medium wp-image-180" title="14" src="http://tutorialpear.com/wp-content/uploads/2008/11/14-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 15:</strong><br />
Use the eraser tool with a soft brush to thin it out.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/15.jpg"><img class="alignnone size-medium wp-image-181" title="15" src="http://tutorialpear.com/wp-content/uploads/2008/11/15-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 16:</strong><br />
Lower the opacity to 30% to create a nice smooth divider.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/16.jpg"><img class="alignnone size-medium wp-image-182" title="16" src="http://tutorialpear.com/wp-content/uploads/2008/11/16-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 17:</strong><br />
Duplicate the divider layer 2x and arrage them like so.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/17.jpg"><img class="alignnone size-medium wp-image-183" title="17" src="http://tutorialpear.com/wp-content/uploads/2008/11/17-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 18:</strong><br />
Create a new layer, and grab the rounded rectangle tool with a radius of 6px. Create a white rectangle the width of the 2 farthest dividers:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/18.jpg"><img class="alignnone size-medium wp-image-184" title="18" src="http://tutorialpear.com/wp-content/uploads/2008/11/18-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 19:</strong><br />
Lower the opacity to 37% and set the layer mode to overlay.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/19.jpg"><img class="alignnone size-medium wp-image-185" title="19" src="http://tutorialpear.com/wp-content/uploads/2008/11/19-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 20:</strong><br />
Now we have to blur that section of the background to make it look more glass like. Too do this start by making a selection of the rounded rectangle.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/20.jpg"><img class="alignnone size-medium wp-image-186" title="20" src="http://tutorialpear.com/wp-content/uploads/2008/11/20-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 21:</strong><br />
Now highlight the original background. Press CTRL+C then CTRL+V. this should create a copy of the background in the shape of our rounded rectangle. Apply Gaussian blur set at 23.3 to this layer.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/21.jpg"><img class="alignnone size-medium wp-image-187" title="21" src="http://tutorialpear.com/wp-content/uploads/2008/11/21-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 22:</strong><br />
Create a black rectangle at the bottom of the page around 50px high. Lower its opacity to about 50%.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/22.jpg"><img class="alignnone size-medium wp-image-188" title="22" src="http://tutorialpear.com/wp-content/uploads/2008/11/22-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><strong>Step 23:</strong><br />
Add text to everything and you&#8217;re done! Here&#8217;s how mine turned out:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/final.jpg"><img class="alignnone size-medium wp-image-166" title="final" src="http://tutorialpear.com/wp-content/uploads/2008/11/final-300x240.jpg" alt="" width="300" height="240" /></a></p>
<p><!--hideit--><br />
<strong>Member PSD&#8217;s:</strong><br />
<a href="http://tutorialpear.com/memberpsd/temp2.psd">Temp2.psd</a></p>
<p><strong></strong></p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/15/full-web-template/' rel='bookmark' title='Permanent Link: Full Web Template!'>Full Web Template!</a> <small>Learn how to create a beautiful but simple web template...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2008/11/19/full-web-template-2/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Full Web Template!</title>
		<link>http://tutorialpear.com/2008/11/15/full-web-template/</link>
		<comments>http://tutorialpear.com/2008/11/15/full-web-template/#comments</comments>
		<pubDate>Sat, 15 Nov 2008 04:31:06 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Web Templates]]></category>

		<guid isPermaLink="false">http://tutorialpear.com/?p=121</guid>
		<description><![CDATA[Learn how to create a beautiful but simple web template in photoshop


Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li><li><a href='http://tutorialpear.com/2008/10/23/creating-campaign-pins/' rel='bookmark' title='Permanent Link: Create Campaign Pins!'>Create Campaign Pins!</a> <small>Learn how to create fantastic looking pins for any occasion!...</small></li><li><a href='http://tutorialpear.com/2008/10/22/summer-time-landscape/' rel='bookmark' title='Permanent Link: Summer Time Landscape Wallpaper'>Summer Time Landscape Wallpaper</a> <small>Learn how to create a simple but beautiful summer landscape...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will teach you how to create a full web template that can be used for just about anything.<strong>It is always recommended that you register </strong><strong>and refer to the .PSD.</strong></p>
<p>For simplicity this tutorial has been split into four sections, which are:</p>
<p>1. The Background<br />
2. The Header<br />
3. The Boxes<br />
4. The Footer</p>
<p>Here&#8217;s a Preview of our final product:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/foot3.jpg"><img class="alignnone size-medium wp-image-122" title="foot3" src="http://tutorialpear.com/wp-content/uploads/2008/11/foot3-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Section 1: The Background</strong></p>
<p><strong>Step 1:</strong><br />
Open up a fresh document 900&#215;1000. Fill the background white.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp1.jpg"><img class="alignnone size-medium wp-image-123" title="temp1" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp1-300x184.jpg" alt="" width="300" height="184" /></a></p>
<p><strong>Step 2:</strong><br />
Download and install the following pattern: (it&#8217;s small)<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp2.png"><img class="alignnone size-full wp-image-124" title="temp2" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp2.png" alt="" width="20" height="1" /></a></p>
<p><strong>Step 3:</strong><br />
Open up blending options on the background layer and apply the following settings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp3.jpg"><img class="alignnone size-medium wp-image-125" title="temp3" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp3-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 4:</strong><br />
Create a new layer and make a selection like I&#8217;ve done:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp4.jpg"><img class="alignnone size-medium wp-image-126" title="temp4" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp4-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 5:</strong><br />
Set your foreground color to (#e3e3e3), create a new layer, and apply a gradient going downwards.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp5.jpg"><img class="alignnone size-medium wp-image-127" title="temp5" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp5-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 6:</strong><br />
Adjust the position of this layer and lower the opacity to 50%. Here is how the background should look:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/temp6.jpg"><img class="alignnone size-medium wp-image-128" title="temp6" src="http://tutorialpear.com/wp-content/uploads/2008/11/temp6-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Section 2: The Header</strong></p>
<p><strong>Step 1:</strong><br />
Select the Horizontal Text tool and Type out you&#8217;re websites name. Use the font Myraid Pro (30pt).<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/head1.jpg"><img class="alignnone size-medium wp-image-129" title="head1" src="http://tutorialpear.com/wp-content/uploads/2008/11/head1-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 2:</strong><br />
Lower the size of the &#8220;.com&#8221; to 18pt.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/head2.jpg"><img class="alignnone size-medium wp-image-130" title="head2" src="http://tutorialpear.com/wp-content/uploads/2008/11/head2-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 3:</strong><br />
Open up text options and apply the following settings. Make your to keep your text hilighted when you do this.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/head3.jpg"><img class="alignnone size-medium wp-image-131" title="head3" src="http://tutorialpear.com/wp-content/uploads/2008/11/head3.jpg" alt="" width="215" height="221" /></a></p>
<p><strong>Step 4:</strong><br />
Change the first word color to #76c800, and the secodn word color to #ff6c00.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/head4.jpg"><img class="alignnone size-medium wp-image-132" title="head4" src="http://tutorialpear.com/wp-content/uploads/2008/11/head4-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 5:</strong><br />
Open up blending options and apply the following settings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/head5.jpg"><img class="alignnone size-medium wp-image-133" title="head5" src="http://tutorialpear.com/wp-content/uploads/2008/11/head5-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><a href="http://tutorialpear.com/wp-content/uploads/2008/11/head5-2.jpg"><img class="alignnone size-medium wp-image-134" title="head5-2" src="http://tutorialpear.com/wp-content/uploads/2008/11/head5-2-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Section 3: Boxes</strong></p>
<p><strong>Step 1:</strong><br />
Set you&#8217;re foreground color to #7ecc00. Now select the rounded rectangle tool, with a radius of 6, and make a box like so:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side1.jpg"><img class="alignnone size-medium wp-image-135" title="side1" src="http://tutorialpear.com/wp-content/uploads/2008/11/side1-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 2:</strong><br />
Trim the box to get a nice shape like this:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side2.jpg"><img class="alignnone size-medium wp-image-136" title="side2" src="http://tutorialpear.com/wp-content/uploads/2008/11/side2-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 3:</strong><br />
Create a new layer, select the rectangle tool, and create a grey box like so:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side3.jpg"><img class="alignnone size-medium wp-image-137" title="side3" src="http://tutorialpear.com/wp-content/uploads/2008/11/side3-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 4:</strong><br />
Open up blending options and apply the following settings to the grey box.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side4.jpg"><img class="alignnone size-medium wp-image-138" title="side4" src="http://tutorialpear.com/wp-content/uploads/2008/11/side4-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 5:</strong><br />
Now open up blending options on the green layer and apply these settings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side5.jpg"><img class="alignnone size-medium wp-image-139" title="side5" src="http://tutorialpear.com/wp-content/uploads/2008/11/side5-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 6:</strong><br />
Create a new layer, make a selection of the green layer, and make a white dot with a soft brush like I have done:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side6.jpg"><img class="alignnone size-medium wp-image-140" title="side6" src="http://tutorialpear.com/wp-content/uploads/2008/11/side6-270x300.jpg" alt="" width="270" height="300" /></a><br />
<strong>Step 7:</strong><br />
Grab the eclipse tool and make a selection like so, delete this area from the dot.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side7.jpg"><img class="alignnone size-medium wp-image-141" title="side7" src="http://tutorialpear.com/wp-content/uploads/2008/11/side7-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 8:</strong><br />
Make a selection of the green layer, and contract the selection by 1px, and delete the inverse. Now change the layer mode to overlay, and lower the opacity to 67%.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side8.jpg"><img class="alignnone size-medium wp-image-142" title="side8" src="http://tutorialpear.com/wp-content/uploads/2008/11/side8-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 9:</strong><br />
On a new layer create a white box in the center of the grey one.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side9.jpg"><img class="alignnone size-medium wp-image-143" title="side9" src="http://tutorialpear.com/wp-content/uploads/2008/11/side9-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 10:</strong><br />
Open up blending options and apply the following settings.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side10.jpg"><img class="alignnone size-medium wp-image-144" title="side10" src="http://tutorialpear.com/wp-content/uploads/2008/11/side10-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 11:</strong><br />
Now create all the different boxes you need, feel free to use different colors.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/side11.jpg"><img class="alignnone size-medium wp-image-145" title="side11" src="http://tutorialpear.com/wp-content/uploads/2008/11/side11-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Section 4: The Footer</strong></p>
<p><strong>Step 1:</strong><br />
Create a new layer, and set your foreground color to #dbdbdb. Now create a grey box at the bottom of the page.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/foot1.jpg"><img class="alignnone size-medium wp-image-146" title="foot1" src="http://tutorialpear.com/wp-content/uploads/2008/11/foot1-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><strong>Step 2:</strong><br />
Go to blending options and apply the following settings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/foot2.jpg"><img class="alignnone size-medium wp-image-147" title="foot2" src="http://tutorialpear.com/wp-content/uploads/2008/11/foot2-300x224.jpg" alt="" width="300" height="224" /></a></p>
<p><strong>Step 3:</strong><br />
Add some text to everything and you&#8217;re done! Here&#8217;s how mine turned out.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/11/foot31.jpg"><img class="alignnone size-medium wp-image-148" title="foot31" src="http://tutorialpear.com/wp-content/uploads/2008/11/foot31-270x300.jpg" alt="" width="270" height="300" /></a></p>
<p><!--hideit--><br />
<strong>Member PSD&#8217;s:</strong><br />
<a href="http://tutorialpear.com/memberpsd/temp.psd">Temp.psd</a></p>
<p><strong>Video Tutorial:</strong><br />
Video Tutorial currently not available.<br />
<!--/hideit--></p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li><li><a href='http://tutorialpear.com/2008/10/23/creating-campaign-pins/' rel='bookmark' title='Permanent Link: Create Campaign Pins!'>Create Campaign Pins!</a> <small>Learn how to create fantastic looking pins for any occasion!...</small></li><li><a href='http://tutorialpear.com/2008/10/22/summer-time-landscape/' rel='bookmark' title='Permanent Link: Summer Time Landscape Wallpaper'>Summer Time Landscape Wallpaper</a> <small>Learn how to create a simple but beautiful summer landscape...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2008/11/15/full-web-template/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Animated Blur Text Transition</title>
		<link>http://tutorialpear.com/2008/10/25/blur-text-transition/</link>
		<comments>http://tutorialpear.com/2008/10/25/blur-text-transition/#comments</comments>
		<pubDate>Sun, 26 Oct 2008 01:52:01 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Text Effects]]></category>

		<guid isPermaLink="false">http://tutorialpear.com/?p=102</guid>
		<description><![CDATA[Create a simple but aewsome animated blur effect in photoshop


Related posts:<ol><li><a href='http://tutorialpear.com/2008/10/23/3dwebsitelogo/' rel='bookmark' title='Permanent Link: A Simple 3d Website Logo'>A Simple 3d Website Logo</a> <small>Learn how to create a simple but fun, 3d logo...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will teach you how to create an awesome animated blur effect in cs3. <strong>It is always recommended that you register and </strong><strong>refer to the .PSD.</strong></p>
<p><a href="http://tutorialpear.com/login.php?action=register"><strong></strong></a></p>
<p><strong>Step 1:</strong><br />
To start, open up an advertisement banner, or the document on which you want to apply the effect to. I used the following banner, you can download the .psd in the members section.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur1.jpg"><img class="alignnone size-medium wp-image-103" title="blur1" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur1-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 2:</strong><br />
OK, So basically this is how the effect works: you have one line of text, and then it blurs out and a new line of text appears. To start grab the Text Tool and type out three lines of text. Each on there own layer and on top of each other. In our case we used:<br />
&#8220;Only quality tutorials&#8221;<br />
&#8220;New updates every 3 days&#8221;<br />
&#8220;Downloadable PSD&#8217;s and Video&#8221;<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur2.jpg"><img class="alignnone size-medium wp-image-104" title="blur2" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur2-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 3:</strong><br />
Now We have to create 3 blurred layers. To do this simply make a copy of one of your text layers (CTRL+J), Rasterize the copy (Layer&gt;rasterize&gt;type), and apply motion blur with the following settings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur3.jpg"><img class="alignnone size-medium wp-image-105" title="blur3" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur3-251x300.jpg" alt="" width="251" height="300" /></a></p>
<p><strong>Step 4:</strong><br />
Duplicate the blurred layer 3 times (CTRL+J x3), then merge them together (CTRL+E x3). We do this to make the blur a bit more visible. You should now have a blur layer like mine.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur4.jpg"><img class="alignnone size-medium wp-image-106" title="blur4" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur4-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 5:</strong><br />
Create a blurred layer for each line of text you have (in our case three). You&#8217;re layers should look similar to mine.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur5.jpg"><img class="alignnone size-medium wp-image-107" title="blur5" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur5-300x182.jpg" alt="" width="300" height="182" /></a></p>
<p><strong>Step 6:</strong><br />
Hide all of the text and blurred layers except for the un-blurred first line of text. To do this simple un-check the eyeball next to each layer.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur6.jpg"><img class="alignnone size-medium wp-image-108" title="blur6" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur6.jpg" alt="" width="219" height="275" /></a></p>
<p><strong>Step 7:</strong><br />
Open up the animation Window. To do this go to Window&gt;Animation. It looks something like this.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur7.jpg"><img class="alignnone size-medium wp-image-109" title="blur7" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur7-300x68.jpg" alt="" width="300" height="68" /></a><br />
Note: in older versions of Photoshop you must switch over to Imageready.</p>
<p><strong>Step 8:</strong><br />
Set the delay of the first frame to 3 seconds. Create a new frame, now hide the line of text, and un-hide its blur layer. Here&#8217;s how frame 2 should look.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur8.jpg"><img class="alignnone size-medium wp-image-110" title="blur8" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur8-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 9:</strong><br />
Create a new frame, on this frame lower the opacity of the blur layer buy 10%. Continue creating new frames and lowing the opacity all the way down to 20%.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur81.jpg"><img class="alignnone size-medium wp-image-111" title="blur81" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur81-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 10:</strong><br />
On the 20% frame un-hide the second line of text. Now create a new frame and hide the blur layer, leaving the second line of text. Set the delay to 3 seconds. You should now have something like this:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur10.jpg"><img class="alignnone size-medium wp-image-112" title="blur10" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur10-300x38.jpg" alt="" width="300" height="38" /></a></p>
<p><strong>Step 11:</strong><br />
Repeat this process for the remaining two lines of text, when you finish it should look like this:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/blur11.gif"><img class="alignnone size-full wp-image-113" title="blur11" src="http://tutorialpear.com/wp-content/uploads/2008/10/blur11.gif" alt="" width="468" height="60" /></a></p>
<p><!--hideit--><br />
<strong>Video Tutorial:</strong><br />
<object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=2093313&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2093313&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object><br />
<strong>Member PSD&#8217;s:<br />
</strong><a href="http://tutorialpear.com/memberpsd/blur.psd">Blur.psd</a><strong></strong><!--/hideit--></p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2008/10/23/3dwebsitelogo/' rel='bookmark' title='Permanent Link: A Simple 3d Website Logo'>A Simple 3d Website Logo</a> <small>Learn how to create a simple but fun, 3d logo...</small></li><li><a href='http://tutorialpear.com/2008/10/24/winterwallpaper/' rel='bookmark' title='Permanent Link: Frosty Winter Wallpaper'>Frosty Winter Wallpaper</a> <small>Learn how to create a frosty winter wallpaper using photoshop....</small></li><li><a href='http://tutorialpear.com/2008/11/19/full-web-template-2/' rel='bookmark' title='Permanent Link: Full Web Template #2'>Full Web Template #2</a> <small>Learn how to create a web template using photoshop...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2008/10/25/blur-text-transition/feed/</wfw:commentRss>
		</item>
		<item>
		<title>Frosty Winter Wallpaper</title>
		<link>http://tutorialpear.com/2008/10/24/winterwallpaper/</link>
		<comments>http://tutorialpear.com/2008/10/24/winterwallpaper/#comments</comments>
		<pubDate>Fri, 24 Oct 2008 09:34:19 +0000</pubDate>
		<dc:creator>admin</dc:creator>
		
		<category><![CDATA[Wallpapers]]></category>

		<guid isPermaLink="false">http://tutorialpear.com/?p=80</guid>
		<description><![CDATA[Learn how to create a frosty winter wallpaper using photoshop.


Related posts:<ol><li><a href='http://tutorialpear.com/2008/10/22/summer-time-landscape/' rel='bookmark' title='Permanent Link: Summer Time Landscape Wallpaper'>Summer Time Landscape Wallpaper</a> <small>Learn how to create a simple but beautiful summer landscape...</small></li><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2008/10/23/3dwebsitelogo/' rel='bookmark' title='Permanent Link: A Simple 3d Website Logo'>A Simple 3d Website Logo</a> <small>Learn how to create a simple but fun, 3d logo...</small></li></ol>]]></description>
			<content:encoded><![CDATA[<p>In this tutorial I will teach you how to create an awesome wallpaper from scratch! <strong>It is always recommended that you register and refer to the .PSD.</strong></p>
<p><strong>Step 1:</strong><br />
Open up a fresh document, any wallpaper size will do (1024&#215;768, 1280&#215;1024, 1650&#215;1080), for this tutorial I used 1024&#215;768.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter1.jpg"><img class="alignnone size-medium wp-image-81" title="winter1" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter1-300x184.jpg" alt="" width="300" height="184" /></a></p>
<p><strong>Step 2</strong>:<br />
Fill the background a nice winter blue, I used the color #7fc0ed.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter2.jpg"><img class="alignnone size-medium wp-image-82" title="winter2" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter2-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 3:</strong><br />
Select the custom shape tool with the following shape:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter3.jpg"><img class="alignnone size-medium wp-image-83" title="winter3" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter3.jpg" alt="" width="220" height="182" /></a></p>
<p><strong>Step 4:</strong><br />
Create a new layer and set your foreground color to white. Now apply the customshape rather small.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter4.jpg"><img class="alignnone size-medium wp-image-84" title="winter4" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter4-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 5:</strong><br />
Rotate the snowflake a tad bit to the left or right. To do this simply go to free trasform (CTRL+T).<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter5.jpg"><img class="alignnone size-medium wp-image-85" title="winter5" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter5-300x219.jpg" alt="" width="300" height="219" /></a></p>
<p><strong>Step 6:</strong><br />
Repeat steps 4 and 5 around 8-10 times. Remember to rotate each one a bit differently and to use different sizes.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter6.jpg"><img class="alignnone size-medium wp-image-86" title="winter6" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter6-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 7:</strong><br />
Change your shape to a different snowflack (there&#8217;s one to the right and the left of the current). Apply the new snowflake 5 or 6 times.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter7.jpg"><img class="alignnone size-medium wp-image-87" title="winter7" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter7-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 8:</strong><br />
Select the last snowflake and apply it 3-4 times.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter8.jpg"><img class="alignnone size-medium wp-image-88" title="winter8" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter8-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 9:</strong><br />
Merge all of the snowflake layers. The Easyest way to do this is to hide the background layer (un-check the little eye icon), select the top layer, and press CTRL+Shift+E (merge all).<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter9.jpg"><img class="alignnone size-medium wp-image-89" title="winter9" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter9.jpg" alt="" width="216" height="154" /></a></p>
<p><strong>Step 10:</strong><br />
Now its time to make our snowflakes shiny. Duplicate the snowflakes layer (CTRL-J). Go to filter&gt;blur&gt;gassian blur and apply it with the follwoing sellings:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter10.jpg"><img class="alignnone size-medium wp-image-90" title="winter10" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter10-286x300.jpg" alt="" width="286" height="300" /></a></p>
<p><strong>Step 11:</strong><br />
Duplicate the snowflake layer again (not the blurred), and this time apply motion blur with the following settings.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter11.jpg"><img class="alignnone size-medium wp-image-91" title="winter11" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter11-251x300.jpg" alt="" width="251" height="300" /></a></p>
<p><strong>Step 12:</strong><br />
Duplicate the motion blurred layer 2 times in order to make it more visable. By now you wallpaper should look like so:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter12.jpg"><img class="alignnone size-medium wp-image-92" title="winter12" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter12-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 13:</strong><br />
Create a new layer and set your foreground color to white. Now grab a 13px soft brush and make dots following the motion blur.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter13.jpg"><img class="alignnone size-medium wp-image-93" title="winter13" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter13-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 14:</strong><br />
Select a huge soft brush (400px+) and brush a circle around the whole wallpaper.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter14.jpg"><img class="alignnone size-medium wp-image-94" title="winter14" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter14-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 15:</strong><br />
Lower the opacity of the circle to 80%.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter15.jpg"><img class="alignnone size-medium wp-image-95" title="winter15" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter15-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 16:</strong><br />
Create a new layer, brush around the wallpaper again, this time only the corners.<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter16.jpg"><img class="alignnone size-medium wp-image-96" title="winter16" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter16-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><strong>Step 17:</strong><br />
Grab the text tool and type out some text at a 45 degree angle. You&#8217;re done! Here&#8217;s how mine came out:<br />
<a href="http://tutorialpear.com/wp-content/uploads/2008/10/winter17.jpg"><img class="alignnone size-medium wp-image-97" title="winter17" src="http://tutorialpear.com/wp-content/uploads/2008/10/winter17-300x225.jpg" alt="" width="300" height="225" /></a></p>
<p><!--hideit--><br />
<strong>Video Tutorial</strong><br />
<object width="400" height="300" data="http://vimeo.com/moogaloop.swf?clip_id=2253687&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" type="application/x-shockwave-flash"><param name="allowfullscreen" value="true" /><param name="allowscriptaccess" value="always" /><param name="src" value="http://vimeo.com/moogaloop.swf?clip_id=2253687&amp;server=vimeo.com&amp;show_title=1&amp;show_byline=1&amp;show_portrait=0&amp;color=&amp;fullscreen=1" /></object></p>
<p><strong>Member PSD&#8217;s:<br />
</strong><a href="http://tutorialpear.com/memberpsd/winter.psd">Winter Wallpaper.PSD</a><strong></strong><!--/hideit--></p>


<p>Related posts:<ol><li><a href='http://tutorialpear.com/2008/10/22/summer-time-landscape/' rel='bookmark' title='Permanent Link: Summer Time Landscape Wallpaper'>Summer Time Landscape Wallpaper</a> <small>Learn how to create a simple but beautiful summer landscape...</small></li><li><a href='http://tutorialpear.com/2009/03/14/snake-eyes/' rel='bookmark' title='Permanent Link: Devilish Snake Eyes Photo Effect'>Devilish Snake Eyes Photo Effect</a> <small>Learn how to create an aewsome snake eyes photo effect...</small></li><li><a href='http://tutorialpear.com/2008/10/23/3dwebsitelogo/' rel='bookmark' title='Permanent Link: A Simple 3d Website Logo'>A Simple 3d Website Logo</a> <small>Learn how to create a simple but fun, 3d logo...</small></li></ol></p>]]></content:encoded>
			<wfw:commentRss>http://tutorialpear.com/2008/10/24/winterwallpaper/feed/</wfw:commentRss>
		</item>
	</channel>
</rss>
