MX

top bar. Try it on your rectangle shape. Select the shape and then click this Feather control on the right of
the top bar.
The shadow below the ball drawing above has a feathered edge. Combining all of these controls you can
very quickly produce amazing layered graphics for your website, all directly in Web Designer Premium
without needing any other graphics tools.
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
Page 132