MX

This is an example of a rounded rectangle
with grad color, grad transparency and
feathered edges with some text placed on
top of it.
This has a graduated color fill, light to dark
green going left to right. It also has a vertical
graduated transparency fading from top to
bottom. The feather gives it a soft edge. It
takes a couple of seconds to create such an
image, and it's automatically converted to the
right graphic when you save your web page.
In Web Designer Premium you can create
any type of graphic, photo, text with
transparency, and it 'just works'. It can also
import almost all graphics files, from Adobe
EPS, to Photoshop PSD, Camera RAW and
more.
Technical note
: Web Designer Premium automatically converts any vector graphics into PNG images, an alpha-channel
PNG if transparency is used. It uses CSS layers to replicate the object layer stacking in Web Designer
Premium. This is compatible with all modern web browsers.
Shadow Tool
A very popular graphics effect is to create a soft drop- shadow under a graphic or some text. This
serves to lift the object away from the background.
The Shadow Tool lets you add a soft shadow to any object, text,
graphics or photo. Select the Shadow Tool
and just drag on the object. You can adjust the shadow blur and
transparency using InfoBar controls.
Some text with a soft shadow.
To adjust the position of an existing shadow, go into the Shadow Tool
and drag on the shadow.
Example Graphics
This is a perfect example of what can be created in Web Designer Premium. This button combines many
of the features described above - it's drawn by combining just a few feathered shapes, and using
graduated transparency (the white reflection effect). The text has a slight soft shadow and the button has
a glow shadow. The whole thing is grouped. (You do not need to draw this button as it's provided in the
Button category of the Designs Gallery
).
The huge benefit of vector graphics, compared to 'bitmap' graphics created in pixel editing software such
Photoshop, is that you can re-color, edit, rotate, and resize the button with no loss of quality. Make it
huge and it remains pin sharp:
Page 138