Aqua Interface design

Sage
Posts: 1,403
Joined: 2005.07
Post: #1
I want to make some graphics that will pass off as aqua and not look out of place with the rest of the GUI. Anyone have bitmaps of some interface elements with alpha channels, tutorials on how to do it or just tips in general?

Thanks!

Sir, e^iπ + 1 = 0, hence God exists; reply!
Quote this message in a reply
Moderator
Posts: 508
Joined: 2002.09
Post: #2
You really need to start using Google dude!

http://www.webdesign.org/cat/photoshop/t...op.35.html

"When you dream, there are no rules..."
Quote this message in a reply
Moderator
Posts: 691
Joined: 2002.04
Post: #3

Mark Bishop
Quote this message in a reply
Member
Posts: 168
Joined: 2004.10
Post: #4
I'll just point out here that any fake aqua buttons will be obviously fake, and won't fit in well. Even interfaces that are really well designed will look a bit out of place - see the gimp's interface.
Quote this message in a reply
Sage
Posts: 1,403
Joined: 2005.07
Post: #5
hehe, I think it looks pretty neat
[Image: picture92sj.png]

managed to get this by lots of screenshots of the real sliders and matching a bevel and emboss to the slider.. incase anyone wonders.

Sir, e^iπ + 1 = 0, hence God exists; reply!
Quote this message in a reply
Member
Posts: 78
Joined: 2004.06
Post: #6
Heh, looks cool. Nice Wink

When in doubt ... read the Read Me
10.5.6 | MacBook Pro 2.5x2 | 4 GB RAM | GeForce 8600M GT
Quote this message in a reply
Sage
Posts: 1,403
Joined: 2005.07
Post: #7
Thanks!
I will release it once I test it a bit more.

Now I need to try and make this custom ImageView, I just put this together in photoshop by doing a multiply operation against the background. The idea is that the background color can be set.
[Image: pacmamn1us.png]

Any ideas?

Sir, e^iπ + 1 = 0, hence God exists; reply!
Quote this message in a reply
Luminary
Posts: 5,143
Joined: 2002.04
Post: #8
Code:
-(void) drawRect:(NSRect)r
{
    [backgroundColor set];
    NSRectFill(r);
    [super drawRect:r];
}

?
Quote this message in a reply
Moderator
Posts: 770
Joined: 2003.04
Post: #9
unknown Wrote:hehe, I think it looks pretty neat
[Image: picture92sj.png]

managed to get this by lots of screenshots of the real sliders and matching a bevel and emboss to the slider.. incase anyone wonders.

Very nice... although I suggest you look closer at the circular slider. Wink
The "light" in Aqua comes directly from above (*), not from the top-left as in your circular slider.

* The vertical slider is of course a special case, since "light directly from above" wouldn't quite work.

EDIT: Something like this:
[Image: circularslider.png]
(from OmniGraffle)
Quote this message in a reply
Sage
Posts: 1,232
Joined: 2002.10
Post: #10
Why not just use the circular sliders that Aqua already provides?
Quote this message in a reply
Moderator
Posts: 770
Joined: 2003.04
Post: #11
socksy Wrote:Even interfaces that are really well designed [...] gimp's interface.

LOL LOL LOL

PS: sorry for the double post!
Quote this message in a reply
Post Reply