Please login or register. Welcome to the Studio, guest!


Quick Links:


newBookmarkLockedFalling

Smangii

Smangii Avatar
Smangii Avatar

****
Senior Member

262


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



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:



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:



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:



DO NOT DESELECT ANYTHING!!

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



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:



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:



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








newBookmarkLockedFalling