No public Twitter messages.

Facebook
RSS

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

web20-photoshop-73

2. Adobe Software – Adobe Photoshop

Photoshop Tutorial - Adobe Software - Adobe Photoshop

3. Adobe Software – Adobe Photoshop

Photoshop Tutorial - Adobe Software - Adobe Photoshop

5. Retro lines in Photoshop?

Photoshop Tutorial - Programming the web - Retro lines in photoshop?

6. Splash Page Tutorial

Photoshop Tutorial - Splash Page Tutorial | Designphase - Web Design Tutorials

7. Gradient Styles & How To Make Dashes

Photoshop Tutorial - Gradient Styles & How To Make Dashes - Photoshop Tutorial | PhotoshopSupport.com

8. Creating a page curl in Photoshop

Photoshop Tutorial - Veerle\'s blog | Creating a page curl in Photoshop

9. Creating patterns in Photoshop CS2

Photoshop Tutorial - Veerles blog | Creating patterns in Photoshop CS2

10. Realistic photo print

Photoshop Tutorial - Realistic photo print - Easy to follow photoshop tutorials

11. Circles, Circles, Circles

Photoshop Tutorial - Adobe Software - Adobe Photoshop

Logos, Logotypes

12. Jelly Remake

Photoshop Tutorial - Jelly Remake - Tutorials 2.0

13. Web 2.0 Style Logo

Photoshop Tutorial - Web 2.0 Style Logo

15. How to Make a Web 2.0-Style Logo

Photoshop Tutorial: How to Make a Web 2.0-Style Logo

16. Learn to create your own Web2.0 Logo

Photoshop Tutorial - Nicora | Articles | Learn to create your own Web2.0 Logo

17. How to create a WEB 2.0 style logo

Photoshop Tutorial - DreamDealer v4.0 - How to creat a WEB 2.0 style logo

18. Web 2.0 Logo #2 | Designphase

Photoshop Tutorial - Web 2.0 Logo #2 | Designphase - Web Design Tutorials

19. Web 2.0 Logo | Designphase

Photoshop Tutorial - Web 2.0 Logo | Designphase - Web Design Tutorials

20. Web 2.0 Logo

Photoshop Tutorial - FX Designing :: Tutorials :: Web 2.0 Logo

22. Pimp My Ride – Logo

Pimp My Ride - Logo

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

Photoshop Tutorial - The Logos of Web 2.0 | The FontFeed at FontShop

24. web2logo.com

Photoshop Tutorial - web2logo.com

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

Photoshop Tutorial - Flickr Photo Download: LOGO2.0 part I and II

Text Effects

27. Custom Chrome Text Effect

Photoshop Tutorial - Photoshop Tutorials Af?A,> Custom Chrome Text Effect Af?A,> TipClique Tutorials

28. Photoshop Reflections

Photoshop Reflections

29. The Shiny Floor Effect

Photoshop Tutorial - THE SHINY FLOOR EFFECT so fresh and so clean web2.0 - yummy

31. Text Kerning

Text Kerning

32. The Glossy TEXT web2.0 style

Photoshop Tutorial - The Glossy TEXT web2.0 style AfA'Ac?A!Af?A,< photoshopit

33. Photoshop Tutorials: Texteffect

Photoshop Tutorial - Photoshop Tutorials

34. Web 20 Shiny Floor Effect – video tutorial

Photoshop Tutorial - Web 20 Shiny Floor Effect - video tutorial

Badges

35. Web 2.0 Badge Photoshop Tutorial

Web 2.0 Badge Photoshop Tutorial

37. Supermarket Stickers Tutorial – Visualdesigncore.com

Photoshop Tutorial - Supermarket Stickers Tutorial - Visualdesigncore.com

38. Web2.0 Badges

Web2.0 Badges

39. Glossy web 2.0 badge with rounded corners

Photoshop Tutorial - Psd of the day - Glossy web 2.0 badge with rounded corners. AfA'Ac?A!Af?A,< photoshopit

40. A Glossy Starburst Tutorial

A Glossy Starburst Tutorial

Buttons

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

Photoshop Tutorial - Badge \'n Button | Designphase - Web Design Tutorials

42. Toxiclab.org – Photoshop – Web buttons tutorial

Photoshop Tutorial - Toxiclab.org - Photoshop - Web buttons tutorial

44. Web 2.0 style buttons

Web 2.0 style buttons

45. Glossy Button Video Tutorial and PSD

Photoshop Tutorial - Glossy Button Video Tutorial and PSD

46. Creating flexible buttons using Photoshop shapes and styles

Creating flexible buttons using Photoshop shapes and styles

47. Web Badges: Video Tutorial

Photoshop Tutorial - Created by Camtasia Studio 3

Web 2.0 Layouts, Gradients, Headers

50. A Gradient Tutorial

Photoshop Tutorial - A Gradient Tutorial 9rules Network Official Blog

51. Banner Navigation Tutorial

Photoshop Tutorial - SigTutorials.com - The best Signature Tutorials!

54. Sleek and Spicy website header Tutorial

Photoshop Tutorial - Sleek and Spicy website header Tutorial

55. Vista Style Layout – Talk Mania Forum

Photoshop Tutorial - Vista Style Layout - Talk Mania Forum

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

Photoshop Tutorial - Web 2.0 Layout

59. Irish Content Box Tutorial

Photoshop Tutorial - UPUP Media :: Media :: Photoshop Tutorials :: Irish Content Box Tutorial

60. Web 2.0 Design Kit | Photoshop Lab

Photoshop Tutorial - Web 2.0 Design Kit | Photoshop Lab

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

Photoshop Tutorial - Web 2.0 Design Kit, Part 2 | Photoshop Lab

Web 2.0 Round-Up

62. Web 2.0 Colour Palette

Photoshop Tutorial - Web 2.0 Colour Palette

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

Photoshop Tutorial - The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke.

64. Great Fonts for Web 2.0

Photoshop Tutorial - Great Fonts for Web 2.0

65. The visual design of Web 2.0

The visual design of Web 2.0

66. Web 2.0 how-to design style guide

Photoshop Tutorial - Web 2.0 how-to design style guide

67. Disenar a lo Web 2.0, la lista definitiva

Photoshop Tutorial - Disenar a lo Web 2.0, la lista definitiva

68. Tutorials – Search for Tutorials – Pixel2Life

Photoshop Tutorial - Tutorials - Search for Tutorials - Pixel2Life

Fuente: SmashingMagazine

Share Button

Quizás también te interese:

Quizás también te interese:

Una Respuesta so far.

  1. Interesantes recursos de diseño web!
    Gracias por compartirlos.


 

La colección más c

Una completa colección de packs de iconos totalmente gratis, detalle ...

Los mejores anuncios

Con motivo de la celebración del "31 de Mayo: día ...

9 fuentes modernas g

Os dejamos una recopilación de fuentes modernas y totalmente gratis ...

Algún ejemplo de di

Aqui os dejamos una breve presentación de diferentes Roll Ups ...

VisualGraf comunicac

Os recordamos que VisualGraf comunicación también os ofrece un servicio ...

Sponsors

  • Cheap reliable web hosting from WebHostingHub.com.
  • Domain name search and availability check by PCNames.com.
  • Website and logo design contests at DesignContest.net.
  • Reviews of the best cheap web hosting providers at WebHostingRating.com.