Home > Tutorials > Basics >
Easy Buttons

Email to Friend

Easy Buttons
Created by: Kawliga

Square Buttons
Circle Buttons

This tutorial will show you how to create easy buttons – without a filter or plug-in!

Square Buttons

Open a new image, 100 x 100 pixels, background = transparent.

Choose two different colors for your fore- and background colors. For this example I took foreground = white and background = black.

Select your Floodfill tool and use the following settings:

PSP 5:
Fill Style = Rectangular Grad.
Match Mode = None
Tolerance = 20
Opacity = 100
Click on Options:
Blend Mode = Multiply
Vertical/Horizontal = 50

PSP 6:
Fill style = Rectangular Grad.
Blend mode = Multiply
Paper texture = None
Match mode = None
Tolerance = n/a
Opacity = 100
Click on Tab 2:
Gradient = Foreground-Backgrd
Repeats = 0
Horizontal/Vertical = 50

Click into your image to fill it with the gradient.

Now go to Colors || Brightness/Contrast and adjust settings to:
Brightness = 0
Contrast = 85

– And you have a simple 3D button!

To crop it to size, select your Magic Wand tool:
Match mode = RGB Value
Tolerance = 0
Feather = 0

Click into the black area around your button, then go to Selections || Invert so that only your button is selected.

Go to Image || Crop to Selection.

And here is your completed square button.

Circle Buttons

Open a new image, 100 x 100 pixels, background = transparent.

Choose two different colors for your fore- and background colors. For this example I took foreground = white and background = black.

Select your Floodfill tool and use the following settings:

PSP 5:
Fill Style = Sunburst Grad.
Match Mode = None
Tolerance = 20
Opacity = 100
Click on Options:
Blend Mode = Multiply
Vertical/Horizontal = 50

PSP 6:
Fill style = Sunburst Grad.
Blend mode = Multiply
Paper texture = None
Match mode = None
Tolerance = n/a
Opacity = 100
Click on Tab 2:
Gradient = Foreground-Backgrd
Repeats = 0
Horizontal/Vertical = 50

Click into your image to fill it with the gradient.

Now go to Colors || Brightness/Contrast and adjust settings to:
Brightness = 0
Contrast = 85

– And you have a simple 3D button!

To crop it to size, select your Magic Wand tool:
Match mode = RGB Value
Tolerance = 0
Feather = 0

Click into the black area around your button, then go to Selections || Invert so that only your button is selected.

Go to Image || Crop to Selection.

And here is your completed circle button.