[Index]

Overview of the Smart Button
The Smart Buttons Wizard
Editing Smart Buttons
Using the Smart Buttons for the First Time
Implementing Smart Buttons
Using Resizable Image Components
Using Bitmapped Image Components


Editing Smart Buttons

The Edit Button step of the Smart Button Wizard lets you edit a Smart Button. You can change the properties of the image in various ways with the provided tools.

Tool Buttons - Buttons for frequently-used actions are located on the lower-left side of the Wizard window.
Editing Tools - The Editing Tools menu lets you insert image and text components and arrange, rotate or flip components.


Component Selection Box

The component selection box in the lower left corner of the window lists the components of the Smart Button. Property tabs below the preview area let you modify the properties of the selected component. Different types of components have different sets of property tabs. The property tabs for each component type are shown below.

    When All is selected:

    When a Text component is selected:

    When a Resizable image component is selected:

    When a Bitmap component is selected:


Functions of Property Tabs

  • Background tab - Controls the background properties of the entire Smart Button
  • Layer tab - Controls the position, size, and opacity (transparency) of the selected component.  
  • Text tab - Controls the content, font, alignment, size, and style of the selected text component.
  • Bitmap tab - Displays the path and filename of the selected bitmap component's source file.
  • Fill tab - Controls the fill color(s) and fill type of the selected text or resizable image component.
  • Stroke tab - Controls the color(s), thickness, and corner style of the selected text or resizable image component's outline.
  • Bevel tab - Controls the style, thickness, and light angle of the optional bevel effect around the selected component.
  • Shadow tab - Controls the color, style, offset, and blur radius of the optional shadow under the selected component.
  • How to apply a gradient effect in the Fill tab or Stroke tab:

    1. Select the gradient style: Linear, Radial, or Rectangular.
    2. Click the color box for Starting color and choose a color in the Color Picker.
    3. Click the color box for Ending color and choose a color in the Color Picker.
    4. In the preview area, click the starting point handle and drag it to the desired position.
    5. Click the end point handle and drag it to the desired position.

    For a linear gradient, the relative positions of the starting and end points determine the length and angle of the gradient. For a radial or rectangular gradient, the position of the starting point determines the center point of the gradient, and the position of the end point determines its length.

Gradient Style

 Linear

Rectangular

Radial

Corner Type


Miter


Bevel


Rounded

Bevel Effect Style

Rounded

Smooth

Flat

Shadow Effect Style

Drop Shadow

Inner Shadow

Glow

 
 

Namo Interactive Inc.

This document was created using Namo WebEditor 4 on November 27, 2000.

 

© 2001 Namo Interactive Inc. All rights reserved.