The front page All those lovely tutorials Other sites of interest More info about Stickman
Stickman

'Slamming' text

<IMG SRC="graphics/default.gif" WIDTH=550 HEIGHT=400 BORDER=0>

 TUTORIAL INFO 

Version Flash 3
Difficulty Intermediate

 DOWNLOAD 

ZIP

FLA

Someone asked on Flashpad if there might be a less labour-intensive way of achieving this 'slamming' text effect -- meaning, not having to motion-tween every single letter individually, with multiple symbols and layers. This is what I came up with in a hurry (and here's the .fla file in zip form)

So how's it done?

First you have a movie clip (called TextMovie) which has a series of keyframes, each of which contains just one letter of your phrase (in order). Then you have a second movie clip (called ScaleMovie), into which you place the first movie clip (giving it the Instance Name TextMovie). TextMovie is then scaled from big to small (and fades in) over 10 frames. Also, in the last frame there's a Tell Target telling TextMovie to go to the next frame (ie, the next letter) and loop (the loop has to be explicit).

What's going on?

Basically, ScaleMovie does its scaling thing on one letter, then tells TextMovie to move on to the next letter, at which point ScaleMovie loops and the scaling thing happens again...and so on.

In order to get the phrase to appear gradually, there's a copy of the text on the main stage (in Text Layer) -- it has a white box over the top of it at the beginning of the movie, which moves gradually to reveal each letter after is has 'slammed in'. Scalemovie also moves across so that each letter 'slams' into the correct location.

Why is this a better method?

Apart from not having a separate symbol and 'slam' animation for each letter, it also allows you to change the 'slamming in' animation for all the letters just by changing ScaleMovie. For example, select all the frames of ScaleMovie, go to the properties and set it to rotate once, clockwise -- now all the letters spiral into place!

Stickman

All files and text copyright ©Stickman 1998 - 2003. For copyright and terms of use information, please read this page.