View All Tutorials | Home

Embossed Button
Part I.  Web Buttons Using Gaussian Blur
Requirements: Paint Shop Pro 5.0 or higher
 

 

1 Start by making a 150x150 pixels, 16 Million colors and white background image.

Set foreground color to any color you wish, I am going to use dark red on this example  (R=128 G=0 B=0). This will be the color of your button.

Set background color to black.

 

2 Draw a rounded selection selection.gif (869 bytes) (as shown in the image) of any size.

Selection Type = Circle
Feather = 0
Antialias = checked

3 Fill the the area of the circle with your foreground color.

Fill Style = Solid Color
Match Mode = None
Tolerance = 100
Opacity = 100
Sample Merge = NOT checked

 

4 Save the current selection to Alpha Channel (Selections>Save to Alpha Channel) and name your selection Outer

Contract your selection by 5 (Selections>Modify>Contract) Pixels = 5.  Save the current selection to Alpha Channel (Selections>Save to Alpha Channel) and name your selection Inner

Add a new layer (Layers>New Raster Layer)

Set your foreground color to white and apply a solid color fill at your current selection (Inner).


Image after drawing a semi-ellipse selection

 

5 Deselect the inner selection by pressing [CTRL+D]

Draw a semi-ellipse selection selection.gif (869 bytes) off the center (see example) then press the [Delete] key

Selection type = Ellipse
Antialias = checked

(The X spot indicates where the light source will be coming from)


Image after pressing the [Delete] key

6 Load the outer selection (Selections>Load from Alpha Channel)

Apply the Gaussian Blur filter (Image>Blur>Gaussian Blur) Radius = 3

7 Next step is the add some shadow.  Load the inner selection (Selections>Load from Alpha Channel)

Add a new layer (Layers>New Raster Layer)

Set your foreground color to black and fill the inner selection with black color.


Image after drawing a semi-ellipse selection
8 Deselect the inner selection by pressing [CTRL+D]

Draw a semi-ellipse selection selection.gif (869 bytes) off the center (see example) then press the [Delete] key

Selection type = Ellipse
Antialias = checked


Image after deleting the current selection leaving a shade as shown in the example.

9 Again, load the outer selection (Selections>Load from Alpha Channel) and apply the Gaussian Blur filter (Image>Blur>Gaussian Blur) Radius = 3
Next
Back to Top / Translate this tutorial

Home | Tutorials | W3 Corner | Freebies | Pixel Arena | Message Board | Resources | Portfolio | E-mail  | About | Guest Book

Pinoy7 © 1999 - 2000 Richie Dumlao All Rights Reserved.
Paint Shop Pro and Animation Shop is a registered trademark of Jasc Inc.
Disclaimer   Privacy Statement