Creating Animated Text Effects; Tweeners Sub-Menu - AMX TPDESIGN4 V2.5 Instruction Manual

Animations and Tweening

Creating Animated Text Effects

Use the Text Position tweener to apply animated text effects to multi-state buttons. The text
position tweener allows you to have the button text move around the button area when it is pressed.
Animated text effects can be used alone or in conjunction with the other tweeners to create all sorts
of eye-catching visual effects.
To create animated text effects:
1. Select (or create a new) multi-state button.
2. Add text to the button (via the Text field in the Properties Control window - States tab).
3. Set the Text Justification field to Absolute.
4. Move the text into it's starting position for the animation via the Image/Text Positioning dialog
(select Image/Text Positioning from the State Manager context menu).
5. Insert at least one state (tweeners require at least three states to work).
6. Copy the text from the first state to the last state to be tweened, and move it to its end position
in the animation via the Image/Text Positioning dialog (select Image/Text Positioning from the
State Manager context menu).
7. Ctrl+click to select just the two stages containing the text start and end positions in the State
Manager window. They must be separated by at least one stage, and you should not select the
intermediate stages). The Text Position tweener will generate a motion effect that moves the
text across the button.
In order to apply tweening to an icon, bitmap or text, the justification for the icon,
bitmap or text must be set to Absolute.

Tweeners sub-menu

Select Tweeners from the States Menu or the State Manager context menu to open the Tweeners
sub-menu. This menu allows you to select a type of tweener to use in creating animations on multi-
state buttons. Note that depending on the elements of the selected buttons, some of these options
may not be available. For example, the Bitmap Position option is only available if the selected
buttons use a bitmap. The options in this menu include:
154
• Border Color This option tweens the Border color (only) between two selected button
states.
• Fill Color This option tweens the Fill color (only) between two selected button states.
• Text Color This option tweens the Text color (only) between two selected button states.
• Text Effect Color This option tweens the Text Effect Color (only) between two selected button
states.
• All Colors This options tweens the Border, Fill, Text, and Text Effect colors at once.
• Overall Opacity This option tweens the Overall Opacity (only) between two selected button
states.
• Bitmap Position This option tweens the position of a bitmap applied to two selected button
states.
• Icon Position This option tweens the position of an icon applied to two selected button
states.
• Text Position This option tweens the position of text applied to two selected button states.
TPDesign4 Touch Panel Design Program