<?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>Tutorials 2.0 &#187; crazyleaf</title>
	<atom:link href="http://tutorials20.com/author/crazyleaf/feed/" rel="self" type="application/rss+xml" />
	<link>http://tutorials20.com</link>
	<description>Learn Photoshop, Graphics Design, 3D, Animation, Photography and more</description>
	<lastBuildDate>Sat, 04 Feb 2012 13:59:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.4</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Making a web 2.0 logo in Photoshop</title>
		<link>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/</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 custom shape from Photoshop&#8217;s presets.
Step 1
Fill the shape with a nice orange color (I am using #ff6600)
Step 2
Apply Bevel and Emboss to the layer using the following values :
Structure

Style : Inner Bevel
Technique : Smooth
Depth : 100%
Direction : Up
Size : 200px
Soften : 0px

Shading

Angle : 120 (use [...]]]></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><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><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><strong>Step 4</strong></p>
<p>Apply an <strong>inner glow</strong>, size 40px.</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><span id="more-253"></span></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/6.JPG" alt="Making a web 2.0 logo in Photoshop - Step 5 rotate" /></p>
<p><strong>Step 6 </strong></p>
<p>Make another top layer and using the <strong>Elliptical Marquee Tool </strong>create an oval over the bottom of the original shape layer. Fill this layer with gradient from black to transparent (black at the top, transparent at the bottom). Give this layer a <strong>80% opacity</strong> and a <strong>soft light</strong> or a <strong>hard mix</strong> blend.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/7.JPG" alt="Making a web 2.0 logo in Photoshop - Step 6" /></p>
<p><strong>Step 7</strong></p>
<p>Now to create a nice <strong>mirror effect</strong> we&#8217;ll move all the layers to the top of the canvas and duplicate the original shape layer.<strong> Flip Vertical</strong> the clone of the shape layer and align it so it touches the bottom of the original shape layer.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/8.JPG" alt="Making a web 2.0 logo in Photoshop - Step 7" /></p>
<p><strong>Step 8</strong></p>
<p>Add a new layer and using the <strong>Rectangular marquee tool</strong> make a selection starting at the bottom of the original shape layer like in the image below. Apply to this layer a gradient from white at the bottom to transparent at the top.</p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/9.JPG" alt="Making a web 2.0 logo in Photoshop - Step 8" /></p>
<p align="center"><img src="http://www.crazyleafdesign.com/blog/wp-content/uploads/2008/02/10.JPG" alt="Making a web 2.0 logo in Photoshop - Step 8 gradient" /></p>
<p><strong>Step 9</strong></p>
<p>Add some nice text using a good typeface and you&#8217;re set.</p>
<p><strong><a title="Making a Web 2.0 Logo in Photoshop PSD file" href="http://www.crazyleafdesign.com/blog/making-a-web-20-logo-in-photoshop/">Originaly posted at CrazyLeaf Design Blog</a></strong></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=253&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/making-a-web-20-logo-in-photoshop/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Adobe Illustrator tutorial &#8211; Making a flower</title>
		<link>http://tutorials20.com/design/adobe-illustrator-tutorial-making-a-flower/</link>
		<comments>http://tutorials20.com/design/adobe-illustrator-tutorial-making-a-flower/#comments</comments>
		<pubDate>Mon, 04 Jun 2007 01:44:30 +0000</pubDate>
		<dc:creator>crazyleaf</dc:creator>
				<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://tutorials20.com/design/adobe-illustrator-tutorial-making-a-flower/</guid>
		<description><![CDATA[CrazyLeaf Flower
Tutorial by CrazyLeaf Design
Download the source
In this tutorial we will learn how to make a flower using Adobe Illustrator. This is how it will look at the end.
1. The Paths. Create the basic paths for the flower using the pen tool.

2. The Petals. Apply the Gradient color. Select one of the petals and apply a linear gradient (using 3 colors as shown bellow) and select Multiply in Transparency pallete.

Select the other petals and using the Eyedropper tool click on the gradient petal to copy the fill. Adjust the gradient for each petal as needed.

3. The Filament. Make the filament [...]]]></description>
			<content:encoded><![CDATA[<p align="left"><strong>CrazyLeaf Flower</strong></p>
<p align="left">Tutorial by<strong> CrazyLeaf Design</strong></p>
<p align="left"><a href="http://www.crazyleafdesign.com/blog/crazyleaf_flower.pdf">Download the source</a></p>
<p>In this tutorial we will learn how to make a flower using <strong>Adobe Illustrator</strong>. This is how it will look at the end.</p>
<p><span style="color: #ff6600;"><strong>1. The Paths.</strong></span> Create the basic paths for the flower using the <strong>pen tool</strong>.</p>
<p><img src="http://img62.imageshack.us/img62/6465/21673188bq6.gif" alt="" /></p>
<p><span style="color: #ff6600;"><strong>2. The Petals.</strong></span> Apply the <strong>Gradient</strong> color. Select one of the petals and apply a <strong>linear gradient</strong> (using 3 colors as shown bellow) and select <strong>Multiply</strong> in <strong>Transparency</strong> pallete.</p>
<p><img src="http://img62.imageshack.us/img62/2162/91626599tc3.gif" alt="" /></p>
<p>Select the other petals and using the <strong>Eyedropper</strong> tool click on the gradient petal to copy the fill. Adjust the <strong>gradient</strong> for each petal as needed.</p>
<p><img src="http://img530.imageshack.us/img530/2171/13879224op2.gif" alt="" /></p>
<p><span style="color: #ff6600;"><strong>3. The Filament.</strong></span> Make the filament using the <strong>pen tool</strong>. Apply a 3 color gradient with the colors you like and select <strong>Multiply</strong> in <strong>Transparency</strong> pallete.</p>
<p><img src="http://img62.imageshack.us/img62/2392/67570436cx3.gif" alt="" /></p>
<p>Duplicate the filament for each petal.</p>
<p><span style="color: #ff6600;"><strong>4. The Center.</strong></span> Use the <strong>Ellipse Tool</strong>, make a circle, fill it with <strong>Radial Gradient</strong> (as shown) and select <strong>Multiply</strong> in <strong>Transparency</strong> pallete.</p>
<p><img src="http://img75.imageshack.us/img75/1285/61233912tc2.gif" alt="" /></p>
<p><span style="color: #ff6600;"><strong>5. The Final.</strong> </span>Duplicate the flower and adjust the <strong>transparency</strong> as well as the size of the clones. You are finished. Enjoy.</p>
<p><img src="http://img530.imageshack.us/img530/8724/92169344ej2.gif" alt="CrazyLeaf Flower" /></p>
<img src="http://tutorials20.com/?ak_action=api_record_view&id=238&type=feed" alt="" />]]></content:encoded>
			<wfw:commentRss>http://tutorials20.com/design/adobe-illustrator-tutorial-making-a-flower/feed/</wfw:commentRss>
		<slash:comments>32</slash:comments>
		</item>
	</channel>
</rss>

