Her

Home Photoshop Tutorials Web Layout Multiple Button

Multiple Button

Author: OnlyPhotoshop Author's URL: onlyphotoshop.com More by this author

Make a new Image, RGB Mode, white background, 200*100 px.

Make a new Channel clicking on the New Channel icon (Channels palette).

The image changes from with to black. Use the Rectangular Marquee Tool and apply: Style = Fixed Size - Width = 160 px - Height = 60

Fill the selection with white color.

image 1

Deselect. Select > Deselect

Then: Filter > Blur > Gaussian Blur - Radius = 15

The result is something like this:

image 2

Now define the figure: Image > Adjust > Levels

image 3

Go to layers Palette and make a new one:Layer > New > Layer

Get the Alpha Channel 1 Selection - Select > Load Selection - Channel = Alpha 1

Take de Gradient tool y chose the gradient you want to use with your button. I used this.

image 4

Apply the gradient in the selection. Now you have the button 1.

image 5

Now the second. - Select > Modify > Contract - Contract By = 4 px - Select > Feather - Radius = 2 px

Apply the gradient again, but this time in opposite direction.

Button 2

image 6

Here the Button looks really great, but lets make it better. Select > Modify > Contract - Contract By = 4 px - Select > Feather - Radius = 2 px

Apply the gradient last time (i hope), this time in the first direction.

image 7

Finally deselect, and Ready. Select > Deselect

Really easy.

Multiple Button