Introduction to Flash MX Tutorial > Add animation and navigation to buttons > Align buttons |
![]() ![]() ![]() |
Align buttons
You can align the three buttons along horizontal and vertical axes using the Align panel.
1 |
In the Timeline, with the Copy layer selected, add a new layer and name it Buttons. Lock all the layers except the Buttons layer. |
2 |
In the Stage View pop-up menu, on the right above the Stage, enter 150% to enlarge your view of the Stage. Then scroll to the lower right side of the Stage. |
3 |
Drag Button 1 from the buttons.fla Library panel and place it under the lower right corner of the dynamic text field. |
When you drag a button from the buttons.fla Library panel, the button becomes part of the library for your document. |
|
4 |
Drag Button 2 and Button 3 from the buttons.fla Library panel, placing them to the left of Button 1. Use the approximate spacing shown in the following illustration: |
5 |
With the Arrow tool, drag to select all three buttons. |
6 |
To open the Align panel, choose Window > Align. Verify that To Stage is not selected. You do not want to align the buttons relative to the Stage. Click Align Vertical Center, and then click Distribute Horizontal Center. |
The buttons align on the Stage. |
![]() ![]() ![]() |