Monday, March 10, 2008

Wed 2.0 graphics

Web 2.0 is a trend in World Wide Web technology, and web design, a second generation of web-based communities and hosted services such as social-networking sites, wikis, and blogs which aim to facilitate creativity, collaboration, and sharing among users.

Along the lines of Web 2.0 comes the idea of "Web 2.0" graphics. Web 2.0 graphics are supposed to look more modern, up to date, while sometime still have a more retro feel to them. Simplicity combined with big text, shiny buttons, gradient etc. Rounded shapes, pastel colors, buttons, footers, shading, etc. Some example site:

http://www.blogger.com
http://www.flock.com/
http://www.noodly.com/

For more info, read this post: http://mittermayr.wordpress.com/2006/02/03/20-culture/

And now for the tutorials:

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




234x60



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

Badges

35. Web 2.0 Badge Photoshop Tutorial

36. Create a Shiny 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

43. Photoshop Buttons Create glossy button for web 2.0 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

48. Design a Web 2.0 tab with Photoshop

49. PXLGFX- Perfect Pixel Patterns

50. A Gradient Tutorial

51. Banner Navigation Tutorial

52. Shadowness / Tutorials - Website Header Tutorial #3 by Rinn

53. Shadowness / Tutorials - Professional Looking Website Header by Rinn

54. Sleek and Spicy website header Tutorial

55. Vista Style Layout - Talk Mania Forum

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

57. Web 2.0 Layout - Tutorial Kit

58. Web 2.0 template tutorial

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

No comments: