Only Photoshop

Photoshop Tutorials and resources

Welcome to a OnlyPhotoshop, the best information about Adobe Photoshop, tutorials, articles, and resources!

User Log In

Lost your password?

Sign up Now

Multiple Button | Only Photoshop

Photoshop Tutorial

 

Tutorial por Paquo360

Learn the way of designing three Buttons for the price of one.

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.

Multiple Button 01

Deselect. Select > Deselect

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

The result is something like this:

Multiple Button 02

Now define the figure: Image > Adjust > Levels

Multiple Button 03

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.

Multiple Button 04

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

Multiple Button 05

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

Multiple Button 06

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.

Multiple Button 07

Finally deselect, and Ready. Select > Deselect

Really easy.

Multiple Button 08

Comentarios de Multiple Button | Only Photoshop

↑ Tutorial