Welcome to Design Inn blog

Wednesday, May 7, 2008

Glossy button for web pages

This tutorial is for creating button for using in web pages. I have kept the resolution to 72pixels/inch which is suitable for web pages.

1. Create a new document with following settings:



2.Select rounded rectangle tool from tool bar and draw a rounded rectangle with radius 35px and color #00a2ff.



3.Create a new layer. Select rounded rectangle tool and draw above the already drawn rectangle. Now ctrl click the new layer and press delete button so that it looks like:


4.Select white color from color box. Click gradient tool and select second gradient effect from gradient editor.



5.Drag the gradient from top to bottom by holding shift key.



6.Add some text of your choice. Add some shadow effect to the text.



So here is the final result:


Hope you all enjoyed the tutorial. If you have any queries add it in comments.
Have a great day!!!!



Learn more easily with VIDEO TUTORIALS!!!


Learn how to use PHOTOSHOP in just 2HOURS!!!


The Easiest Way Of Learning Photoshop in the Universe. The Complete Photoshop Guide for People who Hate Normal Manuals




2 Comments:

Blogger isma said...

Very good this tutorial. was in Coreldraw, but rather as the Photoshop, I found the most do so in the PS.
I am here in Brazil and I call Isma.Meu dream is becoming a professional webdesigners prominence in the world, but get this story with his brother helps, because if it were not people like you, I would not have the opportunity to dream looking forwards and with hope of achieving my dream. Thank you by force!

August 27, 2008 3:26 AM  
Blogger isma said...

my blogger adds to his, because I want to always be learning from their tutoriais.Thank you very much brother!

August 27, 2008 3:31 AM  

Post a Comment

Subscribe to Post Comments [Atom]

Links to this post:

Create a Link

<< Home

Welcome to Design Inn blog

Enter your email address:

Delivered by FeedBurner

Subscribe in a reader

My Photo
Name: Design Inn
Location: Singapore, Singapore


Graphics.com/Learning



Powered by Blogger


My site was nominated for Best Blog Design!

Subscribe to
Posts [Atom]