Using the Stage
The Stage is the rectangular area where you place graphic content when creating Animate documents. The Stage in the authoring environment represents the rectangular space in Flash Player or in a web browser window where your document appears during playback. To change the view of the Stage as you work, zoom in and out. To help you position items on the Stage, you can use the grid, guides, and rulers.
To view the entire Stage on the screen, or to view a particular area of your drawing at high magnification, change the magnification level. The maximum magnification depends on the resolution of your monitor and the document size. The minimum value for zooming out on the Stage is 8%. The maximum value for zooming in on the Stage is 2000%.
To zoom in on an element, select the Zoom tool in the Tools panel, and click the element. To switch the Zoom tool between zooming in or out, use the Enlarge or Reduce modifiers (in the options area of the Tools panel when the Zoom tool is selected) or Alt‑click (Windows) or Option-click (Macintosh).
To zoom in so that a specific area of your drawing fills the window, drag a rectangular selection on the Stage with the Zoom tool.
To zoom in on or out of the entire Stage, select View > Zoom In or View > Zoom Out.
To zoom in or out by a specified percentage, select View > Magnification, and select a percentage from the submenu or select a percentage from the Zoom control at the upper-right corner of the document window.
To scale the Stage so that it fits completely in the application window, select View > Magnification > Fit in Window.
To show the contents of the current frame, select View > Magnification > Show All, or select Show All from the Zoom control at the upper-right side of the application window. If the scene is empty, the entire Stage appears.
To show the entire Stage, select View > Magnification > Show Frame or select Show Frame from the Zoom control at the upper-right corner of the document window.
To show the workspace surrounding the Stage, or to view elements in a scene that are partly or completely outside of the Stage area, select View > Pasteboard. The pasteboard appears in light gray. For example, to have a bird fly into a frame, initially position the bird outside of the Stage in the pasteboard and animate it into the Stage area.
When the Stage is magnified, you may not be able to see all of it. To change the view without having to change the magnification, use the Hand tool to move the Stage.
In the Tools panel, select the Hand tool and drag the Stage. To temporarily switch between another tool and the Hand tool, hold down the Spacebar and click the tool in the Tools panel.
The Scale Content option in PI allows you to scale the contents on your stage according to the stage size. When stage is resized with this option selected, content resizes in the same proportion as the stage.
The Scale Content option in advanced settings is now directly accessible from PI. When stage is resized with this option selected, content resizes in the same proportion as the stage.
PI and Document Settings dialog box contain a Link option to increase the stage dimensions proportionately. By default, the height and width properties of the stage are unlinked. If you click the Link button and enable linking, as you modify the values of either height or width properties, the value of the other property is changed proportionately.
If you select the Scale Content option, the stage dimensions are automatically linked and disabled. This is because content scaling makes sense if stage dimensions are modified proportionately.
You can select an anchor point in Document Settings, specify the height and width, and scale the stage to the dimensions. When ‘Scale Content’ is disabled, the stage expands in the directions according to the selected anchor point, as detailed in the following images.
In the following example, the stage measuring 550x400 is proportionately scaled to 750x600 from the anchor point at the bottom right corner of the stage:
Animate CC introduces a new Rotation tool that lets you rotate the Stage view temporarily, to help you draw and paint at a particular angle, without permanently rotating the actual objects on stage as the Free Transform tool does. You can quickly rotate the Stage, regardless of which tool you have currently selected, by holding down the Shift and Space keys together, and then dragging your mouse to rotate the view.
When rulers show, they appear along the top and left sides of the document. You can change the unit of measure used in the rulers from the default of pixels to another unit. When you move an element on the Stage with the rulers displayed, lines indicating the element’s dimensions appear on the rulers.
To show or hide rulers, select View > Rulers.
To specify the rulers’ unit of measure for a document, select Modify > Document, and select a unit from the Ruler Units menu.
When rulers show (View > Rulers), you can drag horizontal and vertical guides from the rulers onto the Stage.
When you create nested timelines, draggable guides appear on the Stage only when the Timeline in which they were created is active.
To create custom guides or irregular guides, use guide layers.
To display or hide the drawing guides, select View > Guides > Show Guides.
note: If the grid is visible and Snap to Grid is turned on when you create guides, guides snap to the grid.
To turn snapping to guides on or off, select View > Snapping > Snap to Guides.
note: Snapping to guides takes precedence over snapping to the grid in places where guides fall between grid lines.
To move a guide, click anywhere on the ruler with the Selection tool and drag the guide to the desired place on the Stage.
To remove a guide, use the Selection tool with guides unlocked to drag the guide to the horizontal or vertical ruler.
To lock guides, select View > Guides > Lock Guides or use the Lock Guides option in the Edit Guides (View > Guides > Edit Guides) dialog box.
To clear guides, select View > Guides > Clear Guides. If you are in document-editing mode, all guides in the document are cleared. If you are in symbol-editing mode, only guides used in symbols are cleared.
To set Color, click the triangle in the color box and select a guide line color from the palette. The default guide color is green.
To display or hide guides, select or deselect Show Guides.
To turn snapping to guides on or off, select or deselect Snap To Guides.
Select or deselect Lock Guides.
To set Snap Accuracy, select an option from the pop‑up menu.
To remove all guides, click Clear All. Clear All removes all guides from the current scene.
To save the current settings as the default, click Save Default.
Use the grid
About the main toolbar and edit bar
The menu bar at the top of the application window contains menus with commands for controlling functionality.
The edit bar, at the top of the Stage, contains controls and information for editing scenes and symbols, and for changing the magnification level of the Stage.
Use the Tools panel
The tools in the Tools panel let you draw, paint, select, and modify artwork, as well as change the view of the Stage. The Tools panel is divided into four sections:
- The tools area contains drawing, painting, and selection tools.
- The view area contains tools for zooming and panning in the application window.
- The colors area contains modifiers for stroke and fill colors.
- The options area contains modifiers for the currently selected tool. Modifiers affect the tool’s painting or editing operations.
Click the tool in the Tools panel. Depending on the tool you select, a set of modifiers might appear in the options area at the bottom of the Tools panel.
Press the tool’s keyboard shortcut. To view the keyboard shortcuts, select Edit > Keyboard Shortcuts (Windows) or Animate > Keyboard Shortcuts (Macintosh). On the Macintosh, you might need to move the mouse to see the new pointer appear.
To select a tool located in the pop‑up menu for a visible tool such as the Rectangle tool, press the icon of the visible tool and select another tool from the pop‑up menu.
Use context menus
Context menus contain commands relevant to the current selection. For example, when you select a frame in the Timeline window, the context menu contains commands for creating, deleting, and modifying frames and keyframes. Context menus exist for many items and controls in many locations, including on the Stage, in the Timeline, in the Library panel, and in the Actions panel.