MX

Fill Tool
You can easily put a graduated color fill onto a shape using this
tool (and a lot more besides). Select the tool and just drag
across your object.
The fill arrow can be adjusted by dragging the ends to alter the direction, angle and extent of the
graduation.
Rounded rectangle with a graduated fill.
Note: If you drag with the Fill Tool across a grouped item, such as a text panel, then everything in the
group takes on the same fill style. To overcome this you must first select just the item you want to fill.
You can do this several ways. A single click on the item with the Fill Tool will select just that item, as will
a click in the Selector Tool
with the "Ctrl" key pressed (this is called 'select inside' because it selects just the one item inside the
group). Now when you drag it will fill only the selected object.
To edit the start or color of the fill just drag and drop a color from the color line onto the shape, or you
can select the end of the Fill Arrow in the Fill Tool
and use the Color Editor ("Ctrl + E").
You can create a multi-stage graduated fill by making sure the fill arrow is visible (select it with the Fill
Tool
), now just drag a color from the Color Line and carefully drop it on the arrow line where you want the
new color. You can now drag this fill point, or select "Ctrl + E" to adjust the color using the Color Editor.
There are different fill styles, for example this is a circle with a circular fill.
The shadow is another ellipse with a graduated color fill and feathered (see below).
Transparency Tool
Modern browsers support advanced transparency effects, and so does Web Designer Premium. You
can adjust the transparency of any graphic or photo to make it see-through. Try it on your rectangle
example. Just select the Transparency Tool
, and adjust the large slider on the InfoBar.
More than this, Web Designer Premium supports graduated transparency. It works very like the
graduated color fill. In the Transparency Tool
just drag across your shape and you can see the transparency fades. You can adjust the degree of
transparency of each end of the fill arrow, by clicking on either end of the arrow, and adjusting the
Transparency slider.
Preview this and you'll find this works in your browser as well.
Page 152