AMX NXD-CV12 Technical Information download pdf (Page 354)

Animation Effects

320

TPDesign4 (v3.2 or higher)

4. Right-click on one of the highlighted states in the State Manager window, and select Tweeners from the

context menu to open the Tweeners sub-menu.

5. Select one or more of the color tweeners to apply effects. The results are displayed immediately in the

State Manager window (FIG. 377).

Creating Animated Bitmap Effects

Use the Icon Position and Bitmap Position tweeners to apply animated bitmap effects to multi-state buttons.

The Icon Position tweener allows you to cause an icon to move around the button area when it is

pressed.

The Bitmap Position tweener allows you to cause a bitmap to move around the button area when it

is pressed.

Animated bitmap effects can be used alone or in conjunction with the other tweeners to create all sorts of eye-

catching visual effects.

To create animated bitmap effects with an icon:

1. Select (or create a new) multi-state button.

2. Add an icon to the button (via the Icon field in the Properties window - States tab).

3. Set the Icon Justification field to Absolute.

4. Move the icon 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. Duplicate the state that the tweening should begin across all states to be included in the tween.

7. In the last state included in the tween, place the icon in its end position in the animation via the Image/

Text Positioning dialog (select Image/Text Positioning from the State Manager context menu).

8. Ctrl+click to select just the two states containing the icon 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 states).

To create animated bitmap effects with a bitmap image, follow the steps outlined above. The only difference is

that you will select and apply a bitmap rather than an icon to the button.

FIG. 376 State Manager (All States selected)

The most basic type of color transition effect starts at the first state (or frame) and

ends at the last. However, the TPD4 tweening tools are not limited to one tween

effect per multi-stage button press. Experiment with applying multiple color tweens to

the same button, and with different combinations of tweeners.

FIG. 377 State Manager (Color Transition indicated)

Use the All Colors Tweener to tween all colors applied to the button.

1 ... 353 354 355 ... 430

No comments

AMX NXD-CV12 Technical Information Page 354