Go Back   TheDesignWorld > Community > Tutorials

Tutorials Post tips and tutorials other people can learn from.


Welcome to the TheDesignWorld forums.

You are currently viewing our boards as a guest which gives you limited access to view the forums. By joining our FREE community you can post topics, download font packs and templates, communicate privately with other members (PM), see fewer ads, respond to polls, upload content and access many other special features. Registration is fast, simple and absolutely free so please, join TDW today!

If you have any problems with the registration process or your account login, please contact contact us.
Reply
 
Thread Tools
Old 08-20-2005, 12:58 AM   #1
martian2k4
martian2k4 is offline
Join Date: May 2005
Location: ????
Posts: 12
Send a message via MSN to martian2k4 Send a message via Yahoo to martian2k4
Glossy buttons!

Open a new document 500x500 with a white background.

Select the Rounded Rectangle Tool (U) and get your selft a dark grey color, I used #202020.

Draw a box which is approximately 100x40 and Rasterize the layer.



Now use the magic wand tool to select the grey box and goto Layer >> New layer

On the new layer fill your selection with light grey lines going accross your box.



Go to Selection >> Inverse and select Feather 10px and hit delete Twice. Now press CTRL E to merge the two layers.

Select the Pen Tool (P) and Set your foreground color to white.
Now draw a shape like this over your button



And set the opacitiy of the layer with your shape on to 35% and Rasterize the layer



Press CTRL E again to merge the two layers again, Add text and you have your button and your done



Here are a few color variations





  Reply With Quote
Old 08-20-2005, 01:28 AM   #2
murphj
 
murphj's Avatar
murphj is offline
Join Date: Nov 2004
Location: Albury, NSW, Australia
Posts: 2,919
Send a message via MSN to murphj
Very nice!
__________________


Web designer for hire - email me at murph.j [at] gmail [dot] com
  Reply With Quote
Old 08-20-2005, 01:32 AM   #3
martian2k4
martian2k4 is offline
Join Date: May 2005
Location: ????
Posts: 12
Send a message via MSN to martian2k4 Send a message via Yahoo to martian2k4
Thanks
  Reply With Quote
Old 08-20-2005, 01:48 AM   #4
Marc
Marc is offline
Join Date: Aug 2005
Location: Ipswich, England
Posts: 1,765
Send a message via MSN to Marc
Ooh. They're snazzy. Nice tut!
__________________
--
In loving memory of Mutley. 1991 - 16/10/2006
Eet fuk
  Reply With Quote
Old 08-20-2005, 01:49 AM   #5
velocity
moderator
velocity is offline
Join Date: Jun 2005
Location: new yawk
Posts: 345
nice tut, welcome to TDW
  Reply With Quote
Old 08-20-2005, 02:13 AM   #6
martian2k4
martian2k4 is offline
Join Date: May 2005
Location: ????
Posts: 12
Send a message via MSN to martian2k4 Send a message via Yahoo to martian2k4
Lmao thanks, I was actually registered here b4 you But only just started using the forums. So thanks
  Reply With Quote
Old 08-20-2005, 11:44 AM   #7
Onanist
 
Onanist's Avatar
Onanist is offline
Join Date: Jul 2005
Posts: 329
nice
__________________
  Reply With Quote
Old 08-20-2005, 12:04 PM   #8
FE-Graphics
FE-Graphics is offline
Join Date: Jul 2005
Location: Sweden, Gothenburg
Posts: 109
Send a message via MSN to FE-Graphics
Oh very nice tut man!

My result:
  Reply With Quote
Old 08-20-2005, 12:39 PM   #9
murphj
 
murphj's Avatar
murphj is offline
Join Date: Nov 2004
Location: Albury, NSW, Australia
Posts: 2,919
Send a message via MSN to murphj
I like FE-Graphics even better! Great job both of you
__________________


Web designer for hire - email me at murph.j [at] gmail [dot] com
  Reply With Quote
Old 08-20-2005, 12:55 PM   #10
martian2k4
martian2k4 is offline
Join Date: May 2005
Location: ????
Posts: 12
Send a message via MSN to martian2k4 Send a message via Yahoo to martian2k4
Yea, ace Nice job!
  Reply With Quote
Old 08-24-2005, 12:24 PM   #11
martian2k4
martian2k4 is offline
Join Date: May 2005
Location: ????
Posts: 12
Send a message via MSN to martian2k4 Send a message via Yahoo to martian2k4
W00t, This tutorial made it onto G-T
  Reply With Quote
Old 08-24-2005, 12:48 PM   #12
Flz
 
Flz's Avatar
Flz is offline
Join Date: Jul 2005
Location: London
Posts: 497
Send a message via MSN to Flz
Nice 1 man. And it's already got 485 hits.
__________________
  Reply With Quote
Reply


Thread Tools

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

vB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Forum Jump



All times are GMT. The time now is 02:27 PM.

TheDesignWorld custom vBulletin skin derived from "fusion" developed by: eXtremepixels
Powered by vBulletin Version 3.6.4 - Copyright ©2000 - 2010, Jelsoft Enterprises Ltd.