Creating and Modifying Animation Elements
Symbols, tweens, and the limits of each
Animate offers three symbol types. Graphic symbols are tied to the parent timeline and suit simple reusable artwork; movie clip symbols run on an independent timeline and are right for nested loops and interactive pieces; button symbols have up, over, down, and hit states. Every symbol has a registration point used as the origin for rotation, scaling, and transforms - place it deliberately at the pivot you actually want.
Animation methods: frame-by-frame for expressive hand-drawn motion; classic tween for scripted transforms with easing and an optional motion guide; motion tween for property-based animation with a motion path and separate property keyframes; shape tween for morphing raw shapes only. Use easing to avoid robotic linear motion, masks for reveals and wipes, layer parenting or the bone tool for linked limb movement, and the camera for scene-level pans and zooms that leave assets in place.
Modify tools include Free Transform, the Transform panel, Align, group/ungroup, break apart, and the Paint Brush and Smooth tools. Blend modes and filters such as drop shadow, blur, and glow add polish but are document-type dependent - several are unavailable or expensive in HTML5 Canvas output.
Traps: shape-tweening a group or symbol; nesting a movie clip with its own long timeline and then wondering why timing drifts; leaving a tweened instance at a different scale than the symbol's original; rotating around the wrong registration point so a joint looks broken.
Rule of thumb: symbol type follows reuse and independence - Graphic for timeline-synced art, Movie Clip for self-contained loops - and always set the registration point before animating rotation.
Worked example: a waving character arm. Draw the arm as a movie clip, put its registration point at the shoulder, then motion-tween rotation with an ease in and out.