iDevGames Forums
Aqua Interface design - Printable Version

+- iDevGames Forums (http://www.idevgames.com/forums)
+-- Forum: Development Zone (/forum-3.html)
+--- Forum: Designer's Studio (/forum-6.html)
+--- Thread: Aqua Interface design (/thread-4277.html)



Aqua Interface design - unknown - 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!


Aqua Interface design - Taxxodium - May 10, 2006 07:18 AM

You really need to start using Google dude!

http://www.webdesign.org/cat/photoshop/tutorials/aqua-style-button-with-photoshop.35.html


Aqua Interface design - sealfin - May 10, 2006 07:24 AM

Aquatint?


Aqua Interface design - socksy - 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.


Aqua Interface design - unknown - 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.


Aqua Interface design - Shunter - May 11, 2006 06:49 AM

Heh, looks cool. Nice Wink


Aqua Interface design - unknown - 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?


Aqua Interface design - OneSadCookie - May 11, 2006 01:28 PM

Code:
-(void) drawRect:(NSRect)r
{
    [backgroundColor set];
    NSRectFill(r);
    [super drawRect:r];
}

?


Aqua Interface design - PowerMacX - May 12, 2006 06:52 PM

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)


Aqua Interface design - arekkusu - May 12, 2006 06:58 PM

Why not just use the circular sliders that Aqua already provides?


Aqua Interface design - PowerMacX - May 12, 2006 07:04 PM

socksy Wrote:Even interfaces that are really well designed [...] gimp's interface.

LOL LOL LOL

PS: sorry for the double post!