» Home   » Tutorial » Contact » Disclaimer » Html Tips and Tricks  » Photoshop Tips » Php Tips

PATNERS
 

photoshop MySpace Layouts

MySpace Layouts, MySpace Codes, MySpace Generators, and everything Myspace related!

 Provides Myspace Layouts, Codes and tools to customize your MySpace profile.
 

AFFILIATES
 
 
 
Adobe Photoshop is a multipurpose software, which is leading the graphical and designing industry as the software incorporates thousands of effects, has range of functions and software features and can be use to create razor-sharp images and eye-catching graphical illustrations. Further more Photoshop is designed to be very user friendly.


Title: How to make a shiny glowy gel website navigation button using adobe photoshop

Description: Latest photoshop tutorial techniques for web designers to learn new how to make glowy shining gel like navigation in your website design

We will teach you how to make a Shining glowy gel like website navigation button.

photoshop website tutorial create learn gel button navigation

[1] Take a new file of Height = 400 pixels, Width = 400 pixels and
of resolution 72 dpi and in the RGB mode.

[2] Now goto the tool bar and choose the
settings which I have used but take the maximum reading
for making the shape of the capsule.

image038

 

[3] Now make the shape on the file and
take the pentool for making the selection take the color of your choice I have taken this.

[4] Fill the color in the selection and goto menu bar Select>Modify>Contract
and use the setting for the contraction.

[5] Make the new layer and fill the white color to it in
the selection as given below.

[6] We have to use this selection many times so
it is must that you save the selection go to
Select > Save selection an d name your selection as given below.

http://www.photoshopmonster.com/tutorial/shiny-glowy-gel-navigation-button/shiny-glowy-gel-button.jpg

 

[7] Now goto the Filter>Blur>Gussian Blur
and use these settings or it depends upon the size of your selection.

[8] Your will be shown like this.

[9] Now set the settings of the selection
which I have done below in the image.

[10] Now fill the gredient in the selection use the
Edit>Transform>Distort and stretch it below corners.

[11] Your Image will be like this

[12] Now click on the Layer 1 with the help of Cntrl key to
make the selection and fill deeper colour as shown in the image below.

[13] Put the layer in the last of all the layers
now goto Select>Load selection and put it in the
position which I have putted down.

[14] Select the layer 1 and goto
Filter>Motion Blur and use the settings
which I have used below in the Image below.

[15] Your Image must look like this.

[16] Now type any which
ever you want your layers
should be arranged in this order for the best results.

[17] Put the text in th centre of the button as in the Image below.

photoshop website tutorial create learn gel button navigation

[18] We can make it more attarctive by using it in many styles as below.

photoshop website tutorial create learn gel button navigation

photoshop website tutorial create learn gel button navigation

Cool new technique in photoshop to how to deal with text, link or overlap them

 



Our Latest Tutorials -

Create pink razr motorola
Learn how to create a Pink motorla cell phone using photoshop software!

View this tutorial

Spiral vortex
In this tutorial, you will be making a spiral vortex!

View this tutorial

Photoshop Tips and tricks
learn Adobe photoshop cs2. Photoshop video tutorial coming soon.Adobe Photoshop software, Adobe photoshop software tutorials.

We upload Adobe photoshop software tutorial every week. bookmark us.

© 2005 - www.photoshopmonster.com. All Rights Reserved.