One of the ways to extend functions in Adobe After Effects is through scripting. These are automated macros to quickly perform tasks you could do yourself. By using scripts the results can be built more quickly without manually performing tedious, repetitive commands. Developers can create advanced scripts to automate complex creative treatments. These are installed like plug-ins, but show up as a module under the Window pulldown menu. One such script unit is Typemonkey – a kinetic text generator.

Kinetic Text

df_typemonkey_5We’ve all seen this current design trend for TV spots and marketing videos. The copy is presented via animated words, which move into position on screen. The view shifts from one word to the next in sync with the announcer at the reading pace of the viewer. Creating a kinetic text layout is relatively straightforward and can easily be created by an editor using After Effects or Motion.

The starting point for kinetic text is a large layout of stacked words. These are arranged horizontally and vertically in a bigger-than-raster field. It’s like taking a variety of building blocks and stacking them like a building. This word design can be created as a layered Photoshop document or as a series of layers in After Effects or Motion – one word per layer. To add energy and pace, you would next offset the timing of each layer and add an entry animation to the word on that layer, so that it flys, fades, rotates or types into visibility.

df_typemonkey_4Once this layout is created, the entire stack of layers is viewed with a 3D camera, which in turn is animated to create the moves from one word to the next as they appear inside the raster of your composition. This brings them full screen for a moment as the reader follows the context of this text. While this process is very easy once you understand it, the time it takes to build it can be quite long. In addition, a paragraph of words will result in a lengthy series of After Effects layers in your timeline pane.

Automating the process


Where Typemonkey enters the picture is to streamline the process and reduce or even eliminate the manual steps. Once installed, you open the Typemonkey interface module from the Window menu. Set the starting font from After Effects’ normal text control pane, paste or type your text into the Typemonkey window and press the “Do it!” button. At this point Typemonkey operates as a macro to automatically build the layers, the moves and the 3D camera animation. The final result is a timeline that shows the 3D camera layer with all word layers shied. Moves from word to word are evenly space for the length of the composition or selected work area with markers at each change. This builds a very nice composition with kinetic text in a matter of seconds.

df_typemonkey_7Naturally, most editors and designers will want to customize the defaults, so that every composition isn’t identical. This can be achieved through both the Typemonkey pane and AE’s standard layer effects. Sliding the markers in the composition timeline will change the animation pacing of the 3D camera’s move from word to word. This lets you hold longer on some words and move more quickly through others.

df_typemonkey_3The controls within the Typemonkey pane let you adjust some of the move styles and interpolations. You can also set up a series of colors, so that each word changes color as it cycles through the five palette choices. Through adjustments at both locations, designers can get quite a large range of variations from this single tool. The actual effects are performed using After Effects expressions, rather than keyframes, so you cannot easily make individual changes to the internal moves. However, you can certainly add your own keyframed transform effects on top of what Typemonkey creates.

Typemonkey is a low cost tool that will pay for itself in the time saved on a single job. Obviously its use is specific to kinetic text creative treatments, but used sparingly and with taste, it’s a look that will bring your motion graphics up a notch.

©2013 Oliver Peters