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.

Possibly related posts: (automatically generated)

« Web 20 Shiny Floor Effect – video tutorial whats cooking? Web 2.0 expertise? »


Actions

Information

48 responses

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.

Reply
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

Reply
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).

Reply
15 12 2006
aaron (13:53:55) :

Great point.
Thanks

Reply
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.

Reply
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.

Reply
19 01 2007
Tutorial: Glossy Buttons En PS « El blog sabrosawwwn! (20:43:36) :

[...] Glossy Button Tutorial @ Photoshopit [...]

Reply
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.

Reply
19 02 2007
Web 2.0 Webdesign-Tutorials | Dr. Web Weblog (07:53:45) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
19 02 2007
Whitesquid (18:45:34) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
20 02 2007
PsalmDesignArea » Blog Archive » Web 2.0 Webdesign-Tutorials (16:05:19) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
24 02 2007
design 2.0 at comatags (08:58:24) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
27 02 2007
jack (15:44:38) :

How would one do a down-state for this button.

Reply
9 03 2007
Web 2.0 Tutorials Round-Up | Smashing Magazine (16:43:43) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
20 03 2007
MerT UraL Blog » Web 2.0 Tasarım Tutorial’ları (19:55:24) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
8 04 2007
Degrade Kullanımı ve Zengin Yüzeyler (15:23:13) :

[...] Sade Parlak  Buton Yapımı [...]

Reply
21 04 2007
68 Web 2.0 design tutorials » A blog you can use! (22:37:24) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
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.

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

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
3 06 2007
Conception Web » Blog Archive » Web 2.0. Design (11:27:20) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
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.

Reply
22 07 2007
Jeff Adams (22:03:25) :

oh glossy glossy! i love it!!

Reply
28 09 2007
Adobe photoshop uygulamaları - Grafik Tasarım , Photoshop Dersleri , Flash Dersleri (14:02:52) :

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

Reply
19 10 2007
Web 2.0 Tutorials Round-Up | Ayiva (07:31:03) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
21 10 2007
12 11 2007
Web 2.0 Tutorials Round-Up - Article Save (20:51:14) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
1 12 2007
Tom (11:22:47) :

Great tutorial! Thanks for sharing your knowledge.

Reply
18 12 2007
Scouty (08:47:23) :

Thanks for this turorial. Easy to handle!

Reply
28 01 2008
Web 2.0 Tutorials | Pxdev.com (23:30:55) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
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 [...]

Reply
19 03 2008
Piratentunten Blog » Blog Archiv » Glossy Button Video Tutorial mit PSD Download (23:56:19) :

[...] clipped from photoshopit.wordpress.com [...]

Reply
20 03 2008
Piratentunte (00:06:29) :

Wirklich ein sehr cooles Tutorial! habe es in meinem Blog vorgestellt :-)
Weiter so! ^^

Reply
27 03 2008
inadiandots (06:11:07) :

Beautiful teen girls
http://www.porntubebestmovies3.tk

Reply
20 04 2008
none (11:50:50) :

thanks …

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

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

Reply
15 07 2008
Photoshop uygulamaları | MuratUral.net (19:03:54) :

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

Reply
18 08 2008
1 10 2008
Web 2.0 Tutorials Round-Up « Wish Upon a Star (14:07:46) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
6 10 2008
17 11 2008
Wazdesign (05:04:58) :

Hey Nice Resource, I will also post something like this

Reply
23 11 2008
Web 2.0 Tutorials Round-Up | websiteinseconds.com (14:30:06) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
23 11 2008
BLog Ötesi » adobe photoshop uygulamaları (23:10:14) :

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

Reply
1 12 2008
Glossy Buttons fabelhaft im Videotutorial erklärt | (07:40:54) :

[...] photoshopit habe ich ein Tutorial gefunden, in diesem dreht sich alles um die Herstellung eines Buttons – in [...]

Reply
5 01 2009
Web 2.0 Webdesign-Tutorials (09:31:17) :

[...] 44. Glossy Button Video Tutorial and PSD [...]

Reply
12 02 2009
Basit (05:38:59) :

basdfasdf

Reply
28 03 2009
Web 2.0 Tutorials Round-Up | Web design, graphic design resource and JavaScript code library (15:00:57) :

[...] 45. Glossy Button Video Tutorial and PSD [...]

Reply
19 05 2009
50 Web 2.0 goodies. | Web Templates, SEO, Web Design Tutorials, Tips, Guides - DT Blog (20:39:28) :

[...] 38. Glossy Button Video Tutorial and PSD [...]

Reply
3 07 2009
Liviu A. (10:15:18) :

Yeah, it would be a good idea step by step details :)

Reply

Leave a comment