Large Button


Step 1: Creating the Workspace:

Start by creating a 300 x 300 pixel document and filling it in with a Neutral Black (#000000)

Step 2: Creating the first layer:

Make a new layer and grab your Elliptical Marquee tool and make a selection like so:

image 1

Fill it with any colour and then right on the layer and select blending options. Apply this Gradient:

image 2

Our first outer circle should now look like this:

image 3

Step 3: Create a second layer:

Next make a new layer and make another selection with the Elliptical Marquee tool like this:

image 4

Note: Holding the Shift key on the keyboard will give you a equal sized circle selection!.

Fill in the selection with any colour and then right click on the layer and click on Blending Options. Apply this Gradient Setting onto the second layer:

image 5

Apply that gradient and then our second layer should look like this:

image 6

Step 4: Creating the middle part:

Finally make a new layer one last time and make a selection on it like this:

image 7

Fill it in with a neutral White (#FFFFFF) Once you have filled in the circle right click on layer and select Blending Options. Apply the follow settings:

Inner Shadow:

image 8

Stroke:

image 9

Apply those settings and our end result should be something like this:

The Final Result:

Large Button Tutorial: Final Result

And there we go a Simple 3D looking Button

Download the PSD file here.



Author's URL: Pulse GFX
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 "Large Button"

Only registered users can write comment

Reader's comments