Кнопки в стиле Web 2.0: исходники PSD

В моей предыдущей статье я рассказала, как сделать современную стеклянную кнопку в стиле Aqua (правильно, сегодня мы называем это стилем Web 2.0, но это всего лишь вопрос терминологии). Статья быстро стала популярной, и множество людей проголосовало за нее. Но многие спрашивали насчет исходников в формате PSD, поскольку испытывают трудности с Photoshop. Здесь Вы можете найти файлы PSD и использовать их без всяких ограничений где хотите.

Просто нажмите кнопку, которая Вам нравится, чтобы скачать ее исходник в PSD:

Кнопка Web 2.0: Пример 1

Кнопка Web 2.0: Пример 2

Кнопка Web 2.0: Пример 3

Кнопка Web 2.0: Пример 4

Кнопка Web 2.0: Пример 5

48 Responses

  1. […] Updated: You can download PSD sources here. […]

    Posted on 29.11.2006 at 1.51

  2. 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 29.11.2006 at 7.41

  3. 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 29.11.2006 at 7.51

  4. 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 29.11.2006 at 8.46

  5. Oh, Photoshop 6 is too old as for me :-) Let’s upgrade!

    Posted on 29.11.2006 at 8.48

  6. […] Je n’ai mis qu’un exemple de bouton mais il en existe 5 et les sources sont disponibles ici. […]

    Posted on 29.11.2006 at 12.28

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

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

    Posted on 29.11.2006 at 13.04

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

    Posted on 30.11.2006 at 22.13

  9. 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 02.12.2006 at 17.40

  10. 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 02.12.2006 at 22.50

  11. 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 02.12.2006 at 22.55

  12. 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 04.12.2006 at 15.40

  13. […] Web 2.0 style buttons: PSD sources […]

    Posted on 06.12.2006 at 23.32

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

    Posted on 07.12.2006 at 16.42

  15. […] IRIS Design » Archive » Web 2.0 style buttons: PSD sources (tags: Templates tutorial web2) […]

    Posted on 16.12.2006 at 1.58

  16. […] Learn to make some Web 2.0 buttons. […]

    Posted on 30.12.2006 at 5.47

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

    Posted on 12.01.2007 at 12.34

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

    Thank you for posting the PSD source!!!

    Posted on 10.02.2007 at 0.14

  19. you will soon see theese buttons our site.

    Posted on 07.03.2007 at 9.54

  20. 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 17.03.2007 at 9.52

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

    Posted on 19.03.2007 at 13.41

  22. thank You for posting

    Posted on 27.03.2007 at 11.22

  23. Juz wanna say thanks!! :D

    Posted on 18.04.2007 at 5.57

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

    Posted on 18.05.2007 at 12.31

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

    Posted on 22.05.2007 at 8.41

  26. 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 01.06.2007 at 14.02

  27. Thanks for psd resources.

    Posted on 06.06.2007 at 12.29

  28. […] Кнопки в стиле Web 2.0: исходники PSD (tags: buttons design) […]

    Posted on 07.06.2007 at 23.25

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

    Posted on 11.06.2007 at 5.07

  30. Hope these work in Photoshop 6.0!

    Posted on 11.06.2007 at 6.19

  31. Спасибо, скачал. Экономия работы ;)

    Posted on 16.06.2007 at 19.53

  32. Thanks

    Posted on 16.07.2007 at 12.55

  33. 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 10.08.2007 at 11.46

  34. 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 18.08.2007 at 19.31

  35. 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 11.10.2007 at 1.44

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

    Posted on 12.10.2007 at 23.59

  37. […] Web 2.0 style buttons: PSD sources […]

    Posted on 29.11.2007 at 2.43

  38. 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 08.12.2007 at 17.18

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

    Posted on 10.12.2007 at 12.32

  40. They don’t seem to work in Photoshop 7 - still to old?

    Posted on 28.12.2007 at 14.03

  41. […] can download PSD sources here.click here to […]

    Posted on 01.01.2008 at 10.17

  42. […] Web 2.0 Style RSS Buttons A few glossy RSS buttons. […]

    Posted on 16.01.2008 at 13.58

  43. […] Updated: You can download PSD sources here. […]

    Posted on 29.02.2008 at 19.48

  44. Thanks a million, these were just the type of buttons I was looking for, cheers :)

    Posted on 11.03.2008 at 18.52

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

    Posted on 06.04.2008 at 3.17

  46. 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 18.04.2008 at 11.51

  47. 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 23.04.2008 at 17.58

  48. Thanks a lot

    Posted on 25.04.2008 at 8.19

Leave a Reply