Sometimes when there is a lot going on on the stage, it may be difficult
to tell what symbol was used. The Info Panel can be very helpful as
it gives you "information" about your objects.
The Info panel uses the units specified for the Ruler Units option in
the Movie's Document dialog box.
Notice that the ruler measurements start from the top left corner and
increase as they go from left to right (x coordinate direction) and from
the top left corner going downwards (the y coordinate direction).
You can use the Info panel to do the following:
Let's work with the Info Panel a bit...
- View the object type of a selected object (shape, movie clip, and
- View and change the width and height of selected objects.
- View and change the position of selected objects by using precise
x and y coordinates.
- Use the registration grid to specify a top-left registration point
or a center registration point (top-left is the default).
Registration point in upper
Registration point in center
- View the position of your mouse.
The Info panel can help to center an object while in Symbol Edit Mode.
Tip: If the X and Y areas are grayed out, it's
because the object is not selected. The more you work in Flash, the more
you'll discover how useful the Info panel can be, especially when working
with complex movies.
- Open a new movie and set the stage size to 400 x 400 pixels.
- Draw out a square on the stage with the Rectangle tool.
- With the square on the stage selected, access the Info Panel (Window
> Panels > Info or [Ctrl+Alt+I] keys).
- In the W field type in 100.
- In the H field type in 100.
- Now convert the square to a symbol (name it and give it Graphic
- In the Info Panel, the symbol's dimension is on the left (100
- The registration grid is in the middle and the X and Y coordinates
are on the right.
- Let's move the instance of the symbol to the top left corner of
the stage using the X and Y coordinates. Be sure the registration
point is set at the default (top-left) .
Remember, the X and Y coordinates use the same units as the ruler.
Turn on the ruler (View > Ruler) and you will see the the upper
left corner of the instance is at the 0 coordinates.
- Enter 0 in the X field.
- Enter 0 in the Y field.
- Click on the stage one time. The instance will move to the the
top left corner of the stage.
- Now let's change the registration point. With the instance on the
stage selected, click the center square of the registration grid
- Notice that the X and Y coordinates changed to 50.0 and 50.0.
This is because the registration point is in the center. If you
look at the crosshair of the instance (the instance must be selected
for the crosshair to be visible), you'll see that it's lined up
to the X 50 and Y 50 coordinate of the ruler.
- Change the X and Y coordinates back to 0.
- Notice that the left and top half of the instance is off the
stage. That's because the registration point is now in the center
instead of the top-left corner of the instance. The crosshair
of the symbol indicates the center point.
- Now move your mouse over top of the square on the stage.
- Notice the bottom X and Y coordinates change as you move your
mouse over the object. These are the coordinate values of the
- Notice that the RGBA fields are empty...this is because we are
working on an instance of a symbol on the main stage. Remember
we mentioned above that you must be in Symbol Edit Mode to view
- Let's edit this symbol in place to view the RGBA values of this
symbol. Double click on the instance on the stage OR right click and
choose Edit In Place from the contextual menu.
- Notice that the stage still appears when you use "Edit In Place".
- Now move your mouse over the square.
- Notice that values appear in the RGBA field (depending which
colors and alpha you used when you created the symbol).
- The object is still at the 0 coordinates with the registration point
in the center. Let's move the object to the center of the work area.
Because we set our stage size to 400 x 400 pixels, we know that 200
x 200 will be the center point. So change the X and Y coordinants
to 200 then click on the stage once.
- Notice the object moves to the center of the stage.
- Now change the registration point to the top-left .
- Notice the values of the coordinants change to 150. If you turned
off the ruler view, turn it back on so you can see the units displayed
and that they correspond with the top-left corner of the object's
- In the previous steps we were in Symbol Edit Mode, but editing the
Symbol "In Place" to the stage...the stage was still visible. This
time let's work in Symbol Edit Mode by double clicking on the icon
in the Library, OR by selecting the symbol in the Library and choosing
Edit from the Libraries Options menu.
- With the object selected, change the registration point back to
- Click on the work area one time to deselect the object.
- Select the Text tool and type some text to the left of the square
so it's not touching it....My Square will do. Be sure the text is
a different color than the square.
- Select the Arrow tool and be sure that just the text is selected.
Access the Info Panel and set the X and Y coordinates to 0.
- The text is now over top of the square and both are centered in
the work area.
NOTE: The crosshair indicates the center
point in the work area of Symbol Edit Mode.
- Now go back to the main stage by clicking on the Scene 1 link. You'll
see your square in the center of the stage, along with the new text
you created in Symbol Edit Mode on top of it and centered.