Web 2.0 style buttons: PSD sources

In my previous article I have explained how to create modern looking glass buttons in Aqua style (right, today we are calling it Web 2.0 style, but this is just terminology issue). The article became very popular, and there are a lot of people digged it. But many people asked to upload PSD sources of buttons presented in article, because of hardship with Photoshop. Here you can find PSD files and use them without any restrictions anywhere.

Just click on button you like to download PSD source:

Web 2.0 Button: Example 1

Web 2.0 Button: Example 2

Web 2.0 Button: Example 3

Web 2.0 Button: Example 4

Web 2.0 Button: Example 5

47 Responses

  1. very good
    i almost got it but one problem
    the psd files you got for download
    they can’t open in photoshop saying that i don’t have enough RAM
    so how much do i need?
    i tried it in gimp too, but the colors are sorta messed up
    the button is green
    when i try making it white, it turns orange!
    and i can’t seem to make it black
    any suggestions?

    Posted on November 29th, 2006 at 7:41 am

  2. Looks like you have old version of Photoshop. These files are for the Adobe Photoshop CS2. I save 5th button (orange) to TIFF. Please download it and tell me it would be OK for you. Then I’ll save others as TIFF.


    Posted on November 29th, 2006 at 7:51 am

  3. well ur right about the old version
    i justnoticed i have version 6.0 (^^;
    but no it still own’t work
    i comes up with the same message
    o well, it’s not too much of a biggie
    i managed to make a button from your easy instructions
    great job!
    time to go upgrade photoshop somehow

    Posted on November 29th, 2006 at 8:46 am

  4. Oh, Photoshop 6 is too old as for me 🙂 Let’s upgrade!

    Posted on November 29th, 2006 at 8:48 am

  5. Супер! спасибо большое.

    мне больше всго понравилась вторая кнопочка.

    Posted on November 29th, 2006 at 1:04 pm

  6. Great. Thanks for sharing. I am always waiting for your new tutorials. Hope it will continue.

    Posted on November 30th, 2006 at 10:13 pm

  7. I learned of your button tutorial on the Net at Nite podcast with Amber McAuthor and Leo LaPort. Thanks for sharing the process. I’m anxious to use it on my blog.

    I was able to successfully download the psd file into Photoshop Elements 4. Everything worked fine. I changed the text to meet my needs and tried to past the button into my blog. That worked, however, paste also include a large white area around the button. What do I need to do to transfer only the image of the button but not the white background. (It’s easy to spot a Photoshop nooby isn’t it.)

    Again thanks for the great tutorial and your help with this matter.

    Posted on December 2nd, 2006 at 5:40 pm

  8. Hi Steve! White area around the button is controlled with property “matte” in “Save for Web” dialog. You can set it to “None”, but I highly recommend to use background color of area where would be the button placed.

    Posted on December 2nd, 2006 at 10:50 pm

  9. Thanks for the blindingly fast reply!

    I appreciate your knowledge and willingness to share it so freely. Keep up the good work. You can bet that I will visit your site on a regular basis.

    Posted on December 2nd, 2006 at 10:55 pm

  10. these are great!! thank-you! I was looking for somethign like this in Illustrator, as i want to have the vector factor…any chance you could give a tutorial on that?


    Posted on December 4th, 2006 at 3:40 pm

  11. thanks a lot..great work…it will be useful for the college webpage i am creating..thanks once again…

    Posted on December 7th, 2006 at 4:42 pm

  12. thanks for the psd files, i am using your rss button in my blog

    Posted on January 12th, 2007 at 12:34 pm

  13. These work just fine w/PhotoshopCS (not just CS2)

    Thank you for posting the PSD source!!!

    Posted on February 10th, 2007 at 12:14 am

  14. you will soon see theese buttons our site.

    Posted on March 7th, 2007 at 9:54 am

  15. I followed your guide earlier today with great success. I was able to modify my current images to give them that glossy look. thanks a ton

    Posted on March 17th, 2007 at 9:52 am

  16. very nice…I have just download the psd source and it’s working fine.

    Posted on March 19th, 2007 at 1:41 pm

  17. thank You for posting

    Posted on March 27th, 2007 at 11:22 am

  18. Juz wanna say thanks!! 😀

    Posted on April 18th, 2007 at 5:57 am

  19. Wonderfully simple. Thanks for publishing the psd’s!

    Posted on May 18th, 2007 at 12:31 pm

  20. Great information. Used it to update my a few of my buttons and have to say they look great!!! Thanks a bunch.

    Posted on May 22nd, 2007 at 8:41 am

  21. Thanks for helpful information you catch up us with your instructional explenation.

    What people do is more important that what they say…

    Best regards

    Posted on June 1st, 2007 at 2:02 pm

  22. Thanks for psd resources.

    Posted on June 6th, 2007 at 12:29 pm

  23. Спасибо большое, кнопочки очень понравились, взял себе кое-что 😉

    Posted on June 11th, 2007 at 5:07 am

  24. Hope these work in Photoshop 6.0!

    Posted on June 11th, 2007 at 6:19 am

  25. Спасибо, скачал. Экономия работы 😉

    Posted on June 16th, 2007 at 7:53 pm

  26. Thanks

    Posted on July 16th, 2007 at 12:55 pm

  27. Awesome!
    This is really cool, because it saves so much time. I´m really a PS beginner, so this is really what makes my day 🙂

    thx a lot!

    Posted on August 10th, 2007 at 11:46 am

  28. Thank you for posting the tutorial, I’ve been playing with photoshop for a while now and never knew how to blend like that. Cheers.

    Posted on August 18th, 2007 at 7:31 pm

  29. Hey Taisia,
    I am new to Photoshop, your buttons are great, but they are kind of big. How to resize them to normal button size 15 on 80 inches??
    Thank you!

    Posted on October 11th, 2007 at 1:44 am

  30. Great bunch of buttons, thanks for the source files.

    Posted on October 12th, 2007 at 11:59 pm

  31. It is very kind of you to let us learn so much and even to provide us with the source files.

    Thanks a lot!

    Posted on December 8th, 2007 at 5:18 pm

  32. How do I change color on the button i.e from black to blue?
    Please help!!!

    Posted on December 10th, 2007 at 12:32 pm

  33. They don’t seem to work in Photoshop 7 – still to old?

    Posted on December 28th, 2007 at 2:03 pm

  34. Thanks a million, these were just the type of buttons I was looking for, cheers 🙂

    Posted on March 11th, 2008 at 6:52 pm

  35. Real beauties. Nice technique. Thanks for sharing!

    Posted on April 6th, 2008 at 3:17 am

  36. Thanks for sharing dude 🙂 i like them, and i’ve download one 😉 for my website, i’ll modify the text and colors according to my site. Thanks a lot

    Posted on April 18th, 2008 at 11:51 am

  37. It is really a worth apperciating work that you have performed. I have seen many tutorials site but i think no one shares the creativity as you have done. The way these buttons are displayed is excellent. Good luck for future work.

    Posted on April 23rd, 2008 at 5:58 pm

  38. Thanks a lot

    Posted on April 25th, 2008 at 8:19 am

  39. How do you edit the text on your templates? In Photoshop CS it is just appearing as one locked background image with no layers – so I can’t actually alter anything it would seem?

    Posted on July 25th, 2008 at 1:45 am

  40. unable to download photoshop format…. file source…
    why so?//

    Posted on August 13th, 2008 at 12:35 pm

  41. Thanks, hombré. I had made other buttons that were OK, but yours were “cream-o-da-crop”.

    Worked great in gimp 2.4.7 on fedora 9.

    THANK YOU! =)

    Posted on October 1st, 2008 at 6:26 am

  42. Hi there …

    Thanks for the Psd files ..

    But how can i resize the button ( make it a little smaller or bigger )i couldnt do it with the layers provided .., im using PS CS3

    Thanks …

    Posted on October 30th, 2008 at 5:46 pm

  43. Wow! Absolutely awesome. There’s a reason you are number one in Google for the phrase “how to create shiny buttons photoshop” 😉

    I started going through the tutorial then noticed you had the source files included. I had found exactly what I needed within barely a minute. Made a couple of modifications and now my shiny new button is on my site (not the site I used in this comment FYI).

    Thank you so much. This is an excellent tutorial.

    Cheers 🙂 Dave.

    Posted on May 8th, 2009 at 1:21 pm

  44. 10X very much, put adsense …. i wanna give you a click…:D

    Posted on May 28th, 2009 at 10:54 am

  45. web 2.0 buttons ?! do you know what web 2.0 is? hint… it has nothing to do with design or visual properties whatsoever… so there cannot be any web 2.0 buttons.

    Posted on June 23rd, 2009 at 7:08 pm

  46. Taisia, these are absolutely fantastic. Are you coming out with more colors to choose from besides black?

    Posted on July 29th, 2009 at 9:10 pm

  47. thanks for psd

    Posted on September 30th, 2009 at 7:26 pm

Leave a Reply