Aqua Interface design

Sage

Posts: 1,403
Joined: 2005.07

Post: #1

May 10, 2006 — 06:36 AM

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!

Taxxodium

Moderator

Posts: 508
Joined: 2002.09

Post: #2

May 10, 2006 — 07:18 AM

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..."

sealfin

Moderator

Posts: 677
Joined: 2002.04

Post: #3

May 10, 2006 — 07:24 AM

Aquatint?

Mark Bishop

socksy

Member

Posts: 168
Joined: 2004.10

Post: #4

May 10, 2006 — 09:02 AM

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.

unknown

Sage

Posts: 1,403
Joined: 2005.07

Post: #5

May 11, 2006 — 12:05 AM

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!

Shunter

Member

Posts: 78
Joined: 2004.06

Post: #6

May 11, 2006 — 06:49 AM

Heh, looks cool. Nice

When in doubt ... read the Read Me
10.5.6 | MacBook Pro 2.5x2 | 4 GB RAM | GeForce 8600M GT

unknown

Sage

Posts: 1,403
Joined: 2005.07

Post: #7

May 11, 2006 — 11:19 AM

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!

OneSadCookie

Luminary

Posts: 5,125
Joined: 2002.04

Post: #8

May 11, 2006 — 01:28 PM

Code:

-(void) drawRect:(NSRect)r

{

    [backgroundColor set];

    NSRectFill(r);

    [super drawRect:r];

}

PowerMacX

Moderator

Posts: 766
Joined: 2003.04

Post: #9

May 12, 2006 — 06:52 PM

unknown Wrote:hehe, I think it looks pretty neat

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.

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]