Sijun Forums Forum Index
Log in to check your private messages
My Profile Search Who's Online Member List FAQ Register Login Sijun Forums Forum Index

This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.
   Sijun Forums Forum Index >> Archive : Sep99 - Dec00
View previous topic :: View next topic  
Author   Topic : "Apple.com Style Buttons?"
Mongoose
member


Member #
Joined: 22 Oct 1999
Posts: 363
Location: North

PostPosted: Thu Jan 06, 2000 9:41 am     Reply with quote
Hey guys.. do any of you know how to get the look that apple uses extensively on their webpage (www.apple.com) ? Ya know, that kind of see through shiny plastic.. any help would be greatly appreciated.

Thanks!
Mongoose
Back to top
View user's profile Send private message Send e-mail
Sc00p
member


Member #
Joined: 08 Nov 1999
Posts: 210
Location: Ottawa, ON. Canada

PostPosted: Thu Jan 06, 2000 10:19 am     Reply with quote
Wow that's a tall order, but uhm, maybe I can help clarify.

Make a shape, on a new layer, and fill with a gradient, from top to bottom with say a darker blue (not too dark) to a light blue color.
Duplicate that layer, make it white, and fade it from bottom to top (just whisp over the top half with the eraser set to a large soft brush). Now resize that shape so it just fits inside the first one, so you see kind of a darker color show through, in this case, the blue.

Now duplicate your original shape again, (make sure its under your SECOND shape, and on top of your FIRST) and have it completely white, and resize it so it fits inside, like you did to the second shape. Now chop the top off so you get a thick white piece of the shape, that will show through the 'fade' you gave the second shape.

Everything in words is confusing I know, but hopefully you're starting to see something like those big grey buttons on the apple.com site. If not, I'm trying

It's very hard to explain here without more thought on the writing and some visual aids so maybe I can consider this for one of the tutorials on my new site? I've just done the technique the way I figured it was done, and it looks pretty close to what apple has anyway.

Good luck

------------------
Rene Antunes
www.nytro.org
[email protected]

Back to top
View user's profile Send private message Send e-mail Visit poster's website
Mongoose
member


Member #
Joined: 22 Oct 1999
Posts: 363
Location: North

PostPosted: Thu Jan 06, 2000 10:30 am     Reply with quote
Damn, I couldn't get it to work Scoop Thanks so much for typing all that out though It pisses me off, damnit. I wanna duplicate the effect that you see in that big blue X when you first enter their page, but it's like .. hard and stuff

Again, thanks for taking the time to write that out.

Mongoose
Back to top
View user's profile Send private message Send e-mail
B
member


Member #
Joined: 12 Jan 2000
Posts: 322
Location: Houston, Tx, USA

PostPosted: Thu Jan 06, 2000 11:45 am     Reply with quote
the tabs at the top?
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
B
member


Member #
Joined: 12 Jan 2000
Posts: 322
Location: Houston, Tx, USA

PostPosted: Thu Jan 06, 2000 11:58 am     Reply with quote
make a square gaussian blur it, select the burred square, fill the selection, you then have a rounded square,..

goto select/modify border,.. depending on the size of the image is the number ou have here,. and also depends on how much of a rise you want on the button,.. choose 10,. whaddahell,. anyway highlight the top with a white airbrush, the botton with a dark one. or use dodge and burn,. voila,. you basically have what you see there,.

if youhave eye candy filters, they'll make it look a little prettier,. but this is a basic way to do this,.
Back to top
View user's profile Send private message Send e-mail Visit poster's website AIM Address Yahoo Messenger MSN Messenger
[Shizo]
member


Member #
Joined: 22 Oct 1999
Posts: 3938

PostPosted: Thu Jan 06, 2000 1:10 pm     Reply with quote
dont know if anyone said this yet (didnt read replies)
but this is exactly what tutorial you need on clear plastic

http://www.alexdg.com/tuts/plastic/plastic.php3

------------------
Russia is power. You dont agree --> we nuke you!

Back to top
View user's profile Send private message
Mongoose
member


Member #
Joined: 22 Oct 1999
Posts: 363
Location: North

PostPosted: Thu Jan 06, 2000 1:20 pm     Reply with quote
Awesome! That is exactly what I was looking for Shizo, thanks man!

Mongoose
Back to top
View user's profile Send private message Send e-mail
Display posts from previous:   
This forum is locked: you cannot post, reply to, or edit topics.   This topic is locked: you cannot edit posts or make replies.    Sijun Forums Forum Index -> Archive : Sep99 - Dec00 All times are GMT - 8 Hours
Page 1 of 1

 
Jump to:  
You cannot post new topics in this forum
You cannot reply to topics in this forum
You cannot edit your posts in this forum
You cannot delete your posts in this forum
You cannot vote in polls in this forum




Powered by phpBB © 2005 phpBB Group