<?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>Digital*Impulse &#187; Design</title>
	<atom:link href="http://digital-impulse.com/tag/design/feed/" rel="self" type="application/rss+xml" />
	<link>http://digital-impulse.com</link>
	<description>Where&#039;s my motivation...?</description>
	<lastBuildDate>Sat, 08 May 2010 16:40:16 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.9.1</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Pliant Redux Cursors</title>
		<link>http://digital-impulse.com/2010/04/22/pliant-redux-cursors/</link>
		<comments>http://digital-impulse.com/2010/04/22/pliant-redux-cursors/#comments</comments>
		<pubDate>Thu, 22 Apr 2010 05:04:20 +0000</pubDate>
		<dc:creator>DigitalCHET</dc:creator>
				<category><![CDATA[Cursors]]></category>
		<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Skinning]]></category>
		<category><![CDATA[CursorFX]]></category>
		<category><![CDATA[CursorXP]]></category>
		<category><![CDATA[Design]]></category>

		<guid isPermaLink="false">http://digital-impulse.com/?p=721</guid>
		<description><![CDATA[<p>So it&#8217;s been quite a while since I last posted anything here, but in between the limited time between work, rest and everyday life, I&#8217;ve finally managed to come up with something cool to upload and show off.   <img src='http://digital-impulse.com/wp-includes/images/smilies/ThumbsUp.png'&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>So it&#8217;s been quite a while since I last posted anything here, but in between the limited time between work, rest and everyday life, I&#8217;ve finally managed to come up with something cool to upload and show off.   <img src='http://digital-impulse.com/wp-includes/images/smilies/ThumbsUp.png' alt=':thumbup:' class='wp-smiley' /> </p>
<p>Introducing the <strong>Pliant Redux</strong> set of cursor pointers for <a title="Stardock CursorFX" href="http://www.stardock.com/products/cursorfx/" target="_blank">Stardock&#8217;s CursorFX</a> product.</p>
<p><span id="more-721"></span>These cursors were inspired by the original <a href="http://digitalchet.deviantart.com/art/Pliant-Cursors-13562056" target="_blank">Pliant</a> set of CFX &amp; CXP cursors I released in late 2004.  Since then, they&#8217;ve been downloaded thousands of times from the various sites on which I made them available, and even to this day I receive positive comments and feedback.  So I felt it was about time they received a makeover.</p>

<a href="http://digital-impulse.com/wp-content/gallery/preview-imageswb/PliantReduxPreview.jpg" title="" class="shutterset_singlepic196" >
	<img class="ngg-singlepic ngg-center" src="http://digital-impulse.com/wp-content/gallery/cache/196__512x322_PliantReduxPreview.jpg" alt="Pliant Redux Preview" title="Pliant Redux Preview" />
</a>

<p>I wanted this set to be sharper and more professional than the last set so I spent some time looking at what makes great cursor sets, well&#8230; great, and what made the Pliant set so popular and tried to blend those ingredients together into a whole new creation.</p>
<p>So download, enjoy and leave a comment.  <img src='http://digital-impulse.com/wp-includes/images/smilies/Grin.png' alt=':grin:' class='wp-smiley' /> </p>
<p style="text-align: center;"><a href="http://digital-impulse.com/wp-content/files/PliantRedux.CursorFX"><img src="http://digital-impulse.com/images/FileDLPliant.png" alt="Download File Now (76.6KB)" width="191" height="52" /></a><br /><span style="font-size: xx-small;">Or download this file from my<a title="Download from DeviantART" href="http://digitalchet.deviantart.com/" target="_blank"><br />DeviantART</a>, or <a title="Download from WinCustomize" href="http://digitalchet.wincustomize.com/" target="_blank">WinCustomize</a> galleries.</span></p>
	Tags: <a href="http://digital-impulse.com/tag/cursorfx/" title="CursorFX" rel="tag">CursorFX</a>, <a href="http://digital-impulse.com/tag/cursorxp/" title="CursorXP" rel="tag">CursorXP</a>, <a href="http://digital-impulse.com/tag/design/" title="Design" rel="tag">Design</a>, <a href="http://digital-impulse.com/tag/skinning/" title="Skinning" rel="tag">Skinning</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://digital-impulse.com/2009/02/02/spectral-tableau-release/" title="Spectral Tableau Release (Mon, Feb-2-09)">Spectral Tableau Release</a> (0)</li>
	<li><a href="http://digital-impulse.com/2009/05/28/star-wars-digicons/" title="Star Wars Digi*Cons (Thu, May-28-09)">Star Wars Digi*Cons</a> (2)</li>
	<li><a href="http://digital-impulse.com/2008/10/19/digitalimpulse-style-logo-tutorial/" title="Digital*Impulse Style Logo Tutorial (Part 1) (Sun, Oct-19-08)">Digital*Impulse Style Logo Tutorial (Part 1)</a> (1)</li>
	<li><a href="http://digital-impulse.com/2008/10/18/a-bit-of-this-and-a-bit-of-that/" title="A bit of this and a bit of that&#8230; (Sat, Oct-18-08)">A bit of this and a bit of that&#8230;</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://digital-impulse.com/2010/04/22/pliant-redux-cursors/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
		<item>
		<title>Spectral Tableau Release</title>
		<link>http://digital-impulse.com/2009/02/02/spectral-tableau-release/</link>
		<comments>http://digital-impulse.com/2009/02/02/spectral-tableau-release/#comments</comments>
		<pubDate>Sun, 01 Feb 2009 21:04:35 +0000</pubDate>
		<dc:creator>DigitalCHET</dc:creator>
				<category><![CDATA[Skinning]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[LogonStudio Vista]]></category>
		<category><![CDATA[Photoshop]]></category>
		<category><![CDATA[Release]]></category>
		<category><![CDATA[Wallpapers]]></category>

		<guid isPermaLink="false">http://digital-impulse.com/?p=475</guid>
		<description><![CDATA[<p style="text-align: center;"><img class="ngg-singlepic ngg-center aligncenter" src="http://digital-impulse.com/wp-content/gallery/preview-images/SpectralTableauPostPreview.jpg" alt="Spectral Tableau Preview" width="520" height="100" /></p>
<p>This piece has been in the <strong>Digital*Impulse</strong> vault for a while now but I&#8217;ve finally decided to release it publicly.</p>
<p><span id="more-475"></span></p>
<h3>About The Artwork</h3>
<p>Sometime last year I happened upon a great tutorial provided by the folks&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p style="text-align: center;"><img class="ngg-singlepic ngg-center aligncenter" src="http://digital-impulse.com/wp-content/gallery/preview-images/SpectralTableauPostPreview.jpg" alt="Spectral Tableau Preview" width="520" height="100" /></p>
<p>This piece has been in the <strong>Digital*Impulse</strong> vault for a while now but I&#8217;ve finally decided to release it publicly.</p>
<p><span id="more-475"></span></p>
<h3>About The Artwork</h3>
<p>Sometime last year I happened upon a great tutorial provided by the folks at <a title="Quickly build an abstract background of colored bars" href="http://psdtuts.com/tutorials/tutorials-effects/quickly-build-a-abstract-background-of-colored-bars/">PSDTuts</a> and decided I&#8217;d try it out and see what I could make out of it.  I started following the tutorial and finally ended up with something that slightly resembled the final image in the tutorial.  Since I was quite happy with the initial results, I decided to continue editing and see how else I could improve it, so I kept tinkering with the idea of <span title="-adj 1. very sheer and light; almost completely transparent or translucent. 2. delicately hazy.">diaphanous</span> ribbons and started shaping them with the Warp Transform tool in Photoshop.<br />
 After much flubbing about with layers and masks to get the right look I ended up with what you now see.  There&#8217;s a couple of small areas which I would have liked to have turned out different but I think it came out OK in the end.</p>
<h3>LogonStudio Vista</h3>
<p><!--
<a href="http://digital-impulse.com/wp-content/gallery/preview-images/SpectralTableauPreview.jpg" title="Spectral Tableau (Vista Reflections)" class="shutterset_singlepic176" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/176__520x325_SpectralTableauPreview.jpg" alt="Spectral Tableau (Vista Reflections)" title="Spectral Tableau (Vista Reflections)" />
</a>
--></p>

<a href="http://digital-impulse.com/wp-content/gallery/preview-images/SpectralTableauPreview.jpg" title="Spectral Tableau (Vista Reflections)" class="shutterset_singlepic176" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/176__520xfloat=_SpectralTableauPreview.jpg" alt="Spectral Tableau (Vista Reflections)" title="Spectral Tableau (Vista Reflections)" />
</a>

<p>In addition to the wallpaper, I whipped up a LogonStudio Vista theme using <a title="Visit GCTonyHawk's gallery at DeviantART" href="http://gcthawk7.deviantart.com/" target="_blank">GCTonyHawk7</a>&#8217;s fantastic <a title="View this artwork at DeviantART" href="http://gcthawk7.deviantart.com/art/Vista-Reflections-3-PSD-111293996" target="_blank">Vista Reflections 3</a> template.  I&#8217;m quite pleased with the way it came out as Justin did a great job on the glass effect and making the PSD easy to use provided you have a version of PS that supports Smart Objects and read the instructions Justin has kindly provided.  <img src='http://digital-impulse.com/wp-includes/images/smilies/TongueWink.png' alt=';P' class='wp-smiley' /> </p>
<p>So download, comment and enjoy.  <img src='http://digital-impulse.com/wp-includes/images/smilies/Smile.png' alt='8)' class='wp-smiley' /> </p>
Note: There is a file embedded within this post, please visit this post to download the file.
	Tags: <a href="http://digital-impulse.com/tag/design/" title="Design" rel="tag">Design</a>, <a href="http://digital-impulse.com/tag/logonstudio-vista/" title="LogonStudio Vista" rel="tag">LogonStudio Vista</a>, <a href="http://digital-impulse.com/tag/photoshop/" title="Photoshop" rel="tag">Photoshop</a>, <a href="http://digital-impulse.com/tag/release/" title="Release" rel="tag">Release</a>, <a href="http://digital-impulse.com/tag/skinning/" title="Skinning" rel="tag">Skinning</a>, <a href="http://digital-impulse.com/tag/wallpapers/" title="Wallpapers" rel="tag">Wallpapers</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://digital-impulse.com/2010/04/22/pliant-redux-cursors/" title="Pliant Redux Cursors (Thu, Apr-22-10)">Pliant Redux Cursors</a> (1)</li>
	<li><a href="http://digital-impulse.com/2008/10/19/digitalimpulse-style-logo-tutorial/" title="Digital*Impulse Style Logo Tutorial (Part 1) (Sun, Oct-19-08)">Digital*Impulse Style Logo Tutorial (Part 1)</a> (1)</li>
	<li><a href="http://digital-impulse.com/2008/08/24/official-digitalimpulse-wallpaper/" title="The Official Digital*Impulse Wallpaper (Sun, Aug-24-08)">The Official Digital*Impulse Wallpaper</a> (3)</li>
	<li><a href="http://digital-impulse.com/2009/05/28/star-wars-digicons/" title="Star Wars Digi*Cons (Thu, May-28-09)">Star Wars Digi*Cons</a> (2)</li>
	<li><a href="http://digital-impulse.com/2008/10/18/a-bit-of-this-and-a-bit-of-that/" title="A bit of this and a bit of that&#8230; (Sat, Oct-18-08)">A bit of this and a bit of that&#8230;</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://digital-impulse.com/2009/02/02/spectral-tableau-release/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Digital*Impulse Style Logo Tutorial (Part 1)</title>
		<link>http://digital-impulse.com/2008/10/19/digitalimpulse-style-logo-tutorial/</link>
		<comments>http://digital-impulse.com/2008/10/19/digitalimpulse-style-logo-tutorial/#comments</comments>
		<pubDate>Sun, 19 Oct 2008 08:05:55 +0000</pubDate>
		<dc:creator>DigitalCHET</dc:creator>
				<category><![CDATA[Graphic Design]]></category>
		<category><![CDATA[Tutorials]]></category>
		<category><![CDATA[Design]]></category>
		<category><![CDATA[Fireworks]]></category>
		<category><![CDATA[Logo]]></category>
		<category><![CDATA[Wallpapers]]></category>

		<guid isPermaLink="false">http://digital-impulse.com/?p=269</guid>
		<description><![CDATA[<p>Ok, as promised, here&#8217;s the very first tutorial for Adobe Fireworks based on the Official Digital*Impulse Desktop Wallpaper I posted up earlier. A couple of things you might want to do before you begin this tutorial:</p>
<ul>
<li>Find a nice,</li></ul><p>&#8230;</p>]]></description>
			<content:encoded><![CDATA[<p>Ok, as promised, here&#8217;s the very first tutorial for Adobe Fireworks based on the Official Digital*Impulse Desktop Wallpaper I posted up earlier. A couple of things you might want to do before you begin this tutorial:</p>
<ul>
<li>Find a nice, thick font you would like to use for your logo. This tutorial will work for almost any typeface you can think of but I tend to think thick fonts look better.</li>
<li>Have a base colour for your project in mind before you begin.Â  Believe me, it makes things easier than changing your mind halfway.Â  I&#8217;ve settled on a red colour for the entire composition, so don&#8217;t be put off by the blue colour that I start off with.Â  <img src='http://digital-impulse.com/wp-includes/images/smilies/Wink.png' alt=';)' class='wp-smiley' /> </li>
</ul>
<h3>Final Image Preview</h3>
<p>Here&#8217;s a look at the final image we&#8217;re going to create.Â  At the end of part 2, I&#8217;ll make available a finished fully-editable copy of the Fireworks <acronym title="Portable Network Graphics">PNG</acronym> file.</p>

<a href="http://digital-impulse.com/wp-content/gallery/preview-images/TutorialPreview.jpg" title="Final Image Preview" class="shutterset_singlepic134" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/134__x250_TutorialPreview.jpg" alt="Final Image Preview" title="Final Image Preview" />
</a>
<span id="more-269"></span></p>
<h3>Let&#8217;s get into it&#8230;</h3>
<ol>
<li>Assuming you&#8217;ve already opened Fireworks, start off by creating a new Fireworks <acronym title="Portable Network Graphics">PNG</acronym> document, and make the dimensions <strong>1000</strong> pixels wide, by <strong>500</strong> high as shown in Figure 1.Pick a colour for the background. I tend to think darker colours work best for this type of composition, so I&#8217;ve gone with a darkish gray (<em>HEX: #666666</em>). You can always modify the colours later on if you change your mind.<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/createnewfireworksdocument_0.jpg" title="Create New Fireworks PNG Document" class="shutterset_singlepic82" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/82__x106_createnewfireworksdocument_0.jpg" alt="Create New Fireworks PNG Document" title="Create New Fireworks PNG Document" />
</a>
</li>
<li>Select the <strong>Text</strong> tool (<em>Fig. 2</em>) from the tools palette and fiddle around with the text <strong>Properties</strong> panel (<em>Fig. 3</em>) until you&#8217;re satisfied. I&#8217;m going with the <a title="Visit DaFont.com to download the Birdman font." href="http://www.dafont.com/birdman.font" target="_blank"><strong>Birdman</strong></a> bold font I used for the original wallpaper, at <strong>180</strong>pt font size.<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/selecttexttool.jpg" title="Select Text Tool" class="shutterset_singlepic84" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/84__x91_selecttexttool.jpg" alt="Select Text Tool" title="Select Text Tool" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/textpropertiespanel.jpg" title="Text Properties Panel" class="shutterset_singlepic83" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/83__x70_textpropertiespanel.jpg" alt="Text Properties Panel" title="Text Properties Panel" />
</a>
</li>
<li>Type the desired text for your logo. I&#8217;ve gone with a generic LOGO word. I know, boring but it suits the purpose of the tutorial. <img src='http://digital-impulse.com/wp-includes/images/smilies/Tongue.png' alt=':P' class='wp-smiley' /><br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/typeyourtext.jpg" title="Type Your Text" class="shutterset_singlepic85" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/85__x110_typeyourtext.jpg" alt="Type Your Text" title="Type Your Text" />
</a>
</li>
<li>This is where things start to get fun. With the text object selected, use <strong>Advanced Fill Options </strong>on the <strong>Colour Palette</strong> (<em>Figure 5</em>) to apply a <strong>Gradient</strong> (<em>Figure 6</em>). Then fiddle around with the <strong>Gradients Palette</strong> (<em>Figure 7</em>) to get a good colour combination going. You want the two colours to be within the same colour hue, but from dark at the bottom to lighter (<em>but not white</em>) at the top of the text.<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/colorpalette.jpg" title="Colour Palette" class="shutterset_singlepic88" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/88__x97_colorpalette.jpg" alt="Colour Palette" title="Colour Palette" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/gradientspalette.jpg" title="Gradients Panel" class="shutterset_singlepic86" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/86__x98_gradientspalette.jpg" alt="Gradients Panel" title="Gradients Panel" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/advancedfilloptions.jpg" title="Advanced Fill Options" class="shutterset_singlepic89" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/89__x82_advancedfilloptions.jpg" alt="Advanced Fill Options" title="Advanced Fill Options" />
</a>
</li>
<li>Once you&#8217;ve set your colour, you&#8217;ll need to <strong>fiddle with the gradient adjustment handle</strong>. Fireworks has a bad habit of extending the gradient beyond the actual object to the edges of the bounding box so some playing around with the handle is required. Once that&#8217;s done you should end up with something like this, I&#8217;ve gone with red but any colour should work:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/adjustgradienthandle.jpg" title="Adjust Gradient Handle" class="shutterset_singlepic90" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/90__x110_adjustgradienthandle.jpg" alt="Adjust Gradient Handle" title="Adjust Gradient Handle" />
</a>
</li>
<li>Now we want to duplicate this object, so use <strong>CTRL+Shift+D</strong> and Fireworks will do the rest, adding an identical clone directly on top of the existing one.</li>
<li>With that new object selected now press <strong>CTRL+Shift+P</strong>. This will convert the text object to a group of editable paths. However, we&#8217;ll need to ungroup this object so use your <strong>CTRL+Shift+G</strong> keyboard shortcut to accomplish this. You&#8217;ll end up with the 4 objects selected. In order to go on to the following steps we need to combine these 4 objects into one single object. To do this we&#8217;ll use the Fireworks combine paths features, so with the objects still selected, click the <strong>Modify </strong>menu, then hover over <strong>Combine Paths</strong>, and lastly select <strong>Union</strong>. This will result in one single editable Composite Path.</li>
<li>Now duplicate this object and nudge down one or two pixels using your <strong>Down Arrow</strong> key to get what&#8217;s shown here:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/nudgecompositepath.jpg" title="Nudge Composite Path" class="shutterset_singlepic91" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/91__x110_nudgecompositepath.jpg" alt="Nudge Composite Path" title="Nudge Composite Path" />
</a>
</li>
<li>Now, use the <strong>Select Behind</strong> tool (<em>Figure 10</em>), pressing and holding <strong>Shift</strong> to add the object behind the one selected to our selection.
<a href="http://digital-impulse.com/wp-content/gallery/tutorials/selectbehindtool.jpg" title="Select Behind Tool" class="shutterset_singlepic92" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/92__x110_selectbehindtool.jpg" alt="Select Behind Tool" title="Select Behind Tool" />
</a>
Once they&#8217;re both selected, click on <strong>Modify &gt; Combine Paths &gt; Punch</strong>. This will form the basis of our top glow and bevel for our logo. You should end up with the following:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/punchedcompositepath.jpg" title="Punched Composite Path" class="shutterset_singlepic93" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/93__x110_punchedcompositepath.jpg" alt="Punched Composite Path" title="Punched Composite Path" />
</a>

<p>Give this object an all <strong>white</strong> gradient going from <strong>80%</strong> opacity at the top end to <strong>40%</strong> at the bottom end, as shown below:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/gradientopacitysettings.jpg" title="Gradient Opacity Settings" class="shutterset_singlepic94" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/94__x99_gradientopacitysettings.jpg" alt="Gradient Opacity Settings" title="Gradient Opacity Settings" />
</a>
</li>
<li>Then, from the object <strong>Properties</strong> panel we&#8217;ll need to add a <strong>Glow</strong> filter (<em>Figure 13</em>) with the following settings (<em>Figure 14</em>):</li>

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/selectglow.jpg" title="Add Glow Filter" class="shutterset_singlepic95" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/95__x110_selectglow.jpg" alt="Add Glow Filter" title="Add Glow Filter" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/glowsettings.jpg" title="Glow Filter Settings" class="shutterset_singlepic96" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/96__x110_glowsettings.jpg" alt="Glow Filter Settings" title="Glow Filter Settings" />
</a>

<p>You&#8217;ll end up with something like this:</p>

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/glowtext.jpg" title="Text with the white glow layer." class="shutterset_singlepic115" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/115__x110_glowtext.jpg" alt="Glowing Text" title="Glowing Text" />
</a>

<li>At this stage you want to group (<em><strong>CTRL+G</strong></em>) the glow object on its own in order to lock the filter into the group. It&#8217;s a little quirk that seems to work rather well as it allows you to add additional filters to the group without affecting the original.</li>
<li>The even glow throughout the entire text looks somewhat unnatural, so to give it a more realistic glow, we want to have it fade out towards the bottom by employing the use of a transparency mask. To do this we need to select the rectangle tool (<em>Figure 16</em>) and <strong>draw a rectangle </strong>slightly larger than the outer edge of the glow (<em>Figure 17</em>).<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/rectangletool.jpg" title="Select Rectangle Tool" class="shutterset_singlepic116" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/116__x107_rectangletool.jpg" alt="Select Rectangle Tool" title="Select Rectangle Tool" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/drawsurroundingrectangle.jpg" title="Draw Surrounding Rectangle" class="shutterset_singlepic117" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/117__x110_drawsurroundingrectangle.jpg" alt="Draw Surrounding Rectangle" title="Draw Surrounding Rectangle" />
</a>
</li>
<li>Once that&#8217;s done, give the new rectangle a <strong>White to Black gradient</strong> (<em>Figure 18</em>).<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/whitetoblackgradient.jpg" title="Add a White to Black Gradient" class="shutterset_singlepic118" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/118__x110_whitetoblackgradient.jpg" alt="Add a White to Black Gradient" title="Add a White to Black Gradient" />
</a>
</li>
<li>Now, select the <strong>Select Behind Tool</strong> (<em>Step 9, Figure 10</em>) from the toolbar and select <span style="text-decoration: underline;">both</span> the rectangle you just drew, and the glow composite shape (<em>Figure 19</em>). Pressing <strong>Shift </strong>while clicking will allow you to select multiple objects. The Select Behind tool is a little tricky, but if you remember that it selects from the foremost layer to the furthest one in turn. I&#8217;m sure you&#8217;ll get it after a little practice. <img src='http://digital-impulse.com/wp-includes/images/smilies/Wink.png' alt=';)' class='wp-smiley' /><br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/selectbothshapes_0.jpg" title="Select Both Shapes" class="shutterset_singlepic122" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/122__x110_selectbothshapes_0.jpg" alt="Select Both Shapes" title="Select Both Shapes" />
</a>
<br />
You&#8217;ll end up with the following:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/gradientglowtext.jpg" title="Gradient Glow Text" class="shutterset_singlepic123" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/123__x110_gradientglowtext.jpg" alt="Gradient Glow Text" title="Gradient Glow Text" />
</a>
</li>
<li>So now the logo is starting look a little better. Let&#8217;s give it some extra &#8216;<em>oomph!</em>&#8217; with a bit of shine. Take a copy of the original text object and convert it to a Composite Path as shown in steps 6 &amp; 7.</li>
<li>Now select the <strong>Ellipse Shape Tool</strong> (<em>Figure 21</em>) and create a shape similar to the following:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/drawellipseshape.jpg" title="Draw Ellipse Shape" class="shutterset_singlepic125" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/125__x110_drawellipseshape.jpg" alt="Draw Ellipse Shape" title="Draw Ellipse Shape" />
</a>
<br />
You might want to use the <strong>Align </strong>function from the <strong>Modify </strong>menu to align the shapes on the y axis.</li>
<li>Now with both the ellipse and the composite logo shape selected, click on the <strong>Modify</strong> menu, then <strong>Combine Paths</strong>, then <strong>Punch</strong> (<em>Figure 22</em>).<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/modifycombinepathspunch.jpg" title="Modify &amp;gt; Combine Paths &amp;gt; Punch" class="shutterset_singlepic126" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/126__x71_modifycombinepathspunch.jpg" alt="Modify > Combine Paths > Punch" title="Modify > Combine Paths > Punch" />
</a>
<br />
You&#8217;ll end up with the following:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/shinecompositeshape.jpg" title="Shine Composite Shape" class="shutterset_singlepic127" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/127__x110_shinecompositeshape.jpg" alt="Shine Composite Shape" title="Shine Composite Shape" />
</a>
</li>
<li>Now give this shape a <strong>White to White</strong> gradient, but this time play around with the transparency option handles above the gradient colour selection handles, and set the top one to <strong>100</strong> and the bottom one to <strong>0</strong>, as shown below.<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/whiteopacitygradient.jpg" title="White to Transparent Gradient" class="shutterset_singlepic128" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/128__x97_whiteopacitygradient.jpg" alt="White to Transparent Gradient" title="White to Transparent Gradient" />
</a>
</li>
<li>Give the object an <strong>Inner Glow</strong> filter (<em>Figure 25</em>) with the settings shown below (<em>Figure 26</em>).<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/innerglowfilter.jpg" title="Add Inner Glow Filter" class="shutterset_singlepic130" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/130__x101_innerglowfilter.jpg" alt="Add Inner Glow Filter" title="Add Inner Glow Filter" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/innerglowdetails.jpg" title="Inner Glow Filter Details" class="shutterset_singlepic129" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/129__x110_innerglowdetails.jpg" alt="Inner Glow Filter Details" title="Inner Glow Filter Details" />
</a>
</li>
<li>Then, set the <strong>Opacity</strong> of the object to around 50-80, depending on how shiny you want the object to be. I&#8217;m going with 80 for this logo. You might want to fiddle with the stacking order, I&#8217;ve gone with the Glow layer first, then the Shine, then the text last. You should end up with something similar to this:<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/objectopacity.jpg" title="Object Opacity Settings" class="shutterset_singlepic132" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/132__x110_objectopacity.jpg" alt="Object Opacity Settings" title="Object Opacity Settings" />
</a>
<br />

<a href="http://digital-impulse.com/wp-content/gallery/tutorials/logodone.jpg" title="Logo Done!" class="shutterset_singlepic131" >
	<img class="ngg-singlepic" src="http://digital-impulse.com/wp-content/gallery/cache/131__x110_logodone.jpg" alt="Logo Done!" title="Logo Done!" />
</a>
</li>
<li>This ends the logo part of the tutorial.</li>
</ol>
<p>In part 2 of this tutorial, I&#8217;ll walk you through the creation of the background environment and ambience around the logo we just created, which will give it a more realistic and flashy look.</p>
<p>Part 2 to follow soon so keep your eyes open.Â  <img src='http://digital-impulse.com/wp-includes/images/smilies/Wink.png' alt=';)' class='wp-smiley' /> </p>
	Tags: <a href="http://digital-impulse.com/tag/design/" title="Design" rel="tag">Design</a>, <a href="http://digital-impulse.com/tag/fireworks/" title="Fireworks" rel="tag">Fireworks</a>, <a href="http://digital-impulse.com/tag/logo/" title="Logo" rel="tag">Logo</a>, <a href="http://digital-impulse.com/tag/wallpapers/" title="Wallpapers" rel="tag">Wallpapers</a><br />

	<h4>Related posts</h4>
	<ul class="st-related-posts">
	<li><a href="http://digital-impulse.com/2009/02/02/spectral-tableau-release/" title="Spectral Tableau Release (Mon, Feb-2-09)">Spectral Tableau Release</a> (0)</li>
	<li><a href="http://digital-impulse.com/2008/08/24/official-digitalimpulse-wallpaper/" title="The Official Digital*Impulse Wallpaper (Sun, Aug-24-08)">The Official Digital*Impulse Wallpaper</a> (3)</li>
	<li><a href="http://digital-impulse.com/2010/04/22/pliant-redux-cursors/" title="Pliant Redux Cursors (Thu, Apr-22-10)">Pliant Redux Cursors</a> (1)</li>
</ul>

]]></content:encoded>
			<wfw:commentRss>http://digital-impulse.com/2008/10/19/digitalimpulse-style-logo-tutorial/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
		</item>
	</channel>
</rss>

<!-- Dynamic Page Served (once) in 1.234 seconds -->
