Register FAQ / Rules Forum Spy Search Today's Posts Mark Forums Read
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
Location: Japan
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

Posting Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts

BB code is On
Smilies are On
[IMG] code is On
HTML code is Off

Forum Jump

Similar Threads
thread Thread Starter Forum Replies Last Post
How To Make IBAction Happen the 2nd Time Button Is Pressed mandude iPhone/iPad Programming 3 Dec 14, 2009 08:41 PM
When I finally got into Me.com the first button I pressed was this one neiltc13 iCloud and Apple Services 19 Jul 12, 2008 08:28 AM
What happens to allocated memory if Home Button is pressed Enuratique Mac Programming 2 Jun 25, 2008 05:32 PM
Logitech mouse: assign a function when 2 buttons are pressed bsheridan Mac Peripherals 2 Feb 12, 2008 06:20 AM
Making a button look pressed trainguy77 Design and Graphics 2 Dec 23, 2006 08:44 PM


All times are GMT -5. The time now is 09:46 AM.

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

Mobile Version | Fixed | Fluid | Fluid HD
Copyright 2002-2013, MacRumors.com, LLC