Web 2.0 Tutorials Round-Up

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.

Visual effects

1. Three girls posing in the night Illustration

2. Adobe Software - Adobe Photoshop

3. Adobe Software - Adobe Photoshop

4. Create a software box - Photoshop Tutorial

5. Retro lines in Photoshop?

6. Splash Page Tutorial

7. Gradient Styles & How To Make Dashes

8. Creating a page curl in Photoshop

9. Creating patterns in Photoshop CS2

10. Realistic photo print

11. Circles, Circles, Circles

Logos, Logotypes

12. Jelly Remake

13. Web 2.0 Style Logo

14. PXLGFX- Polished Text

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

21. Create A bugs Life Logo

22. Pimp My Ride - Logo

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

24. web2logo.com

25. How Web 2.0 Logos are Drawn

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

Text Effects

27. Custom Chrome Text Effect

28. Photoshop Reflections

29. The Shiny Floor Effect

30. 3D Text Professional Tutorial

31. Text Kerning

32. The Glossy TEXT web2.0 style

33. Photoshop Tutorials: Texteffect

34. Web 20 Shiny Floor Effect - video tutorial