Welcome to the MacNN Forums.

If this is your first visit, be sure to check out the FAQ by clicking the link above. You may have to register before you can post: click the register link above to proceed. To start viewing messages, select the forum that you want to visit from the selection below.

You are here: MacNN Forums > Enthusiast Zone > Art & Graphic Design > Create flat aqua buttons

Create flat aqua buttons
Thread Tools
WJMoore
Grizzled Veteran
Join Date: Jan 2002
Location: Melbourne, Australia
Status: Offline
Reply With Quote
Aug 22, 2004, 05:37 AM
 
If have spent ages searching and can't seem to anything relating directly to this so I thought I'd try here. Does anyone know of a tutorial or can give instructions on how to create the flat aqua buttons as seen in Safari and the Finder amongst other places. More specifically I am trying to work out how to create the reflection. A good online example of what I'm talking about is the navigation bar on the MacFreak site.
     
Eyenovation
Mac Enthusiast
Join Date: Jun 2003
Location: Southern California
Status: Offline
Reply With Quote
Aug 25, 2004, 03:51 AM
 
That's actually very easy. Simply make a button of a light grey background. Add a layer and shade just the UPPER region of it That's basically it.

A good tutorial on Aqua is http://killer-bunnies.com/auquabutton.php
Another good one you should check out -

http://macdesignonline.com/tutorials...ing01_osx.html
     
WJMoore  (op)
Grizzled Veteran
Join Date: Jan 2002
Location: Melbourne, Australia
Status: Offline
Reply With Quote
Aug 25, 2004, 09:18 AM
 
Originally posted by Eyenovation:
That's actually very easy. Simply make a button of a light grey background. Add a layer and shade just the UPPER region of it That's basically it.
Thanks,
There's a little more detail in it which is what I'm unsure about though. If you look carefully on the left the shading goes down, on the right it goes up, this is ok but the right also has a little bit of dark shading... I guess I could work out how to do it. I was just trying to be lazy hoping someone would have some sort of step-by-step guide like normal aqua button.
     
Eyenovation
Mac Enthusiast
Join Date: Jun 2003
Location: Southern California
Status: Offline
Reply With Quote
Aug 25, 2004, 06:54 PM
 
Sounds like you want someone to do it for you.
here you go.


Download this PSD file
     
MacMan4000
Mac Elite
Join Date: Jun 2004
Status: Offline
Reply With Quote
Aug 25, 2004, 09:56 PM
 
Here. is a good tutorial.
     
mitchell_pgh
Posting Junkie
Join Date: Feb 2000
Location: Washington, DC
Status: Offline
Reply With Quote
Aug 26, 2004, 01:39 AM
 
ha ha... I've been looking for a nice brushed metal flat aqua file... thanks.
     
spatterson
Mac Elite
Join Date: Sep 2003
Location: Reno, Nevada
Status: Offline
Reply With Quote
Aug 27, 2004, 02:08 AM
 
Originally posted by MacMan4000:
Here. is a good tutorial.
Thats a very nice tutorial
     
   
 
Forum Links
Forum Rules
You may not post new threads
You may not post replies
You may not post attachments
You may not edit your posts
BB code is On
Smilies are On
[IMG] code is On
HTML code is Off
Top
Privacy Policy
All times are GMT -4. The time now is 11:39 PM.
All contents of these forums © 1995-2017 MacNN. All rights reserved.
Branding + Design: www.gesamtbild.com
vBulletin v.3.8.8 © 2000-2017, Jelsoft Enterprises Ltd.,