Grasp the chance to enhance your site with the best fitting layout, including elements like buttons, headers and logos.  Home Photoshop Web Layout Making an Apple Button

Making an Apple Button


Make a new document, 500x500 pixels, white background

image 1

With the rounded rectangle tool, make the shape of the button. Now CTRL+click on the shape to bring the selection. Now delete the shape and make a new layer so you'll have only the button selection on a new layer.

image 2

image 3

With the gradient tool, apply a gray-white gradient on the selection:

image 4

Go to layer style and apply an outer glow black, 2 pixels like in my example:

image 5

In the same window, apply a Bevel and emboss with these settings below: (remember, do not use "Global light"). Your button should look like this:

image 6

image 7

CTRL+click on the button layer to bring again the selection. With the selection tool, substract the bottom portion in order to have only the upper one active. Fill it with white.

image 8

CTRL+T to enter the free transform mode and scale it about 90%.Now apply a gaussian blur. I used 3.3 pixels. You're done.

image 9

Making an Apple Button Tutorial: Final Result



Author's URL: Head Nerd
Thank you for voting.
Rate this Materials:
Bad 
1 2 3 4 5 Excellent
print this page subscribe to newsletter subscribe to rss

Advance your current skills or acquire new skills in Photoshop by creating projects using our step-by-step tutorials. More Tutorials: Most Popular Materials | Fresh Materials | TutorialKit New Photoshop Tutorials

Add comments to "Making an Apple Button"

Only registered users can write comment

No comments yet...