Web 2.0 is beautiful. In fact, many designers manage to create really amazing, particularly dark and fresh web-designs, which are visually appealing and make a great first impression. However, if you are planning on designing a web 2.0-project, you probably should know how and where to start from. Badges, Gradients, Mirror and Shadow Effects as well as Shiny and Glassy buttons are trendy. But do you know exactly how to design them?
We’ve collected over 65 tutorials, references and related resources, which are supposed to help you to create graphics in Web 2.0-Look. It’s nice to have them ready to hand if you need them. It’s nice to be able to look at them if you need a source of inspiration.
P.S: We’d like to thank to Leandro D’ Onofrio, whose efforts inspired us to create this round-up. Links checked: July/29 2008 – several links deleted.
Visual effects
1. Three girls posing in the night Illustration
2. Adobe Software – Adobe Photoshop
3. Adobe Software – Adobe Photoshop
7. Gradient Styles & How To Make Dashes
8. Creating a page curl in Photoshop
9. Creating patterns in Photoshop CS2
Logos, Logotypes
12. Jelly Remake
15. How to Make a Web 2.0-Style Logo
16. Learn to create your own Web2.0 Logo
17. How to create a WEB 2.0 style logo
18. Web 2.0 Logo #2 | Designphase
19. Web 2.0 Logo | Designphase
20. Web 2.0 Logo
23. The Logos of Web 2.0 | The FontFeed at FontShop
24. web2logo.com
26. Flickr Photo Download: LOGO2.0 part I and II
Text Effects
31. Text Kerning
32. The Glossy TEXT web2.0 style
33. Photoshop Tutorials: Texteffect
34. Web 20 Shiny Floor Effect – video tutorial
Badges
35. Web 2.0 Badge Photoshop Tutorial
37. Supermarket Stickers Tutorial – Visualdesigncore.com
38. Web2.0 Badges
39. Glossy web 2.0 badge with rounded corners
40. A Glossy Starburst Tutorial
Buttons
41. Badge ‘n Button | Designphase – Web Design Tutorials
42. Toxiclab.org – Photoshop – Web buttons tutorial
45. Glossy Button Video Tutorial and PSD
46. Creating flexible buttons using Photoshop shapes and styles
47. Web Badges: Video Tutorial
Web 2.0 Layouts, Gradients, Headers
51. Banner Navigation Tutorial
54. Sleek and Spicy website header Tutorial
55. Vista Style Layout – Talk Mania Forum
56. Web 2.0 “STYLE” web layout – Free Psd
59. Irish Content Box Tutorial
60. Web 2.0 Design Kit | Photoshop Lab
61. Web 2.0 Design Kit, Part 2 | Photoshop Lab
Web 2.0 Round-Up
63. The Web 2.0 Secret Weapon – Thoughts and errata from Miles Burke.
65. The visual design of Web 2.0
66. Web 2.0 how-to design style guide
67. Disenar a lo Web 2.0, la lista definitiva