Comments on: Кнопки в стиле Web 2.0

By: 31 Essential Web 2.0 Tutorials and Freebies | TuVinhSoft .,JSC

31 Essential Web 2.0 Tutorials and Freebies | TuVinhSoft .,JSC — Thu, 11 Mar 2010 11:20:00 +0000

[...] Web 2.0 RSS Button Tutorial Web 2.0 RSS Button Tutorial [...]

By: 20 Adet photoshop buton yapım alıştırması | FaydalıWeb | Internetin Faydalı Yüzü

Thu, 11 Mar 2010 13:35:00 +0000

[...] Web 2.0 Style RSS Buttons [...]

By: sex videolari

sex videolari — Thu, 11 Mar 2010 12:12:00 +0000

looks good, but it needs some photoshop experience to create them.. if you don’t have it, better to take a look at web2.0 buttons generators. there are a lot of the, free and commercial, for example

By: clarlune

clarlune — Thu, 11 Mar 2010 04:27:00 +0000

wow. just “discovered” this wonderful tutorial today. i’m a relative newbie with Photoshop – still feeling my way around, trying to teach myself.

i zooooomed through your tutorial in about 15 minutes, managing to create a beautiful web 2.0 button.

so i thank you for the tutorial and even more for the clear and concise instructions. i am shocked i did not have to download the PSD files!

LOL

By: nakliyat

nakliyat — Thu, 11 Mar 2010 00:35:00 +0000

Thanks a lot for this tutorial. Indebted. I am a photoshop noob and I can’t figure out one thing.. along with the web2.0 button the entire canvass also gets exported. So when I plug the thing into dreamweaver, the entire table gets distorted to make space for the entire canvass size. Can you tell me what to do so tht the godforsaken background canvass doesn’t come into the image while exporting. Thanks

By: Graham

Graham — Thu, 11 Mar 2010 04:42:00 +0000

Sorry that should be re. Step 10 guys. Thanks!

By: Graham

Graham — Thu, 11 Mar 2010 04:42:00 +0000

Hi Guys,

Re. Step 7, I have found a way to do it with quick mask and gradient but I am not sure if it is the correct way.

1. Once glare layer has been created and rasterized, load the selection of just the layer by pressing ctrl+alt+shift and clicking on layer icon against layer in layer panel.
2. Click Select -> Inverse, to inverse the selection and select everything but the white glare box.
3. Press “Q” to enter quick mask mode (the white box should now be red).
4. Select the Gradient tool and ‘Foreground To Transparent’ gradient type.
5. Drag a gradient from bottom of the glare box to top of the glare box ensuring it is 90% straight.
6. Press “Q” again to exit quick mask mode.
7. Press “delete” on your keyboard whilst that new selection is there and a transparent gradient should have been created!

Not sure what the easier way around that is, because that was a lot of steps for Iris to miss!

By: Gopal

Gopal — Thu, 11 Mar 2010 11:14:00 +0000

Amazing!!! That’s the correct method I was searching for creating shiny buttons in Photoshop.

By: Darren

Darren — Thu, 11 Mar 2010 06:30:00 +0000

You say ‘Create gradient like the following’ in Step 11. I’ve been using Photoshop for 10 years and I can’t see exactly what kind of gradient you are using. Step 11 might as well say ‘Read my mind’. Very frustrating.

By: Aimee

Aimee — Thu, 11 Mar 2010 17:11:00 +0000

This wasn’t made in Photoshop CS2. It must be CS3 which has rounded rectangle as an option instead of having to make one with blur, etc. The tutorial is old now, but it really should be updated to state the correct version used.