How to create 3D buttons for your software
In this article we going to discuss how to create 3D buttons for your software to make it look better using the Online Button Studio at:
Since the appearance and the look of your software is the first thing that user judge your software on; you will find that creating professional and cool looking 3D buttons plays a major part in your software sales and also and downloading.
We now are going to discuss every functionality of the studio then provides you with the most effective way and hints to create an attractive buttons for your software and finally we will discuss how to install this buttons in your software.
Functionalities:
- Ground Color: this is the ground color of the button which is better to be set to the back ground color of your windows form.
- Button Width: this is the width of your button.
- Button Height: this is the height of your button.
- Button Style: the Online button studio provides 4 styles each style have it's own 3 sub styles allowing more shapes to be designed.
- Text: this is the text that will appear on the button.
- Text (X): this is the X coordinate (position) of the text on the button.
- Text (Y): this is the Y coordinate (position) of the text on the button.
- Text Color: this is the color of the text.
- Family: this is the font family of the text.
- Style: this is the style of the font of the text.
- Size: this is the size of the text on the button.
- Color 1: if you set the button style to Style 1 then this will be the color of the button's border, if you set the button style to Style 2 then this will be the color of the button, if you set the button style to Style 3 then this will be the color of the button.
- Sub Style: this is the sub style of the buttons, if you choose solid then then button colors will be solid, if you choose Linear then the button color will have a linear effects.
- Linear Style: this is the style of the Linear sub style, this controls how the colors in the linear mode is drawn.
- Hatch Style: this is the style of the Hatch sub style, this is like a texture types for the button.
- Hatch Back Color: this is the color of the hatch back ground (kinda like the texture back color) you must set the sub style to Hatch in order to apply this color.
- Hatch Lines Color: this is the color of the hatch lines (kinda like the color of the button texture) you must set the sub style to Hatch in order to apply this color.
- Color 2: this color is for button Style 1 only, it determine the color of the second button's border.
- Inner Color: if you set the button style to Style 1 then this will be the inner color of the button, if you set the button style to Style 4 then this will be the inner color of the button
- Linear Inner Color: you must set the sub style to Linear in order to apply this color, if you set the button style to Style 1 then this will be the second linear color of the button's inner body, if you set the button style to Style 4 then this will be the second linear color of the button's inner body.
- Body Color: this is the color of the 4 small rectangles on the Style 4 button.
Now after we looked at the studio functionalities here is a few hints to create an attractive buttons that works for your software,
Hint 1: try select one style in all of your web page buttons so it appear as if it is one template.
Hint 2: try to design a colorful buttons because users get attractive to this kind of buttons.
Now lets see how we can install this buttons in your software,
After you finished the design of your buttons select "UnPushed" and click "Create Button" button
If your button didn't appear refresh the page and it will appear.
Download the button on your machine by clicking right click on the button in the Preview Screen box and choose "Save Picture As..."
Select "Pushed" and click "Create Button" again.
Download the button on your machine by clicking right click on the button in the Preview Screen box and choose "Save Picture As..."
If you are using .Net programming language then download the image button control from and add the Unpushed image and Pushed image into the control.
