<?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/"
	xmlns:series="http://unfoldingneurons.com/"
	>

<channel>
	<title>Web Design Tutorials &#187; Learn Complex Text Animation in Flash CS4</title>
	<atom:link href="http://bestwebdesignz.com/tips/tag/learn-complex-text-animation-in-flash-cs4/feed/" rel="self" type="application/rss+xml" />
	<link>http://bestwebdesignz.com/tips</link>
	<description></description>
	<lastBuildDate>Fri, 30 Jul 2010 09:47:47 +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>Learn Complex Text Animation in Flash CS4</title>
		<link>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-complex-text-animation-in-flash-cs4/</link>
		<comments>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-complex-text-animation-in-flash-cs4/#comments</comments>
		<pubDate>Thu, 07 May 2009 10:47:59 +0000</pubDate>
		<dc:creator>clement</dc:creator>
				<category><![CDATA[Flash CS4 Tutorial]]></category>
		<category><![CDATA[Learn Complex Text Animation in Flash CS4]]></category>

		<guid isPermaLink="false">http://bestwebdesignz.com/tips/?p=704</guid>
		<description><![CDATA[This entry is part 17 of 31 in the series Flash CS4 TutorialsLets say you want some leters on stage which you want to animate which zooms in from the left,  one at a time. So selecting the text tool, type BEST WEB on stage and selecting all the letters press Ctrl+B to break them [...]]]></description>
			<content:encoded><![CDATA[<div class="seriesmeta">This entry is part 17 of 31 in the series <a href="http://bestwebdesignz.com/tips/series/flash-cs4-tutorials/" title="series-63">Flash CS4 Tutorials</a></div><p>Lets say you want some leters on stage which you want to animate which zooms in from the left,  one at a time. So selecting the text tool, type BEST WEB on stage and selecting all the letters press Ctrl+B to break them apart,<br />
<img class="alignnone size-full wp-image-705" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image150.jpg" alt="Learn Complex Text Animation in Flash CS4 " width="336" height="72" /><br />
then distribute to layers by going to modify menu, timeline and distribute to layers. In your time line you will see that ‘BEST WEB’ each letter is distributed to separate layer as seen below.<br />
<img class="alignnone size-full wp-image-706" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image151.png" alt="Learn Complex Text Animation in Flash CS4 " width="202" height="205" /><br />
Lets say we want all the letters to animate to stage, go to frame 6 and hit F6 to insert  keyframes. Now go to frame 1 select all the letters and put them all together in one place, by going to the window menu bar and click on align and squeshing them all to gether.<br />
<img class="alignnone size-full wp-image-707" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image154.jpg" alt="Learn Complex Text Animation in Flash CS4 " width="312" height="178" /></p>
<p>you will see something like the one below, don&#8217;t panic<br />
<img class="alignnone size-full wp-image-708" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image155.png" alt="Learn Complex Text Animation in Flash CS4 " width="182" height="125" /><br />
And take this entire letters which is squished up to the extreme left by pressing shift and dragging them out of the stage. Now we are going to animate the “BESTWEB” on to the stage, so click inbetween the frames in all the layers and create a classic tween. Now when you run the movie clip you will notice that all the letters come on to the stage together, this is not what we are looking for, we want the letter ‘B’ to come in first, then the ‘E’ then the ‘S’ and so on. We do that by selecting all the keyframes in each layer and pushing it further away from the previous letter like the one below;<br />
<img class="alignnone size-full wp-image-709" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image157.png" alt="Learn Complex Text Animation in Flash CS4 " width="496" height="183" /><br />
This is done so that the letters are staggered, that the ‘B’ comes in first, then the ‘E’ comes in next, then the ‘S’ comes after that and so on, when you run the movie clip at this point, you will see a problem that when ‘B’ comes in first and as the ‘E’ comes in next the ‘B’ starts to disappear, that is because the letter ‘B’ ends at frame 6, this will happen to all the letters while you animate because when the previous one ends the next one begins.<br />
To fix this problem we have to go the the very last layer ie: ‘B’ layer here and insert blank keyframes to all the layers. We do so by clicking and dragging all the layers from the last layer upwards and pressing F5 to insert frames like the one shown below.<br />
<img class="alignnone size-full wp-image-710" title="Learn Complex Text Animation in Flash CS4 " src="http://bestwebdesignz.com/tips/wp-content/uploads/2009/05/image159.png" alt="Learn Complex Text Animation in Flash CS4 " width="478" height="204" /><br />
If you run the movie clip by pressing Ctrl+Enter you will notice that the letters land on stage one at a time in a proper sequence, that&#8217;s it you now know how to do complex text animation in flash CS4.</p>
<script type="text/javascript"><!--
                    google_ad_client = "pub-7099335855422733";
                    google_ad_slot = "4729128935";
                    google_ad_width = 336;
                    google_ad_height = 280;
                    //-->
                    </script>
                    <script type="text/javascript" src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
        </script>
                    ]]></content:encoded>
			<wfw:commentRss>http://bestwebdesignz.com/tips/flash-cs4-tutorial/learn-complex-text-animation-in-flash-cs4/feed/</wfw:commentRss>
		<slash:comments>1</slash:comments>
	
		<series:name><![CDATA[Flash CS4 Tutorials]]></series:name>
	</item>
	</channel>
</rss>
