View Full Version : Aqua Interface design
unknown
2006.05.10, 10: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!
Taxxodium
2006.05.10, 11:18 AM
You really need to start using Google dude!
http://www.webdesign.org/cat/photoshop/tutorials/aqua-style-button-with-photoshop.35.html
sealfin
2006.05.10, 11:24 AM
Aquatint (http://www.sticksoftware.com/software/Aquatint.html)?
socksy
2006.05.10, 01:02 PM
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
2006.05.11, 04:05 AM
hehe, I think it looks pretty neat
http://img93.imageshack.us/img93/8156/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.
Shunter
2006.05.11, 10:49 AM
Heh, looks cool. Nice ;)
unknown
2006.05.11, 03:19 PM
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.
http://img462.imageshack.us/img462/821/pacmamn1us.png
Any ideas?
OneSadCookie
2006.05.11, 05:28 PM
-(void) drawRect:(NSRect)r
{
[backgroundColor set];
NSRectFill(r);
[super drawRect:r];
}
?
PowerMacX
2006.05.12, 10:52 PM
hehe, I think it looks pretty neat
http://img93.imageshack.us/img93/8156/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. ;)
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:
http://www.wirelesshamster.com/cosas/circularslider.png
(from OmniGraffle)
arekkusu
2006.05.12, 10:58 PM
Why not just use the circular sliders that Aqua already provides?
PowerMacX
2006.05.12, 11:04 PM
Even interfaces that are really well designed [...] gimp's interface.
:lol: :lol: :lol:
PS: sorry for the double post!
vBulletin® v3.6.8, Copyright ©2000-2008, Jelsoft Enterprises Ltd.