Site search


PRODUCTS
 

Home

Download

Purchase

Awards and Testimonials

Product applicability table

Product FAQ and Support contact

Join our Mailing List


THE ANTECHINUS CATALOG
 
Animator
Add images, import sounds, create AVI videos.
 
Animator Professional
Powerful creator of animations, videos and sound. Multitude of special effects.
 
C# Editor
The first professional C# editor.
 
Code Chameleon
Supporting a multitude of programming and scripting languages.
 
Draw Magic
For all your diagramming, flowcharting and drawing needs.
 
JavaScript Editor Standard
The world's leading JavaScript Editor.
 
JavaScript Editor Professional
The world's best JavaScript Editor just got better.
 
PHP Editor
Create, edit and run PHP scripts with this powerful editor.
 
Web Effects
Visually create websites with menus and multimedia capabilities.
 

Creative C-lutions

 

Photo Magic: 3. Creating buttons

Photo Magic allows you to give any image the appearance of a button.

Alternatively, in one go you can create a set of three button states:

1. Normal

2. Roll-over: When the mouse rolls over the image, and

3. Pressed-down: When used clicks on a button).

Purposes: Applications or web pages.

Click to enlarge

1. Draw the base of a button. You can reuse this base for any subsequent buttons.

    a. Draw a selection rectangle for the future button

    b. Select a light color and fill the selection

    c. Select a darker color and select Effects / Frame  from the menu (Shift+Ctrl+F)

    Alternatively, you can use XPButton.gif in the Tutorial folder.

2. Draw a selection rect inside of the button - this is where the text will appear.

3. Type the name of the button (e.g., "Home"). While you are typing, you can move the selection rect with your mouse to fine-position the text.

4. Select Effects / Buttonize from the menu.

5. Click Load Settings... and open XPStyle.btn. This will set the button style for all three states (normal, roll-over, and pressed-down) to a style similar to Windows XP.

6. Click on Normal, Roll-over and Pressed to preview the images before generating them.

7. Click on Create Images. You will end up with a set of 3 images similar to the one below.

   

The image below simulates a button on your web page. Move the mouse over it to see the roll-over image.