Did you see...

Make an Easy Web Button

When I say Easy – I really mean it – easy easy easy easy! 😀  Buttons are cool and can be very effectively used on websites. So lets begin.  

Step 1 

New 1024×768 72ppi document – the normal stuff – set forground colour to blue (#00bff3) Grab the elipse tool and while holding Shift draw out a perfect circle


step 2

Select the burn tool, setting range to midtones and exposure to 10%.  Go over the bottom half of the picture. Then use dodge with the same settings to do the top half of the circle eg…


Finally burn the centre a bit in a circle motion. 

Step 3

select White (#ffffff) as your foreground colour and draw another circle over the top left hand side of the circle.  press Control and G to clip this layer to the blue circle layer.


Step 4

On the white circle layer, click the add layer mask button – within the layer palette. Now use a black to white linear gradient on the layer mask to remove some of the white.


Step 5

Select the Text Tool and choose an interesting font, set the colour to black and type something eg home.  


Step 6

Lower the fill opacity to 70% and change the blending mode to overlay.  


Step 7

Finally lower the fill opacity of the circle to 70% 



You can download the psd file from Here

Hope you enjoyed the tutorial – please feel free to contact me at Mail@simonrudd.info if you have any questions or wish to show me what you’ve made


Find me on Twitter


Please go here if you wish to contact me for work

My Blog updated daily

More of my tutorials Here


About Simon Rudd (51 Articles)
Simon Rudd is a freelance writer and artist specialising in Photoshop tutorials as well as Horror, the Macabre and Fantasy themed pictures. He frequently writes for magazines and websites.

Leave a comment

Your email address will not be published.