For PSP V56Home   >   Tutorials   >   Basics   >
Easy Buttons
E-mail this tutorial to a friendEmail 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.