Glossy Button Video Tutorial and PSD

14 12 2006

Hey there everyone - I have been quite busy and havent had much time to be creative.. I hope no one suspected that I gave up my blog. Anyways, in this tutorial I will teach you how to create/design a nice sleek glossy button using PHOTOSHOP!! The final image will look something like this:

Why do I say “something like this” That is because in this tutorial I use a different font and dont do the gradient in the background. To view the video tutorial you can go by clicking here. And when you are done, feel free to go here and pick up the PSD with layers intact.

P.S. I have to say that I think the colors in the video came out a little too bright which was not my intention …sorry guys.

Actions

Information

Date : 14 December 2006
Categories : Web 2.0, tutorials, video tutorials, web layout

35 responses to “Glossy Button Video Tutorial and PSD”

15 12 2006: The Grubesteak (03:11:38) :

I hate the video tutorials. I liked it better when you went over them step by step.
15 12 2006: aaron (03:21:14) :

The Grubesteak, I hear what you are saying
I plan on still doing step by step written
tuts also. Although you should know that
the quality of this video tutorial is much
higher than the last two…and much easier
to follow. I hope you all enjoy.
Feedback is good! Thanks
15 12 2006: The Grubesteak (12:11:59) :

It actually has nothing to do with quality, but rather usability. I’ve bookmarked a couple of your tutorials for use at work, and refer to them often.

I’m trying to get to the point where I can use Photoshop without referring to a tutorial as much, but when I do need to, it’s nice to be able to take a quick look instead of having the video (which I can’t really sit and watch in my work environment anyway).
15 12 2006: aaron (13:53:55) :

Great point.
Thanks
18 12 2006: Emer (10:36:41) :

Have to say I’m not a big fan of those video tutorials either although I did see one on YouTube before which was quite good.
25 12 2006: toto (20:11:52) :

I love video tutorials. This one lost me as designer was like a Hammy from over the hedge, high on sugar or something… Jumping from button to button without explaining what is doing? Last time I was this high, wife made me lap water out of the backyard ditch. Slow down… Take time to explain well your moves if you can please. You are too smart.
19 01 2007: Tutorial: Glossy Buttons En PS « El blog sabrosawwwn! (20:43:36) :

[...] Glossy Button Tutorial @ Photoshopit [...]
28 01 2007: antony (13:15:50) :

I’ve to say wonderful tutorial.

I’ve searched for such thing for a week. I found several txt tutorial but in everything I got lost at some point because of bad descriptions or jumps in procedures.

I think video tutorial are the best for PS newbie.

PS.
Wonderful to have a mov version.
19 02 2007: Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (07:53:45) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
19 02 2007: Whitesquid (18:45:34) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
20 02 2007: PsalmDesignArea » Blog Archive » Web 2.0 Webdesign-Tutorials (16:05:19) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
24 02 2007: design 2.0 at comatags (08:58:24) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
27 02 2007: jack (15:44:38) :

How would one do a down-state for this button.
9 03 2007: Web 2.0 Tutorials Round-Up | Smashing Magazine (16:43:43) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
20 03 2007: MerT UraL Blog » Web 2.0 Tasarım Tutorial’ları (19:55:24) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
8 04 2007: Degrade Kullanımı ve Zengin Yüzeyler (15:23:13) :

[...] Sade Parlak Buton Yapımı [...]
21 04 2007: 68 Web 2.0 design tutorials » A blog you can use! (22:37:24) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
24 04 2007: Ujin (18:52:09) :

Hi all, that’s great work!

Guys maybe somebody could help me. I looking for freelancer who found in WEB 2.0 design!
If somebody can make design of full webpage in WEB 2.0 style please contact me via erqDOGYlist.ru.

Thanks in advance.
30 05 2007: Web 2.0 Tutorials | Tekjuice.com (03:06:15) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
3 06 2007: Conception Web » Blog Archive » Web 2.0. Design (11:27:20) :

[...] 44. Glossy Button Video Tutorial and PSD [...]
21 06 2007: twogiraffe (02:44:30) :

Great! I’ve been wanting to learn this for a long time. The video is a nice touch. The a/v went out of sync somewhere past halfway. But it worked for me. Thumbs up.
22 07 2007: Jeff Adams (22:03:25) :

oh glossy glossy! i love it!!
28 09 2007: Adobe photoshop uygulamaları - Grafik Tasarım , Photoshop Dersleri , Flash Dersleri (14:02:52) :

[...] yapma, burası, burası, burası, burası ve [...]
19 10 2007: Web 2.0 Tutorials Round-Up | Ayiva (07:31:03) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
21 10 2007: alonon[at]alonon[nokta]net » Blog Archive » Web 2.0 Tasarım Rehberi-Sitemizi Tasarlıyoruz (21:07:33) :

[...] Sade Parlak Buton Yapımı [...]
12 11 2007: Web 2.0 Tutorials Round-Up - Article Save (20:51:14) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
1 12 2007: Tom (11:22:47) :

Great tutorial! Thanks for sharing your knowledge.
18 12 2007: Scouty (08:47:23) :

Thanks for this turorial. Easy to handle!
28 01 2008: Web 2.0 Tutorials | Pxdev.com (23:30:55) :

[...] 45. Glossy Button Video Tutorial and PSD [...]
5 03 2008: Hiệu ứng cho Button « câu chuyện tình yêu (01:36:43) :

[...] Glossy Button Video Tutorial and PSD [...]
19 03 2008: Piratentunten Blog » Blog Archiv » Glossy Button Video Tutorial mit PSD Download (23:56:19) :

[...] clipped from photoshopit.wordpress.com [...]
20 03 2008: Piratentunte (00:06:29) :

Wirklich ein sehr cooles Tutorial! habe es in meinem Blog vorgestellt
Weiter so! ^^
27 03 2008: inadiandots (06:11:07) :

Beautiful teen girls
http://www.porntubebestmovies3.tk
20 04 2008: none (11:50:50) :

thanks …
3 05 2008: 2008 | Yerles.com » Adobe Photoshop Uygulamaları (22:15:30) :

[...] yapma, burası, burası, burası, burası ve [...]