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

Making Button


I used Photoshop 6.0  to create this Button. But I am sure you can do it with Photoshop 4.0 and higher versions.

Open a new document.

Height:150 Width:150 White Background.

File > New 

Shortcut Ctrl + N 

Create  a new layer. Layer > New > Layer

Shift + Ctrl + N

Choose elliptical marquee (M) .Hold the shift key down while drawing your circle.

Choose Gradient tool. (G)

Make sure you have Radial Gradient one selected.

Start from the top left corner and finish at the bottom right corner.

Contract the selection by 12 pixels

Select > Modify > Contract

Turn the selection with image 180

Edit >Transform > Rotate 180

Contract selection by 2. 

Select > Modify > Contract 

Turn the selection again by 280

Edit > Transform > Rotate 180

Button Tutorial: Final Result

Add some color through Hue/Saturation. 

Image >Adjust > Hue/Saturation Check colorize.

Play with the values this till you get the color you like.



Author's URL: Poidesign.com
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 Button"

Only registered users can write comment

Reader's comments