|
|
 |
Symbol editing
Let us now edit the symbol and give it a pleasant look. If you
want to open a symbol for editing you just need to double-click
on one of the instances. The symbol will be in its own window and
you can edit it just like other objects.
 |
Select the symbol and set its
fill properties in the fill panel. We want the fill to be
solid and red (#FF0000). We need not set any other properties
in the fill panel.
Remember that you can switch all the panels on and off via
the Window menu. |
| The stroke for the symbol
should be set to none. That means that no additional outline
is created around the fill of the symbol.
You can select the properties for the stroke from a list
box that opens when you click on the icon next to the current
selected list item. |
 |
 |
To give our indicator a three
dimensional look we will apply an inner bevel effect from
the effects panel.
We will set the bevel to be smooth, the other values are
the default values that Fireworks suggests. |
When we finish editing the symbol we need to close the editing
window. If you look at the title bar of the window you can see that
Fireworks treats symbols as their own .png files. Since these files
are in the library we do not have to save or name them, Fireworks
manages these actions automatically.
Frame 2 - the 'over' state of the navigational buttons now should
look like this:
HANDS ON:
Give your symbol the look as defined by above panels:
- fill color #FF0000, solid
- stroke: none
- effect: inner bevel, smooth |
|
