Tutorial

Click on thumbnailed images to enlarge

Welcome to the tutorial on how to create a button! Like this one:

User posted image

This tutorial is done in PSP X, but I'm sure this is capable with other version of PSP like 7,8 and 9.

STEP ONE: Create a new image, we're going to build the button above, so I'll make my workspace a 200x200 with a transparent background.

STEP TWO: Using the selection tool (press S on your keyboard) set your settings as so:

Selection Type: Circle
Mode: Replace
Feather: 0
Anti-Alias: Checked

STEP THREE:

Create a circle towards the left side of your workspace. Then while holding the SHIFT key down, create another smaller circle next to it. It should look something like this:

User posted image

STEP FOUR: Set your foreground to the GRAY Gradient, Angle at 0, Repeat at 0, and the Invert button UNCHECKED.

Press okay.

STEP FIVE: Press the "F" key on your keyboard, or click on the flood fill tool. While your circles are still selected, fill in the circles. Your work should look like this:

User posted image

STEP SIX: Go to Selections --> Modify --> Contract. Set your pixel to 4 --> Ok

STEP SEVEN: Go to layers --> new raster Layer --> Ok.

STEP EIGHT: Click on your foreground gradient, and this type CHECK the invert button. Keep all other settings the same. Then using the floodflill tool, fill your selection. Your work should look like this:

User posted image

DO NOT DESELECT ANYTHING!!

STEP NINE: Go to Adjust --> Hue and Saturation --> Hue/Saturation/lightness. use the following settings:

User posted image

CLICK OK.

STEP TEN: Go to selections --> Modify --> Contract. Set your pixels to 2. Click Ok.

STEP ELEVEN: Go to layers --> new raster layer --> ok. using the FLoodFill tool (F key) fill your selection. Your work should now look like this:

User posted image

STEP TWELVE: Go to selections --> Modify --> Expand. Set your pixels to 5. Press OK.

STEP THIRTEEN: Go to Effects --> 3D Effects --> Innerbevel. Set your settings like this:

User posted image

CLICK OK.

STEP FOURTEEN: Go to selections --> Select None.

HOORAY! YOU FINISHED! Admire your work...lol. You can add text and images to it from here on.

Hope you enjoyed! ;D
[center]User posted image[/center]

Tutorial Comments

No comments yet. Be the first one to comment!

Tutorial Details

Author Smangii View profile
Submitted on Sep 17, 2006
Page views 16,810
Favorites 16
Comments 0

Tutorial Tags