Photoshop Tutorial - Episode 1 - Glossy Button

The first in a series of basic Photoshop Tutorials.

Episode 1
This episode features a quick and easy way to make the glossy button or web 2.0 icon effect.

make sure to SUBSCRIBE to more episodes.

Category:

Howto & Style

Tags:

• Photoshop
• tutorial
• cs3
• glossy
• button
• gloss
• glass
• web
• 2.0
• ps
• tut

[subulouse]

I have a problem whenever I use the line tool it makes an arrow instead of a line

[TouchMyWeenis]

I don't use the line tool in this tut.

[Bredli37]

what is the default photoshop size....?

[TouchMyWeenis]

7x5 inches

[mickycheese27]

how do i rename layers?

[TouchMyWeenis]

Double click the layer name, or right click and choose layer properties.

[Arkimedes999]

that was freakn sweet

[KezzaDesign]

Urm.. If you drag the gradient to half of the "button" before clicking CTRL+D instead of all the way to the bottom and then deselect it and blur it using the blur tool I find it looks more like a glossy button.... But yeah I wouldn't have realised that without this tut so thanks :)

If you find it looks better too then like this comment so others can see.

[Gangst3rSponge]

Thanks for the tuts

There really helpful

[bizeedoinnuffin]

I recommend this tutorial to anyone, it is very helpful

[marduv]

pretty much the best video on youtube for glossy buttons

[jeffer1984]

thanks for sharing!

[oneslocar]

@crudnup I had the same issue of it selecting the whole box, not just the shape. Click on the 'vector mask thumbnail' - or the box on the right in the layer box. I am using cs4, so maybe they changed it?

[inc2000glw]

i suscribed but i have to toucjh my wennie some more.

[dragonicatrickter]

great video

i did it yay

i subscribe you :D