|
Written by Rawpulse
|
|
Wednesday, 12 October 2005 |
|
A tutorial showing you how to morph one word into another. Great for banners.
Ok so this is a very, and I mean very, basic text morphing effect in
Flash. I used Flash Mx Professional 2004 to create this effect, and
used the font "Samba is dead" available from many font sites. You can
probably complete this effect in about a minute. Of course you can
expand the morphing into a more complex string of fonts and colours,
but this tutorial is showing you the basics of how to get a text morph
together.
First off, open Flash, you might just need it. You don't need to create
any layers, as it can be done on the default layer, but if you want to
rename it, go ahead. I didn't bother. Enter the text you want to start
with in a text box, in the middle of your stage (I worked on a 300x200
size stage). I wrote Xonnetwork, as is the fashion in my tutorials.
After this stage, you'll be looking for something like this:
Next you want to break apart the text you've written. Do this by selecting the text with your Selection Tool. Click on your text so it is highlighted and press Ctrl + B two times. This will break them apart, which can also be done by clicking Modify > Break Apart.
Make sure you do it two times so it is broken up into more than just
letter segments. Your text will have many white dots throughout after
this.
|
Note - You can't edit the words after you have broken them apart. |
Next, go to frame 20 of your layer, right click, and select Insert Blank Keyframe as displayed below:
Now, use the Text Tool to enter the second part,
that your initial text will morph into. My initial text was "Xonnetwork"
so my second part will be "rocks". Once this is done you will need to
break the text apart again. Do this by selecting the text with the Selection Tool and pressing Ctrl
+B two times. Remember, it has to be two times.
Now, click on frame 10 (or anywhere between frame 1 and 20) and select Shape from the properties window, which defines the
type of motion tween, as seen below:
Add five frames to the end of your timeline, by right clicking on frame
25 and clicking Insert Frame. This is not entirely
necessary, but it prevents the animation from starting over again too
soon. If successful, your timeline will look like this:
You can now test your movie, by pressing Ctrl +
Enter or Control > Test Movie. You will
hopefully see the text morph from the initial text to the next. If not,
feel free to email me and I'll get back to you with a solution.
Export your file to save as an swf, then publish it on the internet,
any way you like. You can use Putfile which is excellent
for hosting Flash documents. As I said previously, there are a number
of ways you can improve this effect, to make it look much better, but
for a beginner, this is all you need to make a nice effect.
By Joe Denison
|
|
Last Updated ( Wednesday, 12 October 2005 )
|
Tutorials 
