<?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>Firetuts.com &#187; Text</title>
	<atom:link href="http://firetuts.com/category/text/feed/" rel="self" type="application/rss+xml" />
	<link>http://firetuts.com</link>
	<description>We can do it too</description>
	<lastBuildDate>Mon, 26 Dec 2011 20:48:14 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Letterpress text effect</title>
		<link>http://firetuts.com/2011/07/14/letterpress-text-effect-adobe-firework/</link>
		<comments>http://firetuts.com/2011/07/14/letterpress-text-effect-adobe-firework/#comments</comments>
		<pubDate>Thu, 14 Jul 2011 21:09:33 +0000</pubDate>
		<dc:creator>Firetuts</dc:creator>
				<category><![CDATA[Beginner]]></category>
		<category><![CDATA[Effects]]></category>
		<category><![CDATA[Text]]></category>

		<guid isPermaLink="false">http://firetuts.com/?p=222</guid>
		<description><![CDATA[This is a relatively easy effect to achieve and relies on only two filters to get a really good look and feel. 1. Find a font that has a thickness and shape to compliment the effect, in this case i&#8217;ve used good old Times New Roman. 2. Apply Inner shadow &#8220;distance &#62; 2&#8243; , &#8220;Opacity [...]]]></description>
			<content:encoded><![CDATA[<p><a href="http://firetuts.com/wp-content/uploads/2011/07/letterpress1.jpg"><img class="alignnone size-full wp-image-223" title="letterpress1" src="http://firetuts.com/wp-content/uploads/2011/07/letterpress1.jpg" alt="letterpress text effect" width="500" height="100" /></a></p>
<p>This is a relatively easy effect to achieve and relies on only two filters to get a really good look and feel.</p>
<p><span id="more-222"></span></p>
<p>1. Find a font that has a thickness and shape to compliment the effect, in this case i&#8217;ve used good old Times New Roman.</p>
<p>2. Apply <strong>Inner shadow</strong> &#8220;distance &gt; 2&#8243; , &#8220;Opacity &gt; 80%&#8221; , &#8220;softness &gt; 3&#8243; and &#8220;Angel &gt; 330°.</p>
<p>3. Apply <strong>Drop shadow</strong> &#8220;distance &gt; 2&#8243; , &#8220;Opacity &gt; 75%&#8221; , &#8220;softness &gt; 0&#8243; and &#8220;Angel &gt; 315°.</p>
<p><a href="http://firetuts.com/wp-content/uploads/2011/07/letterpress3.jpg"><img class="alignnone size-full wp-image-225" title="letterpress3" src="http://firetuts.com/wp-content/uploads/2011/07/letterpress3.jpg" alt="" width="500" height="375" /></a></p>
<p>4. If using a pattern background try adding a &#8220;filter &gt; Overlay&#8221; to let the pattern leach through the type face and effect.</p>
<p>5. The Finished effect.</p>
<p><a href="http://firetuts.com/wp-content/uploads/2011/07/letterpress4.jpg"><img class="alignnone size-full wp-image-226" title="letterpress4" src="http://firetuts.com/wp-content/uploads/2011/07/letterpress4.jpg" alt="" width="500" height="375" /></a></p>
<p><a href="http://firetuts.com/?download=Letterpress"><img src="http://firetuts.com/wp-content/themes/firetuts/images/download.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2011/07/14/letterpress-text-effect-adobe-firework/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Create custom fonts designs</title>
		<link>http://firetuts.com/2009/12/16/create-custom-fonts-designs/</link>
		<comments>http://firetuts.com/2009/12/16/create-custom-fonts-designs/#comments</comments>
		<pubDate>Wed, 16 Dec 2009 08:11:28 +0000</pubDate>
		<dc:creator>Firetuts</dc:creator>
				<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[anchor points]]></category>
		<category><![CDATA[font]]></category>
		<category><![CDATA[paths]]></category>

		<guid isPermaLink="false">http://firetuts.com/?p=133</guid>
		<description><![CDATA[Every now and again you will need to adjust the shape of a font you are using in a project, Ive needed to do this quite a few times when creating logo concepts that have a play on text shape rather than use a icon/shape logo. It&#8217;s an easy technique to learn and will give [...]]]></description>
			<content:encoded><![CDATA[<p><img class="alignnone size-full wp-image-134" title="adjust_text_1" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_1.png" alt="adjust_text_1" width="500" height="100" /></p>
<p>Every now and again you will need to adjust the shape of a font you are using in a project, Ive needed to do this quite a few times when creating logo concepts that have a play on text shape rather than use a icon/shape logo. It&#8217;s an easy technique to learn and will give you loads more scope when coming up with those creative concepts.</p>
<p><span id="more-133"></span></p>
<p>1.  Lets start with some plain text, Ive used Impact as its a safe font that most of you should have.</p>
<p><img class="alignnone size-full wp-image-134" title="adjust_text_1" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_1.png" alt="adjust_text_1" width="500" height="100" /></p>
<p>2. Now right click the text and select convert to paths</p>
<p><img class="alignnone size-full wp-image-135" title="adjust_text_2" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_2.png" alt="adjust_text_2" width="231" height="358" /></p>
<p>3. You will now have a Group of paths, so right click again and click ungroup to get a set of paths distributed to individual layers.</p>
<p><img class="alignnone size-full wp-image-136" title="adjust_text_3" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_3.png" alt="adjust_text_3" width="500" height="100" /></p>
<p>4. Now that we have our font in the format we want, we can now start to play around to get the font deign we want. To do this select your subselection tool <img class="alignnone size-full wp-image-138" title="sub_select" src="http://firetuts.com/wp-content/uploads/2009/12/sub_select1.png" alt="sub_select" width="24" height="25" /> from your toolbar and select the anchor points you would like to move. I have chosen to skew the bottom of the font to stretch downwards for this example but you are really only limited by you imagination.</p>
<p><img class="alignnone size-full wp-image-139" title="adjust_text_4" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_4.png" alt="adjust_text_4" width="500" height="100" /></p>
<p>5. To make the adjustment you can either drag and drop the selection or use cursor keys ( I prefer cursor keys as it gives me more control).</p>
<p><img class="alignnone size-full wp-image-140" title="adjust_text_5" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_5.png" alt="adjust_text_5" width="500" height="100" /></p>
<p>6. The final result.</p>
<p><img class="alignnone size-full wp-image-145" title="adjust_text_6" src="http://firetuts.com/wp-content/uploads/2009/12/adjust_text_6.png" alt="adjust_text_6" width="500" height="100" /></p>
<p><a title="Create custom fonts designs master file" href="http://firetuts.com/downloads/adjust_text_final.zip" target="_blank"><img class="alignnone size-full wp-image-146" title="download" src="http://firetuts.com/wp-content/uploads/2009/12/download.png" alt="download" width="275" height="50" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2009/12/16/create-custom-fonts-designs/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Add Radial Gradient in Text</title>
		<link>http://firetuts.com/2008/01/13/add-radial-gradient-in-text/</link>
		<comments>http://firetuts.com/2008/01/13/add-radial-gradient-in-text/#comments</comments>
		<pubDate>Sun, 13 Jan 2008 21:34:46 +0000</pubDate>
		<dc:creator>Firetuts</dc:creator>
				<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[Tips]]></category>
		<category><![CDATA[adobe]]></category>
		<category><![CDATA[design]]></category>
		<category><![CDATA[fireworks]]></category>
		<category><![CDATA[tutorial]]></category>

		<guid isPermaLink="false">http://firetuts.com/2008/01/13/add-radial-gradient-in-text/</guid>
		<description><![CDATA[This is a tip good for poster art. Add a radial gradient in bold text to spice things up. If you&#8217;re tired of using borders and bevels, try this. 1. Start off with your text on canvas however you want. Choose a very bold font, I used Impact as it is most common. 2. Select [...]]]></description>
			<content:encoded><![CDATA[<p><a title="txttut0.jpg" href="http://firetuts.com/wp-content/uploads/2008/01/txttut0.jpg"><img src="http://firetuts.com/wp-content/uploads/2008/01/txttut0.jpg" alt="txttut0.jpg" /></a></p>
<p>This is a tip good for poster art. Add a radial gradient in bold text to spice things up. If you&#8217;re tired of using borders and bevels, try this.</p>
<p><span id="more-96"></span><br />
1. Start off with your text on canvas however you want. Choose a very bold font, I used Impact as it is most common.</p>
<p><a title="txttut1.jpg" href="http://firetuts.com/wp-content/uploads/2008/01/txttut1.jpg"><img src="http://firetuts.com/wp-content/uploads/2008/01/txttut1.jpg" alt="txttut1.jpg" /></a></p>
<p>2. Select the text and click the Fill Color square, and click Fill Options. Choose gradient instead of the default solid. Then choose Radial among the types of gradients.</p>
<p><a title="txttut2.jpg" href="http://firetuts.com/wp-content/uploads/2008/01/txttut2.jpg"><img src="http://firetuts.com/wp-content/uploads/2008/01/txttut2.jpg" alt="txttut2.jpg" /></a></p>
<p>3. Choose your colors, preferably darker on the edges and bright on the center.</p>
<p><a title="txttut3.jpg" href="http://firetuts.com/wp-content/uploads/2008/01/txttut3.jpg"><img src="http://firetuts.com/wp-content/uploads/2008/01/txttut3.jpg" alt="txttut3.jpg" /></a></p>
<p>The result is a simple beautification of your headline or title.</p>
<p>4. And optionally, create a rectangle and fill with another radial gradient.</p>
<p><a title="txttut4.jpg" href="http://firetuts.com/wp-content/uploads/2008/01/txttut4.jpg"><img src="http://firetuts.com/wp-content/uploads/2008/01/txttut4.jpg" alt="txttut4.jpg" /></a></p>
<p><!--adsense--><br />
<a href="http://firetuts.com/?download=Gradient%20Text%20Master%20File"><img src="http://firetuts.com/wp-content/themes/firetuts/images/download.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2008/01/13/add-radial-gradient-in-text/feed/</wfw:commentRss>
		<slash:comments>13</slash:comments>
		</item>
		<item>
		<title>Realistic 10-step 3D simulation with reflection in Fireworks 8</title>
		<link>http://firetuts.com/2007/11/17/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/</link>
		<comments>http://firetuts.com/2007/11/17/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/#comments</comments>
		<pubDate>Sat, 17 Nov 2007 19:59:28 +0000</pubDate>
		<dc:creator>Lucian</dc:creator>
				<category><![CDATA[Effects]]></category>
		<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Text]]></category>

		<guid isPermaLink="false">http://firetuts.com/index.php/2007/11/17/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/</guid>
		<description><![CDATA[&#160; Our first guest post is written by Lucian. Enjoy! This tutorial will show how a realistic 3d shape, such as text, could be created in Fireworks 8, a 2d software. 1. Create a new file and have a rectangle with a gradient fill be the background. &#160; 2. Add some text. Be sure the [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut0.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut0.jpg" alt="" /></a></p>
<p><em>Our first guest post is written by <a href="http://dFever.deviantart.com">Lucian</a>. Enjoy! </em></p>
<p>This tutorial will show how a realistic 3d shape, such as text, could be created in Fireworks 8, a 2d software.</p>
<p><span id="more-49"></span></p>
<p>1. Create a new file and have a rectangle with a gradient fill be the background.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut1.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut1.jpg" alt="" /></a></p>
<p>2. Add some text. Be sure the font is thick/bold so the 3d effect will look better.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut2.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut2.jpg" alt="" /></a></p>
<p>3. Give the text a perspective using the Distort tool or other method of choice. In this tutorial I will give the text an isometric perspective by first rotating it 45 degrees either way (holding Shift while rotating it), and subtracting 50% of its new height.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut3.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut3.jpg" alt="" /></a></p>
<p>4. Now that we gave it a perspective, you can either choose to add an outline or not. I added a 2px white outline.</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut4.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut4.jpg" alt="" /></a></p>
<p>5. For better results and individual effects, we will convert the text to paths (Right-click &gt; Convert To Paths) and ungroup the new group created.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut5.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut5.jpg" alt="" /></a></p>
<p>6. Now we are ready to add some extrusion to the text. With all paths selected (step 5), add a Solid Shadow effect found under Shadow and Glow option in the Live Filters menu in the Propeties panel (bottom of window). The effect should have a value of 270 degrees angle (depending on the perspective), and the distance is up to you. Make sure you check the Solid Color box and change the color to a slightly darker gray than the white of our outlines, such as #EFEFEF.</p>
<p>NOTE: Rearrange the order of the letters after adding the Solid Shadow effect (in Layers panel or Ctrl+Up/Down) such as the closest letter to you is on the top layer and the farthest is on the bottom one.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut6.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut6.jpg" alt="" /></a></p>
<p>7. This step is optional but it gives a touch of lightning to the scene and reinforces the 3d perspective. Having all letters selected, add a Inner Shadow effect to all of them (found under Shadow and Glow menu). Give this effect the following values: distance-10, opacity &#8211; 20%, softness-20, and angle-90 degrees (adjustments may be necesary depending on size, perspective, and Solid Shadow distance of the text).</p>
<p>The text should look like this:</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut7.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut7.jpg" alt="" /></a></p>
<p>Now that we have the 3d text created, we can group its letters for easier handling.</p>
<p>8. It is time to add a reflection into the floor. Duplicate the text, send it below the actual extruded text (in Layers panel or Ctrl+Up/Down) and move it down wherever you want the reflection. Reflecting the bottom face of the original 3d text, I recommend making the reflection darker by changing its brightness using the Brightness/Contrast filter found under Adjust Color in the Live Filters menu ( I reduced the brightness to -50 ). Take the opacity of the reflection down to about 10%.</p>
<p>Here is the outcome:</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut8.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut8.jpg" alt="" /></a></p>
<p>9. The final touch towards the 3d effect is adding a shadow casted by the extruded text onto the floor. Once again we will duplicate the text, ungroup the copy and remove both the Solid Shadow and Inner Shadow effects from the letters. Now we can regroup it and using the Color Fill option found under the Adjust Color menu, we give the group a black fill.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut9.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut9.jpg" alt="" /></a></p>
<p>10. Place the shadow&#8217;s layer between the extruded text layer the and reflection layer. Its position on the canvas should be half way between the reflection and the extruded text (where all shadows should be) as shown in the below image . Now give the shadow a Gaussian Blur with a radius of 5, and reduce the opacity to 50%.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/wp-content/uploads/2007/11/3dtut10.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/3dtut10.jpg" alt="" /></a></p>
<p>There you have it.</p>
<p>For more examples of 3d simulation in Fireworks, please visit http://dFever.deviantart.com .</p>
<p>Lucian Dragomir</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/?download=3D%20Text%20Tutorial%20Master%20File"><img src="http://firetuts.com/wp-content/themes/firetuts/images/download.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2007/11/17/realistic-10-step-3d-simulation-with-reflection-in-fireworks-8/feed/</wfw:commentRss>
		<slash:comments>30</slash:comments>
		</item>
		<item>
		<title>How to Make Text Glow Better</title>
		<link>http://firetuts.com/2007/11/10/how-to-make-text-glow-better/</link>
		<comments>http://firetuts.com/2007/11/10/how-to-make-text-glow-better/#comments</comments>
		<pubDate>Sat, 10 Nov 2007 20:28:33 +0000</pubDate>
		<dc:creator>Firetuts</dc:creator>
				<category><![CDATA[Intermediate]]></category>
		<category><![CDATA[Text]]></category>
		<category><![CDATA[text effects tutorial fireworks adobe glow]]></category>

		<guid isPermaLink="false">http://firetuts.com/index.php/2007/11/10/how-to-make-text-glow-better/</guid>
		<description><![CDATA[&#160; Instead of using the default Glow filter for the text, you can use other methods to make your text shine in the dark. This tutorial will show you a combination of them. 1. First type your text in white on a black background. Give the text an inner glow: #CCFFFF, width 2, softness 6, [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut0.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut0.jpg" alt="" /></a></p>
<p>Instead of using the default Glow filter for the text, you can use other methods to make your text shine in the dark. This tutorial will show you a combination of them.</p>
<p><span id="more-43"></span></p>
<p>1. First type your text in white on a black background. Give the text an inner glow: #CCFFFF, width 2, softness 6, opacity 65.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut1.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut1.jpg" alt="" /></a></p>
<p>2. Duplicate the text and give the one underneath a Gaussian blur, radius 4.1. This will make a more natural glow.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut2.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut2.jpg" alt="" /></a></p>
<p>3. Duplicate the main text again and flip it vertically. Position it below the main text and set fill to linear gradient, bottom edge zero opacity. This will make a reflective surface effect, like <a href="http://firetuts.com/index.php/2007/10/22/create-web20-logos-with-fireworks/">this one</a>, only less visible.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut3.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut3.jpg" alt="" /></a></p>
<p>4. Create a rectangle the size of the whole canvas minus the rectangular area directly under the main text. In other words, fill everything except the &#8220;surface&#8221; the text is standing on. Set to radial gradient with a blue (#003333) center.</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut4.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut4.jpg" alt="" /></a></p>
<p>5. Then draw a horizontal ellipse (its width six times its height, or however desired) and set it to white, 100 Feather and overlay. Put it on top of the rectangle and underneath the texts.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/11/glotut5.png"><img src="http://firetuts.com/wp-content/uploads/2007/11/glotut5.png" alt="" /></a></p>
<p>There you have it, a decent text glow. Do some tweaking and you have yourself a doable text logo for your company.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/?download=Text%20Glow%20Tutorial%20Master%20File"><img src="http://firetuts.com/wp-content/themes/firetuts/images/download.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2007/11/10/how-to-make-text-glow-better/feed/</wfw:commentRss>
		<slash:comments>4</slash:comments>
		</item>
		<item>
		<title>Create Web2.0 logos with Fireworks</title>
		<link>http://firetuts.com/2007/10/22/create-web20-logos-with-fireworks/</link>
		<comments>http://firetuts.com/2007/10/22/create-web20-logos-with-fireworks/#comments</comments>
		<pubDate>Mon, 22 Oct 2007 18:53:47 +0000</pubDate>
		<dc:creator>Firetuts</dc:creator>
				<category><![CDATA[Beginner]]></category>
		<category><![CDATA[Text]]></category>

		<guid isPermaLink="false">http://firetuts.com/index.php/2007/10/22/create-web20-logos-with-fireworks/</guid>
		<description><![CDATA[&#160; You can make your very own Web2.0-style logo with Adobe Fireworks. Here I&#8217;ll teach you a few simple techniques that can help you do just that. There are more methods out there, but here&#8217;s my favorite ones. 1. First, make a circle and set its vertical linear gradient fill to #0099CC #003333. Type &#8216;f&#8217; [...]]]></description>
			<content:encoded><![CDATA[<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut0.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut0.jpg" alt="" /></a></p>
<p>You can make your very own Web2.0-style logo with Adobe Fireworks. Here I&#8217;ll teach you a few simple techniques that can help you do just that. There are more methods out there, but here&#8217;s my favorite ones.</p>
<p><span id="more-15"></span></p>
<p>1. First, make a circle and set its vertical linear gradient fill to #0099CC #003333. Type &#8216;f&#8217; on it and set that to #FFFFFF, Trebuchet MS italicized, inner shadow distance 1.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut1.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut1.jpg" alt="" /></a></p>
<p>You will get one simple yet attractive logo using the first letter of your company name. This is one technique. Here&#8217;s another.</p>
<p>2. Type the whole company name with Trebuchet MS or any other font you think is appropriate. Set that to vertical linear gradient with the same colors as the circle.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut2.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut2.jpg" alt="" /></a></p>
<p>Now you already have a decent name logo. But I&#8217;m gonna show you more techniques.</p>
<p>3. Draw an ellipse and set it to #FFFFFF and 25% opacity. Put it between the two objects, above the name and below the circle.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut3.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut3.jpg" alt="" /></a></p>
<p>This will make the text look glossy.</p>
<p>4. Now select the text and duplicate it. Modify&gt;&gt;Transform&gt;&gt;Flip Vertical. Set the fill to #003333 on both ends and set the bottom edge to 0% opacity. Position it underneath the original name to create a shadow effect. Don&#8217;t forget to adjust the gradient position: put it higher.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut4.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut4.jpg" alt="" /></a></p>
<p>But wait, there&#8217;s more!</p>
<p>5. Using a Star tool, draw a star and set it to 10 points and decrease its radius to make it less pointy. Set its outline to #FFFFFF and add a drop shadow effect. Put it underneath all layers. Type &#8216;NEW&#8217; in uppercase and fit that in the star.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut5.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut5.jpg" alt="" /></a></p>
<p>6. And for the last technique, draw a rectangle and set it to vertical linear gradient fill with white on top and gray on the bottom. This will make the logo look like its sitting on a shiny floor.</p>
<p>&nbsp;</p>
<p style="text-align: center;"><a href="http://firetuts.com/wp-content/uploads/2007/10/web20tut6.jpg"><img src="http://firetuts.com/wp-content/uploads/2007/10/web20tut6.jpg" alt="" /></a></p>
<p>And there you have it! I hope these tricks will make your logo look better.</p>
<p>&nbsp;</p>
<p><a href="http://firetuts.com/?download=Web%202.0%20Logo%20Master%20File"><img src="http://firetuts.com/wp-content/themes/firetuts/images/download.png" alt="" /></a></p>
]]></content:encoded>
			<wfw:commentRss>http://firetuts.com/2007/10/22/create-web20-logos-with-fireworks/feed/</wfw:commentRss>
		<slash:comments>17</slash:comments>
		</item>
	</channel>
</rss>

<!-- Performance optimized by W3 Total Cache. Learn more: http://www.w3-edge.com/wordpress-plugins/

Served from: firetuts.com @ 2012-02-04 05:53:41 -->
