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:
For more info, read this post: http://mittermayr.wordpress.com/2006/02/03/20-culture/http://www.blogger.com
http://www.flock.com/
http://www.noodly.com/
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
7. Gradient Styles & How To Make Dashes
8. Creating a page curl in Photoshop
9. Creating patterns in Photoshop CS2
Logos, Logotypes
12. Jelly Remake
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 Logo23. 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
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
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
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
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
63. The Web 2.0 Secret Weapon - Thoughts and errata from Miles Burke.
65. The visual design of Web 2.0
66. Web 2.0 how-to design style guide



No comments:
Post a Comment