31 Essential Web 2.0 Tutorials and Freebies

31 Essential Web 2.0 Tutorials and Freebies

Posted on by in Photoshop, Resources


Web 2.0 is still an extremely popular trend that has been going strong for a while now.  It is generally defined by clean, crisp lines, rounded corners and smooth gradients.   For those who do not want to develop dark and edgy designs, this is the way to go.  It places a focus on usability, interface, and readability.

These tutorials and resources are essential elements of every Web 2.0 design.  Be sure to check out all the items; including the Badges, Gradients, Mirrored and Glassy buttons.  Learn to design them yourself from scratch with these great tutorials or just download the already-made free resources.

Web 2.0 Tutorials

Make Your Own Web 2.0 Logo

Web 2.0 Tutorial

Web 2.0 Logo Tutorial

Design a Glossy Web 2.0 Button

Web 2.0 Button Tutorial

Web 2.0 Button Tutorial

Web 2.0 Text Tutorial

Web 2.0 Text tutorial

Web 2.0 Text Tutorial

Make a Web 2.0 Badge

Web 2.0 Badge Tutorial

Web 2.0 Badge Tutorial

Web 2.0 Menu Bar Tutorial

Web 2.0 Menu Bar Tutorial

Web 2.0 Menu Bar Tutorial

How Web 2.0 Logos are drawn

How Web 2.0 Logos are drawn

How Web 2.0 Logos are drawn

Web 2.0 Glossy Text

Web 2.0 Glossy Text Tutorial

Web 2.0 Glossy Text Tutorial

Web 2.0 Starburst

Web 2.0 Starburst

Web 2.0 Starburst

Web 2.0 Jelly Logo

Web 2.0 Logo Tutorial

Web 2.0 Logo Tutorial

Creating Web 2.0 Effects With Photoshop

Creating Web 2.0 Effects With Photoshop

Creating Web 2.0 Effects With Photoshop

Complete Web 2.0 Design

Web 2.0 Website Tutorial

Web 2.0 Website Tutorial

Web 2.0 Icon Tutorial

Web 2.0 Icon Tutorial

Web 2.0 Icon Tutorial

Web 2.0 Layout Design

Web 2.0 Site Layout Tutorial

Web 2.0 Site Layout Tutorial

Web 2.0 Icons In Photoshop

Web 2.0 Icons/Buttons in Photoshop

Web 2.0 Icons/Buttons in Photoshop

Web 2.0 RSS Button Tutorial

Web 2.0 RSS Button Tutorial

Web 2.0 RSS Button Tutorial

Web 2.0 Retro Lines Tutorial

Web 2.0 Retro Lines Tutorial

Web 2.0 Retro Lines Tutorial

Web 2.0 Footer For Your Website

Web 2.0 Footer For Your Website

Web 2.0 Footer For Your Website

Web 2.0 Shiny Button/Icon

Web 2.0 Shiny Button/Icon Tutorial

Web 2.0 Shiny Button/Icon Tutorial

Web 2.0 Style Graphics Tutorial

Web 2.0 Style Graphic Tutorial

Web 2.0 Style Graphic Tutorial

Glossy Web 2.0 Badge with Rounded Edges

Glossy web 2.0 badge with rounded corners.

Glossy web 2.0 badge with rounded corners.

Web 2.0 Freebies/Resources

Free Photoshop Gradients – Web 2.0

Photoshop Gradients - Web 2.0

Photoshop Gradients - Web 2.0


Online Gradient Generator

18_web2_gradient

Online Gradient Generator

Web 2.0 Set of Gradients

Web 2.0 Set of Gradients

Web 2.0 Set of Gradients

UtomBox Web 2.0 Icons

UtomBox Web 2.0 Icons

UtomBox Web 2.0 Icons

90 free ‘Web 2.0′ Style Buttons

90 free ‘Web 2.0′ Style Buttons

90 free ‘Web 2.0′ Style Buttons

30 Free Web 2.0 RSS Icons

Web 2.0 RSS Icons

30 Free Web 2.0 RSS Icons

Spiffy Box – Make Rounded Boxes Online

http://spiffybox.com/

http://spiffybox.com/

9 Free Web 2.0 Badges – PSD and PNG

9 Free Web 2.0 Badges - PSD and PNG.

9 Free Web 2.0 Badges - PSD and PNG

35 Free Web 2.0 Fonts

35 Free Web 2.0 Font

35 Free Web 2.0 Fonts

Great Fonts for Web 2.0

Great Fonts for Web 2.0

Great Fonts for Web 2.0

Logo Creator Online

Logo Creator

Logo Creator - Web 2.0 Logos Online

Tags: , , , , ,

21 Responses to “31 Essential Web 2.0 Tutorials and Freebies”

  1. Edgar Leijs

    19. Nov, 2009

    Wow, that’s quite 2008-ish! :”)

    [Reply]

    bmackler Reply:

    The trend may have started to gain real popularity last year (2008) but it shows no sign of waning. For people starting out in the design world it still captivates a lot of focus online and in the classroom. Its an essential design style to learn even going into 2010. These tutorials help beginners and more advanced designers learn important skills

    [Reply]

  2. uberVU - social comments

    20. Nov, 2009

    Social comments and analytics for this post…

    This post was mentioned on Twitter by edgarleijs: If you liked 2008… RT @designtuts4u: New blog posting, 31 Essential Web 2.0 Tutorials and Freebies – http://bit.ly/1rvRgh

  3. [...] This post was Twitted by jentanbernardus [...]

  4. [...] the original post: 31 Essential Web 2.0 Tutorials and Freebies | Web Design Tutorials … By admin | category: dreamweaver | tags: book-includes, design-tutorials, [...]

  5. designfollow

    20. Nov, 2009

    great tutorials

    thank you

    [Reply]

  6. 5starweddings

    21. Nov, 2009

    I will def refer to this article in the future. Thanks

    [Reply]

  7. Twitted by hrioux

    21. Nov, 2009

    [...] This post was Twitted by hrioux [...]

  8. [...] 31 Essential Web 2.0 Tutorials and Freebies [...]

  9. Pharmacy Technician

    05. Dec, 2009

    great post as usual .. thanks .. you just gave me a few more ideas to play with

    [Reply]

  10. [...] 31 Essential Web 2.0 Tutorials and Freebies [...]

  11. [...] 31 Essential Web 2.0 Tutorials and Freebies [...]

  12. denbagus

    07. Dec, 2009

    nice tutorial .thank you

    [Reply]

  13. Jax

    26. Mar, 2010

    Great list, thanks for posting dude this really help me a lot to get some ideas. Keep it up.

    [Reply]

  14. [...] 31 Essential Web 2.0 Tutorials and Freebies | Web Design Tutorials … tutorial-, Web 2.0, [...]

  15. [...] Read more here .. TechnologyWeb ← Get Your Business on the Fast Track Leave a comment0 Comments. [...]

  16. Sanal Şirket

    10. May, 2010

    its nice archives… Thanks for sharing

    [Reply]

  17. Howtotweak

    01. Jun, 2010

    thnx a lot this was really nice and most of all at one place,had to bookmark.

    [Reply]

  18. wow, what a fantastic collection of tools! thanks a lot! i can definitely use some of them.

    [Reply]

    bmackler Reply:

    @Social Media Marketing Agentur,

    glad you like them and hope they come in handy for you.

    [Reply]

  19. freeallsoftware

    28. Nov, 2010

    nice website thanks good site

    [Reply]

Leave a Reply