How to Do Kinetic Type in Flash


Kinetic type, or kinetic typography, is a fairly new style of animation where a series of words are displayed on screen in a dynamic and interesting fashion. For those who want to create their own piece of kinetic type, Adobe Flash is a useful format, as it is compatible with most Web browsers, and makes the compilation process fairly straightforward. While an existing knowledge of Flash development is preferable, if you are new to the software, you can learn as you go.

Things You'll Need

  • Flash Professional
  • Open Flash Professional and create a new ActionScript 3.0 document. . If you don't already have a copy of Flash Professional, you can download a trial version at

  • Select the Text tool from the toolbar on the right-hand side of the screen. The Text tool looks like a capital letter "T." Use the Text tool to draw a text box on the canvas.

  • Enter text in the text box. This could be a sentence, a word or a single letter, depending on what kind of kinetic type you are trying to create. For example, if you wanted two parts of a single word to start out separated and then join together, you would create two separate text boxes.

  • Alter the font using the "Properties" tab on the right side of the screen. Interesting and visually appealing kinetic type often utilizes several different word colors and sizes, so keep this in mind when building your project. In addition, the words in kinetic type projects often take up a great amount of space on screen, so don't be afraid to use a large font. Remember, you can easily change font size and type later if you're unsatisfied.

  • Select the Selection tool from the toolbar on the right-hand side of the screen. The Selection tool looks like a black cursor arrow. Right-click on the text box and click "Create Motion Tween."

  • Move your text box from its original location to where you want the text to end up. Adobe Flash Professional will automatically add frames between the text box's original position and its ending position, creating a smooth animated motion.

  • Click the edge of the blue box on the timeline. You can find the timeline near the bottom of the window. This blue box is your motion tween. Drag the edge of the motion tween to change the length of the tween. The shorter the length of the tween, the faster the animation. Conversely, the longer the tween, the slower the animation.

  • Select the Free Transform tool from the toolbar on the right-hand side of the screen. The Free Transform tool looks like a black cursor arrow over a dotted square. Select a point on the tween timeline.

  • Rotate, shrink or enlarge your text box. The program will alter the animation accordingly. For example, if you select the last frame of the tween and then rotate the text 180 degrees, the text box will start in its normal position, and then smoothly rotate 180 degrees over the course of the animation.

  • Photo Credit Photodisc/Digital Vision/Getty Images
Promoted By Zergnet



Related Searches

Is DIY in your DNA? Become part of our maker community.
Submit Your Work!