Cada día es más la gente que se va familiarizando con la Web 2.0 y ya no la ven como algo extraño. A parte de todo lo que encierra la llamada Web Social, hay algo que hace que este ganando tanta aceptación y que la gente visite cada vez más este tipo de páginas, y es el diseño. Diseños increíbles, visualmente atractivos, limpios, frescos y con menús claros.

Es por este motivo por lo que los diseñadores apuestan cada vez más por el diseño 2.0. Para esta gente hemos recogido una serie de tutoriales que os servirán para saber como empezar.

Seguramente que agradecerás tener a mano muchos de ellos y te servirán como fuente de inspiración.

Visual effects

1. Three girls posing in the night Illustration

2. Adobe Software – Adobe Photoshop

3. Adobe Software – Adobe Photoshop

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

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

22. Pimp My Ride – 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

27. Custom Chrome Text Effect

28. Photoshop Reflections

29. The Shiny Floor Effect

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

44. Web 2.0 style buttons

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

50. A Gradient Tutorial

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

62. Web 2.0 Colour Palette

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

64. Great Fonts for Web 2.0

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

68. Tutorials – Search for Tutorials – Pixel2Life

Fuente: SmashingMagazine