Go Back   MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Reply
 
Thread Tools Search this Thread Display Modes
Old Dec 14, 2006, 12:47 PM   #1
christapherWayn
macrumors newbie
 
Join Date: Dec 2006
Making a button look pressed?

Hey folks, just wondering if i could get some tips on how to make a button look like its been pressed... i can make 'gel' buttons all day long, but i have a hard time picturing the way to shade them to make it look like its been 'pressed' (ie. making it look curved inward, not outward)

any tips or know of any tutorials anywhere?

christapherWayn is offline   0 Reply With Quote
Old Dec 14, 2006, 01:00 PM   #2
LeviG
macrumors 65816
 
Join Date: Nov 2006
Location: Norfolk, UK
tip:
get a bit of paper and then put a pin through it and pull, will give you the basic lighting, then tweak it till youre happy, or try and find something thats got a dome recessed into it
LeviG is offline   0 Reply With Quote
Old Dec 14, 2006, 01:09 PM   #3
christapherWayn
Thread Starter
macrumors newbie
 
Join Date: Dec 2006
Quote:
Originally Posted by LeviG View Post
tip:
get a bit of paper and then put a pin through it and pull, will give you the basic lighting
i dont think i did it right, all i ended up with was a piece of paper with a whole in it
christapherWayn is offline   0 Reply With Quote
Old Dec 14, 2006, 03:15 PM   #4
tominated
macrumors 68000
 
tominated's Avatar
 
Join Date: Jul 2006
Location: Queensland, Australia
put an inner shadow with the light source coming from the top. you will need a bit of tweaking tho
btw:instead of making the bright orange a radial gradient, makie it an elliptical gratient and stretch out the sides and put it right at the bottom
__________________
20" iMac Core Duo
13" 2.26Ghz MBP
Upgraded to 4GB RAM & 500GB HDD
tominated is offline   0 Reply With Quote
Old Dec 14, 2006, 04:48 PM   #5
mac 2005
macrumors 6502a
 
mac 2005's Avatar
 
Join Date: Apr 2005
Location: Chicago
Quote:
Originally Posted by christapherWayn View Post
i dont think i did it right, all i ended up with was a piece of paper with a hole in it
All I got was a rock!
Attached Images
 
__________________
They that can give up essential liberty to obtain a little temporary safety deserve neither liberty nor safety.
mac 2005 is offline   0 Reply With Quote
Old Dec 14, 2006, 06:05 PM   #6
ChicoWeb
macrumors 65816
 
ChicoWeb's Avatar
 
Join Date: Aug 2004
Location: California
reverse your gradiants.
__________________
ChicoWeb is offline   0 Reply With Quote
Old Dec 14, 2006, 06:45 PM   #7
tominated
macrumors 68000
 
tominated's Avatar
 
Join Date: Jul 2006
Location: Queensland, Australia
maybe even change the white gradient to a grey/black one
__________________
20" iMac Core Duo
13" 2.26Ghz MBP
Upgraded to 4GB RAM & 500GB HDD
tominated is offline   0 Reply With Quote
Old Dec 14, 2006, 11:01 PM   #8
mac 2005
macrumors 6502a
 
mac 2005's Avatar
 
Join Date: Apr 2005
Location: Chicago
Quote:
Originally Posted by mac 2005 View Post
All I got was a rock!
Ha! Ha! Ha!

Get it? It plays on the word "holes" because Charlie Brown made too many holes in his ghost costume and the word "hole" because of poking a pin through the image and because of the "All I got was a ..." reference?

Bwa-ha-ha-ha-ha!

<coyote howl><cricket sound><lone man coughs></coyote howl></cricket sound></lone man coughs>

__________________
They that can give up essential liberty to obtain a little temporary safety deserve neither liberty nor safety.
mac 2005 is offline   0 Reply With Quote
Old Dec 14, 2006, 11:11 PM   #9
MrSmith
macrumors 68030
 
MrSmith's Avatar
 
Join Date: Nov 2003
Quote:
Originally Posted by mac 2005 View Post
Ha! Ha! Ha!

Get it? It plays on the word "holes" because Charlie Brown made too many holes in his ghost costume and the word "hole" because of poking a pin through the image and because of the "All I got was a ..." reference?

Bwa-ha-ha-ha-ha!

<coyote howl><cricket sound><lone man coughs></coyote howl></cricket sound></lone man coughs>

It'll cost you 25 USD to get a pat on the back for asininity
__________________
They are not long, the days of wine and roses: Out of a misty dream
Our path emerges for awhile, then closes within a dream.

Ernest Dowson
MrSmith is offline   0 Reply With Quote
Old Dec 15, 2006, 12:52 AM   #10
simie
macrumors 6502a
 
simie's Avatar
 
Join Date: Aug 2004
Location: Sitting
You could use this this trick

http://www.tutorialized.com/tutorial...b-Button/11337
__________________
Paul Rigby
Illustrator and commercial artist ~ visit his website
simie is offline   0 Reply With Quote
Old Dec 15, 2006, 02:23 AM   #11
tominated
macrumors 68000
 
tominated's Avatar
 
Join Date: Jul 2006
Location: Queensland, Australia
Quote:
Originally Posted by simie View Post
that looks poxy, but it isn't my project, just my opinion
__________________
20" iMac Core Duo
13" 2.26Ghz MBP
Upgraded to 4GB RAM & 500GB HDD
tominated is offline   0 Reply With Quote
Old Dec 15, 2006, 04:52 PM   #12
decksnap
macrumors 68030
 
decksnap's Avatar
 
Join Date: Apr 2003
Well if your doing aqua, just do it the way Apple does it and don't depress it at all. Just change the color.
__________________
My cat's breath smells like catfood.
decksnap is offline   0 Reply With Quote
Old Dec 15, 2006, 04:57 PM   #13
iMeowbot
macrumors 601
 
iMeowbot's Avatar
 
Join Date: Aug 2003
Quote:
Originally Posted by decksnap View Post
Well if your doing aqua, just do it the way Apple does it and don't depress it at all. Just change the color.
That makes more sense anyway. I have a phone with real buttons like that and they don't really look any different when pressed (except that the sides disappear under the surface of course, and my finger's in the way, andů never mind). Anyway, a "backlight" that turns on and off makes more sense than anything.
iMeowbot is offline   0 Reply With Quote
Old Dec 16, 2006, 12:48 PM   #14
obeygiant
macrumors 68040
 
obeygiant's Avatar
 
Join Date: Jan 2002
Location: Michigan
Quote:
Originally Posted by christapherWayn View Post
you could just "flip" it 180 degrees. Its only "pressed" for an instant so it might work.

by the way, maybe you could enlighten us as to how you make the "gel" look.
cuz it looks cool.
obeygiant is offline   0 Reply With Quote
Old Dec 16, 2006, 01:58 PM   #15
Killyp
macrumors 68040
 
Killyp's Avatar
 
Join Date: Jun 2006
I would shade it from top (100% transparency) to around 50 % transparency at the bottom, with black, and then add a shadow along the top rim, fading out before half way down...
Killyp is offline   0 Reply With Quote
Old Dec 16, 2006, 03:42 PM   #16
Me1000
macrumors 68000
 
Me1000's Avatar
 
Join Date: Jul 2006
Here is the one mentioned above(hope I got that right ) and something I came up w/

I can give you the PSD file for it(both of them) if you want!
Attached Images
 
Me1000 is offline   0 Reply With Quote
Old Dec 17, 2006, 11:47 PM   #17
anthony113
macrumors member
 
Join Date: May 2005
try an inner bevel in photoshop using the blending options
anthony113 is offline   0 Reply With Quote
Old Dec 18, 2006, 06:06 AM   #18
Nym
macrumors 6502a
 
Nym's Avatar
 
Join Date: Oct 2006
Location: Porto, Portugal
I'd use a Inner Shadow, it gives the feeling that the button is really being pressed down.
__________________
"It seems that perfection is reached not when there is nothing left to add, but when there is nothing left to take away."
Nym is offline   0 Reply With Quote
Old Dec 18, 2006, 01:02 PM   #19
JasonElise1983
macrumors 6502a
 
JasonElise1983's Avatar
 
Join Date: Jun 2003
Location: Between a rock and a midget
i like your second option. Really plays into that gel thing, that only part of it is pressed, just like if you pressed a rubber ball. It only looks pressed where you touched it.
JasonElise1983 is offline   0 Reply With Quote
Old Dec 18, 2006, 11:45 PM   #20
OutThere
macrumors 603
 
OutThere's Avatar
 
Join Date: Dec 2002
Location: NYC
Quote:
Originally Posted by Nym View Post
I'd use a Inner Shadow, it gives the feeling that the button is really being pressed down.
I played around for a while (actually without reading your post), and came up with this, using an inner shadow:

__________________
puisqu'on est jeune et con, puisqu'ils sont vieux et fous. . .
OutThere is offline   0 Reply With Quote

Reply
MacRumors Forums > Special Interests > Visual Media > Design and Graphics

Thread Tools Search this Thread
Search this Thread:

Advanced Search
Display Modes

Similar Threads
thread Thread Starter Forum Replies Last Post
Multiple Images when Button pressed..?? Xcode Phloxx1 iPhone/iPad Programming 2 Feb 22, 2014 04:04 PM
iPhone 5 touchscreen won't respond until lock button is pressed. leshric iPhone Tips, Help and Troubleshooting 0 Sep 16, 2013 04:15 PM
iPhone crashing when apps are put on certain screens and home button is pressed markw10 iPhone Tips, Help and Troubleshooting 0 Nov 15, 2012 06:07 AM
iPad 3rd generation crashing when home button pressed Loke2112 iPad Tips, Help and Troubleshooting 2 Oct 5, 2012 09:00 AM
No sound when button pressed sheepsblood iPhone and iPod touch Apps 0 Aug 26, 2012 01:50 PM

Forum Jump

All times are GMT -5. The time now is 05:25 PM.

Mac Rumors | Mac | iPhone | iPhone Game Reviews | iPhone Apps