Motion Presets are saved Motion Tween animations, that can be reused and applied to a Symbol or text field on the Stage.
These Tweens are stored in a Motion Presets panel, that can be opened from the menu Window -> Motion Presets. This panel comes with two folders: Default Presets and Custom Presets.
In "Default Presets" you can find animations that are included in the Adobe Flash program, and in "Custom Presets" you can save you're own animations.

Motion Presets panel

Motion Presets panel
Here's what the options from this panel do:
- Motion Presets can be used only in ActionScript 3.0 documents
- The animations from the Motion Presets panel can be imported and exported in XML files.

Applying Motion Presets

When an animation from "Motion Presets" is applied to an object, it works as a "Animation Template", that will be transfered/ added to that object. Only Frames, Motion and Path are transfered; keeping the form and colors of the object.
- Only a single preset animation can be applied to an object. If another Motion Preset is added to the same object, it will replace the previous tween.
- The presets with 3D Animation can only be applied to Movie Clip Symbol instances, which is the only object for 3D effects.

The following steps show how to apply and modify a motion preset called small-bounce:

  1. Open a new Flash document and draw a rectangle on the Stage (with "Rectangle Tool").
  2. Convert this rectangle into a Movie Clip Symbol (you can use any other type of Symbol), from Modify -> Convert to Symbol.
  3. Make sure the Movie Clip instance is selected, open the Motion Presets panel (from Window -> Motion Presets).
  4. Double-click on "Default Presets", choose the small-bounce preset and press the button Apply.
      - The motion, frames, and the path of the Preset Animation will be added to the object on the Stage.
  5. Test this animation by pressing the Enter key (or "Ctrl+Enter"); you will see an animation similar to this:
- In the following presentation you can see how to do this example (click the image below).

Using Motion Preset

- The FLA file with this example can be downloaded from: small-bounce Motion Presets.

- The animation created with motion preset can be edited, modified like any Motion Tween animation; you can add and delete frames in the Timeline, its path can be modified, color effects can be applied, etc.

Creating Motion Preset

A Motion Preset is created from a Motion Tween animation on the Stage, with the purpose of reusing it anytime with other Symbol and text fields.
Once you have created a Motion Tween animation on the Stage, right-click the animated object (or its frames in the Timeline), and then choose Save as Motion Preset. A dialog box opens where you name the preset, and then click OK. Once that's done, your newly named preset appears in the Custom Presets folder in the Motion Presets panel.
- Your custom preset won't have an animated preview like the ones that come with Flash.

To make it possible to preview the animation saved in Motion Presets, proceed in the following way:
- After the animation was saved in Motion Presets, without doing any changes, click on the menu File -> Export -> Export Movie and export the animation in SWF file, with the same name used to save it in Motion Presets. Then place the SWF file in the folder that stores the Adobe Flash motion presets.
For "Windows 7" and Windows Vista", the folder's path is:
        <Local Disk>/Users\<a_name>\AppData\Local\Adobe\Flash CS5\<en_US>\Configuration\Motion Presets.
In that folder should be a XML file with the same name as the SWF file.

Daily Test with Code Example

Which tag defines the clickable areas inside the image map?
<map> <img> <area>
<img src="image.jpg" usemap="#map1">
<map name="map1">
  <area shape="rect" coords="9, 120, 56, 149" href="#">
  <area shape="rect" coords="100, 200, 156, 249" href="#">
Which CSS property defines what is done if the content in a box is too big for its defined space?
display overflow position
#id {
  overflow: auto;
Click on the event which is triggered when the mouse is positioned over an object.
onclick onmouseover onmouseout
document.getElementById("id").onmouseover = function(){
  document.write("Have Good Life");
Indicate the PHP variable that contains data added in URL address after the "?" character.
if(isset($_GET["id"])) {
  echo $_GET["id"];
Tutorial Motion Presets

Last accessed pages

  1. Multiple Select Dropdown List with AJAX (15558)
  2. Moving html element to a random direction (84)
  3. XHTML References - Old (15)
  4. Star shapes with CSS (4464)
  5. Get and Modify content of an Iframe (12618)

Popular pages this month

  1. Read Excel file data in PHP - PhpExcelReader (387)
  2. Register and show online users and visitors (355)
  3. PhpSpreadsheet - Read, Write Excel and LibreOffice Calc files (327)
  4. Insert, Select and Update NULL value in MySQL (256)
  5. Courses Web: PHP-MySQL JavaScript Ajax HTML CSS Flash-AS3 (254)