Push Down Button Effect?

[pastorbickley]

Well I've tried scouring the web, and looked on several forums, but I can't find out how to make this effect. If you go here (http://www.eyesondesign.net/blue/aqua.htm) and rollover the buttons you see how they looked "depressed." That's the type of effect that I'm after. I've seen the gradient within a gradient, but that's not it. Hope some one can help, and thanks!

[SirReal]

Did you try thr tutorial he has on his interface?
the buttons are on page 3 and there is a link to the depressed text there just use the same concept on the actual button as well.
http://www.eyesondesign.net/pshop/interface/tutorial.htm

[pastorbickley]

Sorry, I didn't make myself clear. I'm looking for the animation of the buttons themselves. I been through the tut, which is very good btw, but she doesn't explain how to get the "depressed" look of the buttons.

[SirReal]

sorry. To me it looks like two graphics with a rollover effect. you might want to ask this question in the web section of the cafe.

[Phil_The_Rodent]

Colin has a great rollover tutorial on the main site. It's too bad cloud-9.org is down, because C9 mouse had this exact effect up...

[pastorbickley]

Thanks for the help guys, but the roll over is no the problem (IR can take care of that ;) ). The problem I'm having is creating that depressed state in photoshop. I actuall did find one tut on this that was exactly what i was looking for, but I don't speak farsi :lol

[Phil_The_Rodent]

Link it up I might be able to give a lowdown... (not that I speak Farsi either, of course)... if I recall corractly, and I most likely don't because I don't do web, the trick was to nudge the depressed button down just a tad using the arrow keys...

[pastorbickley]

www.geocities.com/SiliconValley/Lab/4422/BT08-Push/BT08-Push1.htm

Thanks for the help phil! Hopefully we can figure this out (and if we do I'm diffently writing a tutorial for it :lol)

[Phil_The_Rodent]

There is English hidden in there...

Once you have a shadow layer at the top of the stack, ctrl-click the button layer. feather the selection 3 pixels, nudge the selection, invert it, and fill the shadow layer with black.

Then ctrl-click the button layer and make a layer clipping mask.

Make a copy of the button content layer (Carve, in this case)

Nudge the copy in the same direction as the shadow layer...

[pastorbickley]

Thanks Phil, I saw that there was some english in there as well, just couldn't figure out how to piece it together. :lol I'll give that a try and see how it comes out.

[Urban Grafix®]

C-9 mouse has a tut on pushy button thingies...go and check his site out

http://cloud-9.org

[Phil_The_Rodent]

urk.

I was trying www. before the sitename. Doh!