Web 2.0 Elements

Web 2.0 Elements

Posted on 09. Apr, 2007 by in After Effects, Photoshop

If you’ve seen Web2.0 elements on the web, tried creating them yourself, and end up being unhappy with the results, just watch this tutorial.


There are many ways to create Web2.0 elements in Photoshop. This tutorial will present one of them, just to give you a kick start. The effect is fully customizable because it is based on Blending Options such as Gradient Overlay, Stroke and Drop Shadow.

Above that, this tutorial also comes with After Effect version for creating this effect by using one of my presets, that you can find in my other tutorial called Photoshoping in After Effects.

Download: Tutorial project file (After Effects CS2)

Tags: ,

14 Responses to “Web 2.0 Elements”

  1. Nop

    14. Jul, 2007

    I think it’s the one of best AE tutorial website.

    Thanks for your advice.

  2. clb

    24. Oct, 2007

    Ur tutorials r excellent! Very informative. I’ve learned so very much and look forward 2 seeing more in the future. Thank u 4 sharing ur knowledge man… Keep up the gr8 work!

  3. jetset

    27. Oct, 2007

    hmmm.. why I can’t download some of ur tut’s? this is make me sad… error 404 or open page with txt. please – fix it!!

  4. Maltaannon

    27. Oct, 2007

    Any suggestions? Please be more specyfic. I was just moving my site to a new server. Maybe something got lost on the way.

  5. prem kumar

    27. Feb, 2008

    excelent effect, i like it, this is also one great tutorial website that i have come across, great work maltaa keep it up

  6. Bob

    29. Feb, 2008

    Really cool how simple it is to create a professional effect :D

  7. Wersa

    11. Mar, 2008

    Great tutorial! Thank’s! I looking for this for a long time. And it’s cool that I saw this technik both Photoshop an After Effect in ONE tutor! Really cool! THX!!! – for preset too =)

  8. khaled

    29. Mar, 2008

    thank’s
    it is excellent tutorial i was looking for it for along time thank’s waiting for more creative tutorials

  9. Fred B.

    08. May, 2008

    Nice one. I’ve now seen al lot tutorials on those web2.0-elements, but none where AFX is used to create the effect. Very nice. Thank you!

  10. Ronaldo

    10. Jul, 2008

    Obrigado, pelo exelente tutorial e de fácil execução!

  11. Shavkat

    26. Jul, 2008

    thanks a lot for your tutorial . that’s very useful. keep it up man thanks again

  12. adam

    08. Jan, 2009

    any update for cs3!?

  13. Sean

    19. Oct, 2009

    Totally new to AE but familiar with FLASH – want to take advantage of what APP-CS3 and AAE-CS3 have to offer. Problem is that none of the tutorial vids are working correctly. I’ve tried 8 or 9 times to DL the vids or just watch ‘em but no joy. Hope you can get this fixed I look forward to learning a thing or 10.

    • Jerzy Drozda Jr

      31. Oct, 2009

      Thanks for the tip. I’ve been away for two weeks with no internet access. I’ll take a closer look at this issue, although it seems to be working fine for me.