Close Search Box
Search Box

Search: From:

Close
Newsletter

9Tutorials to your Inbox



Aqua button

Aqua button
Author lv1 (3100/5000)
7,077 views
1 Star2 Star3Star4 Star5 Star (12 votes, average: 3.58 out of 5)

A simple tutorial, which teach you how to make an “Aqua” style button with only 6 simple steps.

Step 1: Create a new file and set up the values.As mine,i put 200 x 60

Aqua 1

Step 2:Use Rounded Rectangle Tool with Radius of 30px, draw out the shape with color #00C0FF

Aqua2

Step 3:Create another shape with Rounded Rectangle Tool like the pic below

Aqua 3

Step 4:Use Blending mode>Gradient Overlay for the shape you created just now with settings like below

Aqua 5

Step 5:Use Rectangula Marquee Tool to make a selection like below

Aqua 6

Step 6: Use Gradient Tool and drag from bottom to up with color #00F6FF from alpha 100% -> 0% on the selection you just made.You will have the result like this

Aqua 7

del.icio.us:Aqua button digg:Aqua button spurl:Aqua button newsvine:Aqua button blinklist:Aqua button furl:Aqua button reddit:Aqua button blogmarks:Aqua button Y!:Aqua button magnolia:Aqua button segnalo:Aqua button

Post a Comment »








Safari hates me

Comment Guidelines

  • Hyperlinks are automatically generated.
  • <em>italic</em>
  • <strong>bold</strong>
  1. ade August 29, 2007

    thanks …a lot

  2. Joseph November 30, 2007

    Excellent!!! Most of the other tutorials I found are so complicated. Your’s is so simple and something that I can follow!! Thanks a million!