[Table of Contents]

Gradient Effect
Applying Drop Shadow to Text
Resizing a Button
Making Backgroudn Transparent

 

In the Fill Color Attributes tab of Smart Button Wizard, you can apply a color gradient on a text or resizable image component by using different starting and ending color.

The followings are the examples of various direction and styles of gradient effect.

Example 1

Example 2

Example 3

Example 4

Example 5

To use a gradient effect, follow these steps:

1. Like the picture below, select a component to apply a color gradient and click Fill Color Attributes tab.

Smart Button Wizard - Fill Color Attributes
 

2. Select Linear, Circular, or Hyperbolic as the Fill type.

3. Click Starting color to select the first color, then click Ending color to select the second color.

4. In the preview area, you will see a black line with small boxes (handles) on each end. Click and drag the handle containing the starting color to specify the starting point of the gradient. Click and drag the handle containing the ending color to specify the ending point of the gradient. The angle of the line indicates the angle of the gradient.

 

Namo Interactive Inc.

This document is created using Namo WebEditor 4 on August 2, 2000.

   

© 2001 Namo Interactive Inc. All rights reserved.