View Full Version : Push Down Button Effect?
03-06-2003, 03:31 PM
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!
03-06-2003, 03:39 PM
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.
03-06-2003, 03:53 PM
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.
03-06-2003, 04:35 PM
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.
03-06-2003, 04:49 PM
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...
03-06-2003, 04:55 PM
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
03-06-2003, 05:00 PM
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...
03-06-2003, 05:05 PM
Thanks for the help phil! Hopefully we can figure this out (and if we do I'm diffently writing a tutorial for it :lol)
03-06-2003, 05:27 PM
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...
03-06-2003, 05:34 PM
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.
03-06-2003, 07:18 PM
C-9 mouse has a tut on pushy button thingies...go and check his site out
03-06-2003, 07:46 PM
I was trying www. before the sitename. Doh!
Powered by vBulletin® Version 4.2.0 Copyright © 2013 vBulletin Solutions, Inc. All rights reserved.