Page 54 - Xara Web Designer Premium

54 Getting Started

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.