More Tutorials ::
Photo / Text / Interface /
Web Graphics
/ Vectors / Textures
Page 1 | Page 2

Engraved Button

5 Apply a Linear Gradient Fill using the settings below:

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

Under the Flood Fill Options Tab
Gradient = Metallic
Angle = 0
Repeats = 0

Apply some depth by darkening the active selection.  Click on Colors>Adjust>Gamma Correction (RGB = .50)

Deselect image by pressing [CTRL+D]

 

 

6 Add another layer (Layers>New Raster Layer).

Load the Button selection (Selections>Load From Alpha Channel)

Contract selection by 5 (Selections>Modify>Contract)

Save this selection to alpha channel for later use (i.e. Colorize) and name it Inside Button

Apply a Linear Gradient Fill to your current selection using the settings below.

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

Under the Flood Fill Options Tab
Gradient = Metallic
Angle = 0
Repeats = 0

 

 

7 Add another layer (Layers>New Raster Layer)

Zoom your image .  While holding the [Shift] key, draw a white straight line as shown in the example below (Use the same settings in Step 3 only this time set Line Width = 10)

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

 

 

8 Add a new layer (Layers>New Raster Layer) and apply a drop shadow (Image>Effects>Drop Shadow)

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

You can create a Navigation Bar out of this tutorial.







Have Questions or Comments?
Please post your questions or comments at Pinoy7 Forum and share your thoughts with others.


More Tutorials ::
Photo / Text / Interface /
Web Graphics
/ Vectors / Textures
Page 1 | Page 2