Understanding the Adobe Animate Interface
Where things live, and what that implies
The Animate workspace is a set of panels arranged around a stage and a pasteboard. The stage is the exported area; the pasteboard is scratch space that never renders - hiding an asset off-stage is a legitimate trick, but anything straddling the stage edge gets clipped on publish.
The Timeline holds layers, frames, and the playhead, and every time-based decision lives there. Know the layer types: normal, mask, guide, and folder. A mask layer reveals the layer beneath it, and a motion guide must sit directly above the layer it steers. Frames can be keyframes, blank keyframes, or tween spans - classic tweens show a solid span, motion tweens show a distinct span with property keyframes edited in the Motion Editor, and shape tweens show a green span and work only on raw shapes, never on groups or symbols.
Panels to know: Properties (context-sensitive - it changes with the selection), Tools, Library (stores symbols, bitmaps, audio, video, and imported assets, not just symbols), Color, Align, Transform, History, and Output. The Actions panel and Code Snippets apply to ActionScript documents, while HTML5 Canvas uses the Actions panel for JavaScript. Double-clicking a symbol enters symbol-editing mode, marked by a breadcrumb bar; edits there affect every instance.
Traps: confusing the Library with the stage; expecting all filters in an HTML5 Canvas file; attempting a shape tween on a symbol instance; editing an instance without realizing all copies change.
Rule of thumb: if it happens over time it is a Timeline setting; if it changes an object's appearance it is a Properties setting; if it must be reusable it is a Library item.