We all know that web 2.0 is engulfing us like a big sludge and in little steps all of us web designers are making minor or major changes on our site/blog/presentation etc, with little things such as icons or fonts. You want these graphics to be eye-catching and small enough so it doesn’t dominate your layout. These hand-picked tutorials will teach you how to create a graphic that does just that.
1. Perfect Shine Button or Icon
Make your interface stand out from the rest with this tutorial. A detailed tutorial that guides you to create an awesome button or icon for your application’s GUI.
2. Design a Media Button
This media button tutorial is produced by 'Adobe Tutorialz', a graphic community that also provide tips about video and audio techniques.
3. Creating Media Icons
This tutorial teaches you how to create a shiny orb button that can be used for things like logos and interface designs.
4. Create a Simple Reflective Icon
Another simple and straightforward tutorial that guides you how to create a reflective button. One not to be missed!
5. Reflective Button with Plastic Style
Web 2.0 unique button with a plastic finishing. Great for your GUI design.
6. Design a Glossy Download Icon or Button
Psdtuts showcases some of the best Photoshop tutorials around. To improve or brush up your Photoshop skills, do visit them for more tutorials. Check out and learn how the masters does it!
7. Classic Glassy Button in only 7 Steps
Create your most classic web 2.0 glassy button in only 7 steps!
8. Fancy Sticker Tutorial
A sticker can easily generate focus on specific content for websites and graphic design projects. This tutorial will show you several basic and advanced Photoshop techniques. These are extremely applicable for a variety of designs you might create in the future.
9. Handy Web 2.0 Icons or Buttons
With the Web 2.0 trend, the use of badges and subtle 3D has become very popular. This tutorial will show you how to create a really easy and very nice 3D effect to be used in either buttons and icons or elements that need some depth.
10. Create a Cool Carbon Fiber Menu
Eli Burford, author of PhotoshopPoint, provides well-written and high-quality Photoshop tutorials. This tutorial is clear and concise and is very suitable for a mobile GUI.
11. Create A Glossy 3D Button
To give more visual appeal to your site's interface, try integrating 3 dimensional graphics.
12. Industrial-Style Buttons in a few steps
Another tutorial by PhotoshopPoint, you can create this button in just 6 steps. Very easy!
magnusfx is park.
It is a good selection for conventional buttons
Yeah, love your collection. This makes me inspire to create one of this. Awesome.
agreed. truly one of the nicer collections i've seen in recent months. thanks for contributing.
i feel that it is not bad. but some links dun work. but still, great site! Oh Yeah
nice blog..
very good designs.
Thank you Great web 2.0 tutorial list ^ ^
This is a nice collection of Photoshop tutorial. However, for those who does not have Photoshop or knowledge of designer and wants create their own button with easy, I will suggest Cool Button Designer. Cool Button Designer can generate buttons for all three states on the fly, mouse over, mouse pressed and normal states. It gives you ability to control the light and reflection, add icon to your button, to gazillion of shapes, etc... Very nice software to create Web 2.0 style button. Cool Button Designer also generates you the HTML code for you to use. It saves the templates, that you can resize any time without loosing the quality of your button.
You should try it, its not a joke, and with 3-5 minutes you can build this button from scratch.
I am using it myself for my projects, and very glad to find it.
Try it, google for Cool Button Designer. Official website has a free trial, limited with watermark only.
Thank you that's beauty 2.0 button tutorials list ...
All the button were designed great, but I like the media button best, for its fluent and beatiful.
this is nice 2.0 Button Tutorials
thanks for the great artical