The button maker generator can be used to create customized button graphics for web site menus or other graphical user interface components.

You can change the size and shape of buttons, add text overlay and modify colour of specific components. The button created can be either uniformly filled or a gradient can be applied to provide elegant rollover effects.

SHAPE AND SIZE:

Buttons can be square, rectangular, circular and elliptical. You can view the pixel dimensions of the button graphic by hovering over the image with the cursor. Borders can be included with customized thickness and round corners can be applied.

TEXT OVERLAY:

Text can be positioned over the button graphic with customised size, styles (including bold and italic), colour and position.

FILL COLOR:

Buttons can be either filled with a fixed colour or as a gradient. The direction of the gradient is typically vertical (top to bottom), however other options are available as horizontal or diagonal. You can edit individual colours that form the gradient overlay.

IMAGE FORMATTING:

Often the same button template is required and different text must be applied. In this case image templates can be stored for convenience. You can store separate templates for the normal, hover and pressed states for the graphic. Stored templates will be lost once the program is terminated. After text has been applied you can preview the output and make any necessary changes. The different states for the button can be either saved as separate files or merged as one file with stacking. Templates can be stacked vertical, horizontal or as a grid in the case of four separate states. Cascading style sheets (CSS) can be used to select a specific region of the graphic to display for specific cursor events.

The image will save to your desktop as either a PNG or GIF.