50 Web 2.0 goodies.

50 Web 2.0 goodies.

As you are all no doubt aware, we do not normally feature graphics, pictures, and art in our articles, as we do tend to adhere, and talk about how content is king, and how off putting over the top, and unnecessary graphics can be. Here though, we thought we would give you 50 Web 2.0 goodies, to keep the more artistic, creative, and indeed carefree of you, something to look at.

The goodies are split into categories: Visual effects, Logos and logotypes, Text Effects, Badges, Buttons, Web 2.0 Layouts, Gradients, Headers, and last but not least Web 2.0 round-up.

I know some of you may be thinking that Web 2.0 is a concept that details how the web has developed, and not an application, or tool in its own right, and the some of you who are thinking that, are right!

But for cool looking effects and graphics, which one can argue epitomizes Web 2.0, it is easier to call all these effects Web 2.0 goodies.

Visual effects

1. Three girls posing in the night Illustration

2. Adobe Software – Adobe Photoshop

3. Adobe Software – Adobe Photoshop

4. Retro lines in Photoshop?

5. Splash Page Tutorial

6. Gradient Styles & How To Make Dashes

7. Creating a page curl in Photoshop

8. Creating patterns in Photoshop CS2

9. Realistic photo print

10. Circles, Circles, Circles

Logos, Logotypes

11. Jelly Remake

12. Web 2.0 Style Logo

13. How to Make a Web 2.0-Style Logo

14. Learn to create your own Web2.0 Logo

15. How to create a WEB 2.0 style logo

16. Web 2.0 Logo #2 | Designphase

17. Web 2.0 Logo | Designphase

18. Web 2.0 Logo

19. Pimp My Ride – Logo

20. The Logos of Web 2.0 | The FontFeed at FontShop

21. web2logo.com

22. Flickr Photo Download: LOGO2.0 part I and II

Text Effects

23. Custom Chrome Text Effect

24. Photoshop Reflections

25. The Shiny Floor Effect

26. Text Kerning

27. The Glossy TEXT web2.0 style

28. Photoshop Tutorials: Texteffect

29. Web 20 Shiny Floor Effect – video tutorial


30. Web 2.0 Badge Photoshop Tutorial

31. Supermarket Stickers Tutorial – Visualdesigncore.com

32. Web2.0 Badges

33. Glossy web 2.0 badge with rounded corners

34. A Glossy Starburst Tutorial


35. Badge ‘n Button | Designphase – Web Design Tutorials

36. Toxiclab.org – Photoshop – Web buttons tutorial

37. Web 2.0 style buttons

38. Glossy Button Video Tutorial and PSD

39. Creating flexible buttons using Photoshop shapes and styles

40. Web Badges: Video Tutorial

Web 2.0 Layouts, Gradients, Headers

41. A Gradient Tutorial

42. Banner Navigation Tutorial

43. Sleek and Spicy website header Tutorial

44. Vista Style Layout – Talk Mania Forum

45. Web 2.0 “STYLE” web layout – Free Psd

46. Irish Content Box Tutorial

47. Web 2.0 Design Kit | Photoshop Lab

48. Web 2.0 Design Kit, Part 2 | Photoshop Lab

Web 2.0 Round-Up

49. Web 2.0 Colour Palette

50. The Web 2.0 Secret Weapon – Thoughts and errata from Miles Burke.

51. Great Fonts for Web 2.0

52. The visual design of Web 2.0

53. Web 2.0 how-to design style guide

54. Disenar a lo Web 2.0, la lista definitiva

55. Tutorials – Search for Tutorials – Pixel2Life

We hope you enjoy these tutorials, as they are a good source of reference, and information, and maybe for the more creative driven, inspiration.

Web 2.0 is the ‘now’, of web design, and hopefully, these 50 little goodies will help your designs, and realise your potential. Many web designers are using them right now to create beautiful, artistic examples of Web 2.0 web design, and there is no reason that the next beautiful, artistic design, is not one of yours.

If you enjoyed this article, please consider sharing it!
Icon Icon Icon

Related Posts