How do you "make" Aqua?

Posted:
in macOS edited January 2014
Aqua is a beautiful combination of reflection and color that I can't replicate. How is Aqua made? I want to make some Aqua buttons, etc. for a website, but I am clueless on where to begin. It almost looks like it is simehow desogned in a 3D app. Help would be appreciated.

Comments

  • Reply 2 of 9
    spartspart Posts: 2,060member
    Yuck. Roll your own.



    Been working on a <a href="http://www.grm.net/~spartian/stuff/solidsun.jpg"; target="_blank">design</a> that has a few aquatic orbs in it. Essentially, Aqua is just a shape with a 0 distance inner shadow, upper reflection and the same reflection flipped vertically and blured slightly as the bottom. Apple's real aqua widgets are a bit more complicated but that's the gist of it. To make the reflection, command click on the layer to select it, make a new layer then drag the gradient cursor from the top to about 3/4 of the way down. Copy that layer, flip it, drag it down a little and blur it. Set the layer blending to overlay and play with the transparency as necessary. You may want to cut a bit off the upper reflection's bottom.
  • Reply 3 of 9
    os10geekos10geek Posts: 413member
    Thanks. ButtonBuilder doesn't look that bad, but it seems a bit too...canned and shrinkwrapped, I guess. It should suffice. This thread is stil open for suggestions!
  • Reply 4 of 9
    defiantdefiant Posts: 4,876member
    Use the Interface Builder application who comes installed with the Developer tools.
  • Reply 5 of 9
    os10geekos10geek Posts: 413member
    I'm talking about building my own, CUSTOM Aqua icons.
  • Reply 6 of 9
    defiantdefiant Posts: 4,876member
    what the hell do you call custom?
  • Reply 7 of 9
    os10geekos10geek Posts: 413member
    For example, the iChat Smilies. You couldn't make those with the Interface builder.
  • Reply 8 of 9
    defiantdefiant Posts: 4,876member
    those are not part of aqua- indeed
  • Reply 9 of 9
    spartspart Posts: 2,060member
    [quote]Originally posted by os10geek:

    <strong>I'm talking about building my own, CUSTOM Aqua icons.</strong><hr></blockquote>



    Do you really need some prog to do it for you? Make them by hand in Photoshop, it's really not that hard.



    There's a somewhat good tutorial <a href="http://www.xicons.com/articles/bice/aquatutorial.php"; target="_blank">here</a>. pixeljerk used to have a better tutorial, but his website doesn't appear to be functional at the moment.
Sign In or Register to comment.