About this panel
The Motion Interaction panel is like a workaround/substitute for the deprecated Motion Editor in Flash CC. Using this panel, various aspects of a Motion tween (especially property wise custom – easing) can be controlled through a graphical interface. The panel is aimed at improving the existing workflows of controlling animation and getting the desired results quickly and easily.
Advanced animation control with Motion Tween
Capturing and representing Motion Tweens
The Motion Interaction panel gets enabled only when a Motion-tween or a Motion-object is selected on Timeline or on Stage. Whenever the selection changes, the panel updates automatically and displays various aspects of the selected tween graphically. These include the following :
- List of tweening properties
- Editable Value-curve for each property
- Editable Ease-curve for each property
- Preview of the full Motion-Path.
All the Tweening-Properties (properties having atleast two keyframes in the tween-span) get listed on top of the Panel as buttons. Clicking on any property-button displays its Value-curve and Ease applied over it.
Shows the selected property’s key-values and value-curve relative to time. For eg. if Motion_X is selected, then the graph shows how Motion_X values vary over time during the entire tween span.
The way a property changes between keyframes can be modified by clicking and dragging the curve as desired (by default, they change linearly between keyframes). Modifying or adding Key-values of a property is currently disabled through the panel but can be easily done using Timeline and the Properties panel.
Note: Normal dragging of the curve is restrictive within the bounds of successive key-values. However, Ctrl + Dragging allows unrestrictive dragging along y axis.
Ease window shows the Custom Ease applied over the selected property, which is a plot of the property’s progress over time. It also allows editing of the Custom ease curve by dragging it, and applying the desired acceleration or deceleration effect in the tween.
If Ease type is none or one of the standard types available through previous versions of Flash (like Sine Wave, Bounce etc.), the Ease-type and Ease-strength is mentioned above the Ease window. In such cases, only a simple linear curve is plotted (but their effect is preserved internally). In such cases, a custom easing can be applied simply by dragging the curve in ease window and setting a new ease.
Please note that applying standard ease types other than custom is currently not supported through this panel but will be available soon.
Ease library stores some commonly used eases in Motion-tweens and also allows storing of any new custom ease permanently, for later use.
Preview ease from library – Click on a name in the ease-library to see it’s preview in Ease window.
Applying ease from library – Double-click on an ease-name from the library to apply the desired ease. You may then drag and adjust it.
Saving a custom ease – any custom ease created in the Ease-window can be saved by clicking on ‘Save Ease to Library’ Button. It then gets added at the bottom of the library.
Deleting ease from Library – Any custom ease that you save in the ease library can be deleted by Ctrl + Double-clicking on its name in the library. (Only ease saved by you can be deleted)
Motion Path Preview
Given the unlimited pasteboard size in Flash CC, motion paths can be very large for a given motion tween. The entire motion path is displayed as a preview in the Motion Path window to give the complete picture. Currently the motion path is not editable from the panel but it gets updated whenever there’s a change on stage.
Undo – Redo
Every change done through the Motion Interaction panel is directly applied on to the Stage and can be undone or redone, as required, using Ctrl + z / Ctrl + y.
Live Preview / Feedback
The Motion Interaction panel is always in sync with the actual motion tween. Any change done to a property’s value curve or ease curve through this panel is updated immediately on Stage. Also, any modification of the property values, keyframes or motion path on Stage gets reflected in the panel as well.
The panel can be re-sized or zoomed as desired and will remember its new size with functionality exactly the same.Download Extension (ZXP) Installation Help Contact Me for any feedback or to get notified about new updates on this Extension.