Create a Button [PSP]

[Smangii]

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

[ash ♥]

Great tutorial! Using that tecnique with the contract/expand, that's how you can make that thin line of glitter that I was talking about in the other thread, right?

[Smangii]

Yup Yup! ^_^ U got it!

[ash ♥]

Here's what I got:

[Smangii]

AWESOME!! u got it! =P Nice job using the gradient, too!

[ash ♥]

Thanks!

[Ellie]

That was an awesome tutorial, Smangii! I had a lot of fun doing it!

Here's mine:

[Smangii]

AWESOME BUTTON, ELLIE!!! Nice glow you put on it ^_^ It is fun to make, isn't it? Glad u enjoyed!

[ash ♥]

That's awesome Ellie! How do you make it have that gel look? You do that with your on/off buttons too, and it looks so cool!

[Smangii]

Well, in simple terms to get the gel look i would create a new layer, select the outline of the image (in this case the button), modify--> contract it by like 2 or 3, save selection to alpha-channel, bring the original image down by like 4 or 5 pixels, load selection from alpha channel, click on new layer, fill with faded white gradient, and reduce the opacity. ^^

that didn't make much sense, did it? =P Well, that's how i would do it...dunno how Ellie does it, though ^^ Whichever way, it's unique and amazing! =P

[ash ♥]

Ok, thanks! Maybe I'll try that sometime.

[Ellie]

Thanks!

Ashley, I do it very similarly to the way that Smangii described. Plus, I blur everything a little bit to make it look softer. I kind of combined this tutorial with the one that Mahud wrote for orbs over at ocgfx. You should check it out, it's brilliant. I've learned how to do a ton of stuff from M@.

[ash ♥]

Alright, thanks Ellie! I think I'll have a look at that tutorial.

[Smangii]

O___o wow, I WAS RIGHT?!?! Lol...YUP! Well, I just sorta made that up off the top of my mind xP Oh yeah, a bit of blurring would be necessary too ^^ M@ is an excellent teacher, he's taught a lot of stuff! =P