<?xml version="1.0" encoding="UTF-8"?>
<?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/rss2full.xsl" type="text/xsl" media="screen"?><?xml-stylesheet href="http://feeds.feedburner.com/~d/styles/itemcontent.css" type="text/css" media="screen"?><!-- generator="wordpress/2.1" --><rss xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:wfw="http://wellformedweb.org/CommentAPI/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:feedburner="http://rssnamespace.org/feedburner/ext/1.0" version="2.0">

<channel>
	<title>Tutorials 2.0</title>
	<link>http://tutorials20.com</link>
	<description>Tutorials made 2.0</description>
	<pubDate>Sun, 08 Jun 2008 15:52:10 +0000</pubDate>
	<generator>http://wordpress.org/?v=2.1</generator>
	<language>en</language>
			<atom10:link xmlns:atom10="http://www.w3.org/2005/Atom" rel="self" href="http://feeds.feedburner.com/Tutorials20" type="application/rss+xml" /><feedburner:emailServiceId>626220</feedburner:emailServiceId><feedburner:feedburnerHostname>http://www.feedburner.com</feedburner:feedburnerHostname><item>
		<title>Making a web 2.0 logo in Photoshop</title>
		<link>http://feeds.feedburner.com/~r/Tutorials20/~3/297164426/</link>
		<comments>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/#comments</comments>
		<pubDate>Sat, 24 May 2008 11:12:49 +0000</pubDate>
		<dc:creator>crazyleaf</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/</guid>
		<description><![CDATA[This Photoshop tutorial will explain how to make a web 2.0 glossy logo or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.
I am starting with a 400&#215;300 px white canvas. Draw your basic shape. I have started with a [...]]]></description>
			<content:encoded><![CDATA[<p>This <strong>Photoshop tutorial</strong> will explain how to make a <strong>web 2.0 glossy logo</strong> or icon if you like. I tried to keep it as simple as possible. If you have any questions post them in the comments below.</p>
<p>I am starting with a 400&#215;300 px white canvas. Draw your basic shape. I have started with a custom shape from <strong>Photoshop</strong>&#8217;s presets.</p>
<p><strong>Step 1</strong></p>
<p>Fill the shape with a nice orange color (I am using <strong>#ff6600</strong>)</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/1.JPG" alt="Making a web 2.0 logo in Photoshop - Step 1" /></p>
<p><strong>Step 2</strong></p>
<p>Apply <strong>Bevel and Emboss</strong> to the layer using the following values :</p>
<p><strong>Structure</strong></p>
<ul>
<li>Style : Inner Bevel</li>
<li>Technique : Smooth</li>
<li>Depth : 100%</li>
<li>Direction : Up</li>
<li>Size : 200px</li>
<li>Soften : 0px</li>
</ul>
<p><strong>Shading</strong></p>
<ul>
<li>Angle : 120 (use global light checked)</li>
<li>Altitude : 30</li>
<li>Highlight mode : Screen, Opacity : 75%</li>
<li>Shadow mode : Multiply (color : #ff0000), opacity 75%.</li>
</ul>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/2.JPG" alt="Making a web 2.0 logo in Photoshop - Step 2" /></p>
<p><strong>Step 3</strong></p>
<p><strong>Stoke</strong> the layer with an orange color 3 pixels in size (I am using the same orange as the fill : <strong>#ff6600</strong>)</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/3.JPG" alt="Making a web 2.0 logo in Photoshop - Step 3" /></p>
<p><strong>Step 4</strong></p>
<p>Apply an <strong>inner glow</strong>, size 40px.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/4.JPG" alt="Making a web 2.0 logo in Photoshop - Step 4" /></p>
<p><strong>Step 5</strong></p>
<p>Create a new top layer and using the <strong>Elliptical Marquee Tool</strong> create an oval over the top of the original shape layer. Fill this layer with gradient from white to transparent (white at the bottom, transparent at the top). Give this layer a <strong>50% opacity</strong>. You may rotate this layer so it will look cooler.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/5.JPG" alt="Making a web 2.0 logo in Photoshop - Step 5" /></p>
<p> <a href="http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/#more-253" class="more-link">(more&#8230;)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/feed/</wfw:commentRss>
		<feedburner:origLink>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/</feedburner:origLink></item>
		<item>
		<title>Fun With Illustrator: Make a Happy Little Cloud</title>
		<link>http://feeds.feedburner.com/~r/Tutorials20/~3/297164427/</link>
		<comments>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/#comments</comments>
		<pubDate>Sat, 24 May 2008 11:12:15 +0000</pubDate>
		<dc:creator>clickpopmedia</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/</guid>
		<description><![CDATA[
We&#8217;re all big Bob Ross fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.
Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready [...]]]></description>
			<content:encoded><![CDATA[<p align="center"><img src="http://www.clickpopmedia.com/wp-content/uploads/2008/03/header2.jpg" alt="header2.jpg" /></p>
<blockquote><p>We&#8217;re all big <a href="http://en.wikipedia.org/wiki/Bob_Ross">Bob Ross</a> fans here at ClickPopMedia.  Today, in the tradition of the Joy of Painting, I am going to show you how to make a happy little cloud.</p></blockquote>
<p>Welcome back everybody.  I sure am glad you could make it out today.  Does everyone have their Illustrator warmed up and ready to do some vectorizing?  Good.</p>
<p> <a href="http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/#more-258" class="more-link">(more&#8230;)</a></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/feed/</wfw:commentRss>
		<feedburner:origLink>http://tutorials20.com/design/fun-with-illustrator-make-a-happy-little-cloud/</feedburner:origLink></item>
		<item>
		<title>Shrek text effect with Photoshop</title>
		<link>http://feeds.feedburner.com/~r/Tutorials20/~3/189480462/</link>
		<comments>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/#comments</comments>
		<pubDate>Fri, 23 Nov 2007 19:55:47 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/</guid>
		<description><![CDATA[Learn how to play with gradients and textures to get the Shrek effect. Very cool effect and now you can do it in photoshop.

]]></description>
			<content:encoded><![CDATA[<p><span class="style63"></span><span class="style10"><font face="Verdana, Arial, Helvetica, sans-serif">Learn how to play with gradients and textures to get the Shrek effect. Very cool effect and now you can do it in photoshop.</font></span></p>
<p><img border="0" width="546" src="http://tutorials20.com/wp-content/uploads/2007/02/shrek.jpg" alt="Shrek Text" height="3023" style="width: 546px; height: 3023px" title="Shrek Text" /></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/feed/</wfw:commentRss>
		<feedburner:origLink>http://tutorials20.com/graphics/shrek-text-effect-with-photoshop/</feedburner:origLink></item>
		<item>
		<title>Facebook Pic / Shadowness-Style</title>
		<link>http://feeds.feedburner.com/~r/Tutorials20/~3/185041044/</link>
		<comments>http://tutorials20.com/graphics/facebook-pic-shadowness-style/#comments</comments>
		<pubDate>Thu, 15 Nov 2007 05:03:44 +0000</pubDate>
		<dc:creator>Meng</dc:creator>
		
		<category><![CDATA[Graphics]]></category>

		<guid isPermaLink="false">http://tutorials20.com/graphics/facebook-pic-shadowness-style/</guid>
		<description><![CDATA[
Dimension of the Facebook profile picture is 200&#215;300. Add cool effects to your photos!
Didn&#8217;t have the chance to show the very end result, but here it is:

All the stocks are on my Shadowness.com profile. Download here
]]></description>
			<content:encoded><![CDATA[<p><b><a href="http://www.shadowness.com/file/Facebook_Pic.swf"><img src="http://www.shadowness.com/file/item/14754/image_t4.jpg" /></a></b></p>
<p>Dimension of the Facebook profile picture is 200&#215;300. Add cool effects to your photos!</p>
<p>Didn&#8217;t have the chance to show the very end result, but here it is:<br />
<img src="http://www.shadowness.com/file/Facebook_Pic.png" /></p>
<p>All the stocks are on my Shadowness.com profile. <b><a href="http://www.shadowness.com/album/4957">Download here</a></b></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/graphics/facebook-pic-shadowness-style/feed/</wfw:commentRss>
		<feedburner:origLink>http://tutorials20.com/graphics/facebook-pic-shadowness-style/</feedburner:origLink></item>
		<item>
		<title>Fabric-like Text using Photoshop</title>
		<link>http://feeds.feedburner.com/~r/Tutorials20/~3/184099526/</link>
		<comments>http://tutorials20.com/design/fabric-like-text-using-photoshop/#comments</comments>
		<pubDate>Tue, 13 Nov 2007 12:49:40 +0000</pubDate>
		<dc:creator>Jason</dc:creator>
		
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/fabric-like-text-using-photoshop/</guid>
		<description><![CDATA[Sewed text in a few easy steps. A pattern and a few styles. That&#8217;s it and your done.

]]></description>
			<content:encoded><![CDATA[<p><span class="style63"></span><span class="style10"><font face="Verdana, Arial, Helvetica, sans-serif">Sewed text in a few easy steps. A pattern and a few styles. That&#8217;s it and your done.</font></span></p>
<p><span class="style63"></span><span class="style10"><img border="0" width="461" src="http://tutorials20.com/wp-content/uploads/2007/02/fabric.jpg" alt="Fabric-like text using Photoshop" height="3957" style="width: 461px; height: 3957px" title="Fabric-like text using Photoshop" /></span></p>
]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/fabric-like-text-using-photoshop/feed/</wfw:commentRss>
		<feedburner:origLink>http://tutorials20.com/design/fabric-like-text-using-photoshop/</feedburner:origLink></item>
	</channel>
</rss>
