How to make stylish engraved buttons for website navigation menus.

Part 2 of the PSP tutorial, How to make engraved buttons for webpage navigation menus

Google
Web www.hypergurl.com



Handy Tip: When making website buttons, make sure you keep at least one blank button (no text written on it), to be used as a template for all future navigation needs.

Bookmark This Page | Click here for more PSP Tutorials

Part 2 of the psp tutorial,
How to make engraved buttons for stylish navigation menus.

Click here for part 1

Step 9

Add a New Layer
Layers>New Raster Layer

Step 10

Load the Button selection
Selections>Load From Alpha Channel

Contract selection by 5 (Selections>Modify>Contract)


Step 11
Apply a Linear Gradient Fill to your current selection using the settings below.(Refer to step 3)

Linear Gradient Settings:
Fill Style = Linear Gradient
Blend Mode = Normal
Paper Texture and Match Mode = None

Under the Styles Options Tab
Gradient = Metallic
Angle = 0
Repeats = 0

Step 12

Add another layer
Layers>New Raster Layer

Zoom in on your image

While holding the Shift key, draw a white straight line as shown in the example below (Use the same settings in Step 6, only this time set Line Width = 10)


While selection is active, apply the Gaussian Blur filter
Image>Blur>Gaussian Blur
Radius = 2.5

Step 13

Add a new layer
Layers>New Raster Layer

Apply a drop shadow
Image>Effects>Drop Shadow

Shadow Color = Black
Opacity = 90
Blur = 10
Vertical Offset = 3
Horizontal Offset = 0

Deselect Selections>Select None
Merge Layers and Save As

Now you may add text to the image and make your navigation bars.

 

 


 
Hypergurl Hosting

IMPROVED PLANS
FREE Domain Name
Click for more info!

 
Refer A Friend
Your Email
Your Name
Friends Email
Friends Name


 


Home
Site Map
Email Hypergurl
About
Link To Hypergurl

Site design copyright 2001-2006 © hypergurl.com