<?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>Designerer &#187; Animation</title>
	<atom:link href="http://www.designerer.com/category/animation/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.designerer.com</link>
	<description>Just another WordPress weblog</description>
	<lastBuildDate>Fri, 27 Apr 2007 00:39:08 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=2.8.6</generator>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Animated Ad Bar</title>
		<link>http://www.designerer.com/animated-ad-bar/</link>
		<comments>http://www.designerer.com/animated-ad-bar/#comments</comments>
		<pubDate>Sat, 21 Apr 2007 19:28:41 +0000</pubDate>
		<dc:creator>admin</dc:creator>
				<category><![CDATA[Animation]]></category>

		<guid isPermaLink="false">http://www.designerer.com/animated-ad-bar</guid>
		<description><![CDATA[ In this tutorial you will learn how to create, animate, and save a web banner. A preview can be seen below:


Open a new document 400&#215;75.

Fill the canvas using the gradient tool with a lighter color and a darker color I chose green.

Using the eclips selection took make a selection like mine.Just make a circle [...]]]></description>
			<content:encoded><![CDATA[<p> In this tutorial you will learn how to create, animate, and save a web banner. A preview can be seen below:<img src="http://www.designerer.com/tutorials/animated/Result.gif" title="Animated Ad Bar" alt="Animated Ad Bar" /></p>
<p><span id="more-19"></span></p>
<p><img src="http://www.designerer.com/tutorials/animated/1.jpg" /><br />
Open a new document <strong>400&#215;75</strong>.<br />
<img src="http://www.designerer.com/tutorials/animated/2.jpg" /><br />
Fill the canvas using the gradient tool with a lighter color and a darker color I chose green.<br />
<img src="http://www.designerer.com/tutorials/animated/3.jpg" /><br />
Using the eclips selection took make a selection like mine.Just make a circle out side of the document with some of it going in the document.<br />
<img src="http://www.designerer.com/tutorials/animated/4.jpg" /><br />
In this selection using your same colors fill it with the same gradient just the colors on the oppisite sides like mine.<br />
<img src="http://www.designerer.com/tutorials/animated/5.jpg" /><br />
Keep the selection still and go <strong>select &gt; modify &gt; contract</strong> with a <strong>setting of 5</strong> this make your selection smaller. Then fill it with a different gradient i chose <strong>#CCCCCC</strong> and <strong>#F1F1F1</strong> for mine which is a nice silver.<br />
<img src="http://www.designerer.com/tutorials/animated/6.jpg" /><br />
Add in your logo to the silver part.<br />
<img src="http://www.designerer.com/tutorials/animated/7.jpg" /><br />
Add in your company name<br />
<img src="http://www.designerer.com/tutorials/animated/17.jpg" height="355" width="512" /><br />
This gives the company name some life.<br />
<img src="http://www.designerer.com/tutorials/animated/8.jpg" /><br />
You can add your tag line here and your done or continue through the tutorial to find out how to animate your banner.</p>
<p><strong>ANIMATION</strong></p>
<p><img src="http://www.designerer.com/tutorials/animated/8.jpg" /><br />
For my animation I&#8217;m going to have some flashing words about the site so I&#8217;ll start with the word media I chose white.<br />
After you have your word duplicate the word by pressing <strong>ctrl + j</strong><br />
<img src="http://www.designerer.com/tutorials/animated/9.jpg" /><br />
hide your first text layer (Media) Now on your duplicate layer go <strong>filter &gt; blur &gt; motion blur</strong> with a <strong>setting of 11</strong>. It will ask you if you want to <strong>rasterize</strong> the layer click yes.<br />
<img src="http://www.designerer.com/tutorials/animated/10.jpg" /><br />
Now i do the same thing in the last step but with new word makshure each word and its blur are on differnt layers.<br />
<img src="http://www.designerer.com/tutorials/animated/11.jpg" /><br />
<img src="http://www.designerer.com/tutorials/animated/12.jpg" /><br />
<img src="http://www.designerer.com/tutorials/animated/13.jpg" /><br />
<img src="http://www.designerer.com/tutorials/animated/14.jpg" /><br />
<img src="http://www.designerer.com/tutorials/animated/15.jpg" /><br />
Now that you have all your text layers lets animate it.<br />
Go <strong>windows &gt; animation</strong>.<br />
<img src="http://www.designerer.com/tutorials/animated/16.jpg" height="86" width="434" /><br />
This will bring up your animation pallet it will show your frames.</p>
<p>Hide all of your text layers except the first (media)<br />
then on your animation pallet click the new frame <strong>button 18.jpg</strong><br />
It will ad a new frame in your animation pallet tool now hide (media) and unhide (media blur) then add a new animation and hide the blur and unhide the next text layer ect&#8230; When you are through click the play button and watch your animation I got this.<br />
<img src="http://www.designerer.com/tutorials/animated/Result.gif" /><br />
<strong><br />
SAVING ANIMATION</strong></p>
<p><strong>File &gt; Save for Web</strong>, because you don&#8217;t get all the nifty image sizing and optimization controls right there. Nay, you have to do all these ahead of time. But at least saving the animation is just a one-step process.</p>
]]></content:encoded>
			<wfw:commentRss>http://www.designerer.com/animated-ad-bar/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
