<?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>LogoBang.net &#187; Tutorial</title>
	<atom:link href="http://www.logobang.net/tag/tutorial/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.logobang.net</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Thu, 12 Nov 2009 20:32:45 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.2</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Creating an Envelope Icon in Illustrator</title>
		<link>http://www.logobang.net/2009/04/14/creating-an-envelope-icon-in-illustrator/</link>
		<comments>http://www.logobang.net/2009/04/14/creating-an-envelope-icon-in-illustrator/#comments</comments>
		<pubDate>Tue, 14 Apr 2009 23:48:18 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[graphic design]]></category>
		<category><![CDATA[illustrator]]></category>

		<guid isPermaLink="false">http://www.logobang.net/?p=246</guid>
		<description><![CDATA[Everyone loves icons these days, here we&#8217;re going to show you how to make a really cool envelope icon.

1. Select the rectangle tool and draw a horizontal rectangle, make sure you have a bold black stroke around that.

2. Add a linear gradient to the rectangle, make sure the angle is set at 0 and that [...]]]></description>
			<content:encoded><![CDATA[<p>Everyone loves icons these days, here we&#8217;re going to show you how to make a really cool envelope icon.</p>
<p><img class="alignnone size-full wp-image-214" title="env_step1" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step1.jpg" alt="env_step1" width="380" height="205" /><br />
1. Select the rectangle tool and draw a horizontal rectangle, make sure you have a bold black stroke around that.<br />
<img class="alignnone size-full wp-image-215" title="env_step2" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step2.jpg" alt="env_step2" width="380" height="205" /><br />
2. Add a linear gradient to the rectangle, make sure the angle is set at 0 and that the white is on the outside while the gray is in the middle.<br />
<img class="alignnone size-full wp-image-216" title="env_step3" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step3.jpg" alt="env_step3" width="380" height="205" /><br />
3.  Using the pen tool, draw a triangle as shown above, this will serve as the bottom of your envelope. Be sure to have the same stroke as the previous rectangle you drew.<br />
<img class="alignnone size-full wp-image-217" title="env_step4" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step4.jpg" alt="env_step4" width="380" height="205" /><br />
4. Using a gray and white gradient, add a linear gradient to the triangle, make sure that the gray slider is to the right and the angle is at -90.<br />
<img class="alignnone size-full wp-image-218" title="env_step5" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step5.jpg" alt="env_step5" width="380" height="205" /><br />
5. Draw a rounded square with the same stroke as the previous objects, this will be the start of the top of your envelope.</p>
<p><img class="alignnone size-full wp-image-219" title="env_step6" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step6.jpg" alt="env_step6" width="380" height="205" /><br />
6. With your rounded square selected, double click on the rotate tool and set the angle at 45.<br />
<img class="alignnone size-full wp-image-220" title="env_step7" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step7.jpg" alt="env_step7" width="380" height="205" /></p>
<p>7. After your shape has been rotated, click on the top ruler of the window and drag down to pull a guide line.</p>
<p><img class="alignnone size-full wp-image-221" title="env_step8" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step8.jpg" alt="env_step8" width="380" height="205" /></p>
<p>8. Select the guideline and the shape. Use the divide selection on the pathfinder tool to cut the shape.<br />
<span style="font-size: 12pt; font-family: Helvetica;"><br />
</span></p>
<p><img class="alignnone size-full wp-image-222" title="env_step9" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step9.jpg" alt="env_step9" width="380" height="205" /><br />
9. Delete the top portion to leave only the above image.</p>
<p><img class="alignnone size-full wp-image-223" title="env_step10" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step10.jpg" alt="env_step10" width="380" height="205" /></p>
<p>10. Add a gradient fill by selecting the gradient tool from the palette. Make sure you&#8217;re using a light gray and white for you gradient. Set the type to linear and the angle to -90. The light gray color should be place to the right of the slider.</p>
<p><img class="alignnone size-full wp-image-224" title="env_step11" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step11.jpg" alt="env_step11" width="380" height="205" /><br />
11. Set the two triangles above the rectangle to form the envelope.</p>
<p><img class="alignnone size-full wp-image-225" title="env_step12" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step12.jpg" alt="env_step12" width="380" height="205" /></p>
<p>12. Copy the top shape on the envelope and add a gradient fill with these settings: Type: Linear, Angle: -90, Transparency: Multiply and Opacity to 100%. Leave the dark gray color to the right of the slider, just like we did on the previous steps.<br />
<span style="font-size: 12pt; font-family: Helvetica;"></span></p>
<p><img class="alignnone size-full wp-image-226" title="env_step13" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step13.jpg" alt="env_step13" width="380" height="205" /><br />
13. Select the top envelope flap and bring to front.<br />
<img class="alignnone size-full wp-image-227" title="env_step14" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step14.jpg" alt="env_step14" width="380" height="205" /><br />
14. Move the shape from step 12 to sit just below the top flap, this will serve as the shadow for the top flap. Also put a bolder stroke on the main rectangle.</p>
<p><img class="alignnone size-full wp-image-228" title="env_step15" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step15.jpg" alt="env_step15" width="380" height="205" /><br />
15. Using the pen tool draw a shape that will add and accent the top envelope flap.  Add a gradient with the following settings for the gradient and the transparency: Type: Linear, Angle: -90,Transparency: Multiply and Opacity 100%.</p>
<p><img class="alignnone size-full wp-image-213" title="env_step16" src="http://www.logobang.net/wp-content/uploads/2009/04/env_step16.jpg" alt="env_step16" width="380" height="205" /><br />
16. This is how your enevelope should turn out. We added a few extra touches to make it pop, which we&#8217;ll cover in a future tutorial.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.logobang.net/2009/04/14/creating-an-envelope-icon-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
		<item>
		<title>How To Make an iPhone Style Icon</title>
		<link>http://www.logobang.net/2009/03/24/how-to-make-an-iphone-style-icon/</link>
		<comments>http://www.logobang.net/2009/03/24/how-to-make-an-iphone-style-icon/#comments</comments>
		<pubDate>Tue, 24 Mar 2009 23:25:26 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[icon]]></category>
		<category><![CDATA[iphone]]></category>

		<guid isPermaLink="false">http://www.logobang.net/?p=162</guid>
		<description><![CDATA[Since the release of the iPhone it&#8217;s been very popular not only for users  but for application programmers,  here in this tutorial, we&#8217;re gonna show you how to make a proper iPhone styled icon.

1. Draw a square with the Rounded Rectangle tool.

2. Fill the shape with a 90 degree Linear gradient with 3 different shades, [...]]]></description>
			<content:encoded><![CDATA[<p>Since the release of the iPhone it&#8217;s been very popular not only for users  but for application programmers,  here in this tutorial, we&#8217;re gonna show you how to make a proper<a href="http://www.apple.com/iphone/"> iPhone</a> styled icon.</p>
<p><img class="alignnone size-full wp-image-153" title="step1" src="http://www.logobang.net/wp-content/uploads/2009/03/step1.jpg" alt="step1" width="380" height="205" /></p>
<p>1. Draw a square with the Rounded Rectangle tool.</p>
<p><img class="alignnone size-full wp-image-154" title="step2" src="http://www.logobang.net/wp-content/uploads/2009/03/step2.jpg" alt="step2" width="380" height="205" /></p>
<p>2. Fill the shape with a 90 degree Linear gradient with 3 different shades, make sure the darkest shade is on top while the lightest shade is at the bottom.</p>
<p><img class="alignnone size-full wp-image-155" title="step3" src="http://www.logobang.net/wp-content/uploads/2009/03/step3.jpg" alt="step3" width="380" height="205" /><br />
3.  Make a copy of the shape and draw an ellipse above that shape. Make sure the ellipse is centered vertically with the rounded square.</p>
<p><img class="alignnone size-full wp-image-156" title="step4" src="http://www.logobang.net/wp-content/uploads/2009/03/step4.jpg" alt="step4" width="380" height="205" /><br />
4. Select both shapes and divide them by using the Pathfinder tool.</p>
<p>5. Delete the bottom part of the divided rounded square and the top part of the ellipse.</p>
<p>6. Select the remaining part of the divided shape as well as the original rounded square, make sure the they are aligned horizontally and at the top using the align tool.<br />
<img class="alignnone size-full wp-image-157" title="step5" src="http://www.logobang.net/wp-content/uploads/2009/03/step5.jpg" alt="step5" width="380" height="205" /><br />
7. Fill the newly formed top of the square with a black and white gradient, make sure the gradient is a linear at -90 degrees and that Hard Light is selected for the transparency.<br />
<img class="alignnone size-full wp-image-158" title="step6" src="http://www.logobang.net/wp-content/uploads/2009/03/step6.jpg" alt="step6" width="380" height="205" /><br />
8. Select the main square and add a think stroke to it.</p>
<p><img class="alignnone size-full wp-image-159" title="step7" src="http://www.logobang.net/wp-content/uploads/2009/03/step7.jpg" alt="step7" width="380" height="205" /></p>
<p>9. Import your desired logo.</p>
<p><img class="alignnone size-full wp-image-160" title="step8" src="http://www.logobang.net/wp-content/uploads/2009/03/step8.jpg" alt="step8" width="380" height="205" /><br />
10. Select the top portion of the rounded square and bring it to the front.</p>
<p><img class="alignnone size-full wp-image-152" title="step9" src="http://www.logobang.net/wp-content/uploads/2009/03/step9.jpg" alt="step9" width="380" height="205" /><br />
11. This is how your final icon should look, minus the reflection, which we will cover in another tutorial.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.logobang.net/2009/03/24/how-to-make-an-iphone-style-icon/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>How to Draw Polar Lines in Illustrator</title>
		<link>http://www.logobang.net/2009/02/20/how-to-draw-polar-lines-in-illustrator/</link>
		<comments>http://www.logobang.net/2009/02/20/how-to-draw-polar-lines-in-illustrator/#comments</comments>
		<pubDate>Fri, 20 Feb 2009 23:38:27 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Tutorial]]></category>
		<category><![CDATA[illustrator]]></category>
		<category><![CDATA[polar lines]]></category>

		<guid isPermaLink="false">http://www.logobang.net/?p=144</guid>
		<description><![CDATA[Here is another fun and easy tutorial on how to draw polar lines in illustrator.

1. Select the Rectangle tool and draw two identically sized vertical rectangles in two complimenting colors, we chose green and orange.

2. Duplicate the rectangles, we duplicated the set 5 more times, though it&#8217;s up to you on how many times you [...]]]></description>
			<content:encoded><![CDATA[<p>Here is another fun and easy tutorial on how to draw polar lines in illustrator.</p>
<p><img class="alignnone size-full wp-image-137" title="polar_step1" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step1.jpg" alt="polar_step1" width="380" height="205" /><br />
1. Select the Rectangle tool and draw two identically sized vertical rectangles in two complimenting colors, we chose green and orange.</p>
<p><img class="alignnone size-medium wp-image-138" title="polar_step2" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step2-300x161.jpg" alt="polar_step2" width="300" height="161" /><br />
2. Duplicate the rectangles, we duplicated the set 5 more times, though it&#8217;s up to you on how many times you want to duplicate them.</p>
<p><img class="alignnone size-full wp-image-139" title="polar_step3" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step3.jpg" alt="polar_step3" width="380" height="205" /><br />
3. Select all the rectangles and in the brushes window, select New Pattern Brush and click OK.</p>
<p><img class="alignnone size-full wp-image-140" title="polar_step4" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step4.jpg" alt="polar_step4" width="380" height="205" /><br />
4. Leave the settings at the default, and click OK.</p>
<p><img class="alignnone size-full wp-image-141" title="polar_step5" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step5.jpg" alt="polar_step5" width="380" height="205" /><br />
5. Your new pattern will appear in the brushes window.</p>
<p><img class="alignnone size-full wp-image-142" title="polar_step6" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step6.jpg" alt="polar_step6" width="380" height="205" /><br />
6. Using the circle tool, draw a circle and apply the brush you just created.</p>
<p><img class="alignnone size-full wp-image-143" title="polar_step7" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step7.jpg" alt="polar_step7" width="380" height="205" /><br />
7. Your circle should come out looking like the above circle.</p>
<p><img class="alignnone size-full wp-image-136" title="polar_step8" src="http://www.logobang.net/wp-content/uploads/2009/03/polar_step8.jpg" alt="polar_step8" width="380" height="205" /><br />
8. You can then use the polar stripes as a background for a neat effect.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.logobang.net/2009/02/20/how-to-draw-polar-lines-in-illustrator/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
	</channel>
</rss>
