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:
Posted in Adobe Photoshop, Design on November 28th, 2006
· 
(362,230 views)
RSS 2.0 Trackback
Tags: Adobe Photoshop, button, Design, psd, web 2.0
Related entries:
Web 2.0 style buttons
Technical Video – Great resource of knowledge
Redesign: “Dmytro Shteflyuk’s Home”
Highlight photo elements using glaring color
Poster for the stepPARFUMS
[...] Updated: You can download PSD sources here. [...]
Posted on 2006-11-29 at 1.51 am
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 2006-11-29 at 7.41 am
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.
Thanks!
Posted on 2006-11-29 at 7.51 am
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 2006-11-29 at 8.46 am
Oh, Photoshop 6 is too old as for me
Let’s upgrade!
Posted on 2006-11-29 at 8.48 am
[...] Je n’ai mis qu’un exemple de bouton mais il en existe 5 et les sources sont disponibles ici. [...]
Posted on 2006-11-29 at 12.28 pm
Супер! спасибо большое.
мне больше всго понравилась вторая кнопочка.
Posted on 2006-11-29 at 1.04 pm
Great. Thanks for sharing. I am always waiting for your new tutorials. Hope it will continue.
Posted on 2006-11-30 at 10.13 pm
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 2006-12-02 at 5.40 pm
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 2006-12-02 at 10.50 pm
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 2006-12-02 at 10.55 pm
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?
thanks!
Posted on 2006-12-04 at 3.40 pm
[...] Web 2.0 style buttons: PSD sources [...]
Posted on 2006-12-06 at 11.32 pm
thanks a lot..great work…it will be useful for the college webpage i am creating..thanks once again…
Posted on 2006-12-07 at 4.42 pm
[...] IRIS Design » Archive » Web 2.0 style buttons: PSD sources (tags: Templates tutorial web2) [...]
Posted on 2006-12-16 at 1.58 am
[...] Learn to make some Web 2.0 buttons. [...]
Posted on 2006-12-30 at 5.47 am
thanks for the psd files, i am using your rss button in my blog
Posted on 2007-01-12 at 12.34 pm
These work just fine w/PhotoshopCS (not just CS2)
Thank you for posting the PSD source!!!
Posted on 2007-02-10 at 12.14 am
you will soon see theese buttons our site.
Posted on 2007-03-07 at 9.54 am
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 2007-03-17 at 9.52 am
very nice…I have just download the psd source and it’s working fine.
Posted on 2007-03-19 at 1.41 pm
thank You for posting
Posted on 2007-03-27 at 11.22 am
Juz wanna say thanks!!
Posted on 2007-04-18 at 5.57 am
Wonderfully simple. Thanks for publishing the psd’s!
Posted on 2007-05-18 at 12.31 pm
Great information. Used it to update my a few of my buttons and have to say they look great!!! Thanks a bunch.
Posted on 2007-05-22 at 8.41 am
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 2007-06-01 at 2.02 pm
Thanks for psd resources.
Posted on 2007-06-06 at 12.29 pm
[...] Кнопки в стиле Web 2.0: исходники PSD (tags: buttons design) [...]
Posted on 2007-06-07 at 11.25 pm
Спасибо большое, кнопочки очень понравились, взял себе кое-что
Posted on 2007-06-11 at 5.07 am
Hope these work in Photoshop 6.0!
Posted on 2007-06-11 at 6.19 am
Спасибо, скачал. Экономия работы
Posted on 2007-06-16 at 7.53 pm
Thanks
Posted on 2007-07-16 at 12.55 pm
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 2007-08-10 at 11.46 am
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 2007-08-18 at 7.31 pm
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 2007-10-11 at 1.44 am
Great bunch of buttons, thanks for the source files.
Posted on 2007-10-12 at 11.59 pm
[...] Web 2.0 style buttons: PSD sources [...]
Posted on 2007-11-29 at 2.43 am
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 2007-12-08 at 5.18 pm
How do I change color on the button i.e from black to blue?
Please help!!!
Posted on 2007-12-10 at 12.32 pm
They don’t seem to work in Photoshop 7 – still to old?
Posted on 2007-12-28 at 2.03 pm
[...] can download PSD sources here.click here to [...]
Posted on 2008-01-01 at 10.17 am
[...] Web 2.0 Style RSS Buttons A few glossy RSS buttons. [...]
Posted on 2008-01-16 at 1.58 pm
[...] Updated: You can download PSD sources here. [...]
Posted on 2008-02-29 at 7.48 pm
Thanks a million, these were just the type of buttons I was looking for, cheers
Posted on 2008-03-11 at 6.52 pm
Real beauties. Nice technique. Thanks for sharing!
Posted on 2008-04-06 at 3.17 am
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 2008-04-18 at 11.51 am
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 2008-04-23 at 5.58 pm
Thanks a lot
Posted on 2008-04-25 at 8.19 am
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 2008-07-25 at 1.45 am
unable to download photoshop format…. file source…
why so?//
Posted on 2008-08-13 at 12.35 pm
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 2008-10-01 at 6.26 am
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 2008-10-30 at 5.46 pm
[...] step by step guide from the guys over at Iris Design. They also have some nice examples of Web 2.0 buttons which are free to [...]
Posted on 2008-12-13 at 2.54 pm
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 2009-05-08 at 1.21 pm
10X very much, put adsense …. i wanna give you a click…:D
Posted on 2009-05-28 at 10.54 am
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 2009-06-23 at 7.08 pm
Taisia, these are absolutely fantastic. Are you coming out with more colors to choose from besides black?
Posted on 2009-07-29 at 9.10 pm
thanks for psd
Posted on 2009-09-30 at 7.26 pm