Creating "Aqua" style buttons
In this recipe we will recreate a popular style seen in many user interfaces, from operating systems to web pages. It's often used for widgets, such as buttons and scrollbars.
How to do it...
The following steps will demonstrate how to create "Aqua" style buttons:
1. Select the Rectangle tool (F4 or R) and create a 450x150 px rectangle as the base for the button. If you hold the Ctrl key you can get the correct ratio, then lock the ratio on the Selector toolbar and change the width to 450 and the height will automatically change to 150. You can also type these dimensions directly into the Rectangle toolbar.
2. Round the corners by dragging the radius handle while holding Ctrl all the way to the middle of the button vertical edge.
3. Set its fill to Blue (#0000FF), stroke to Navy (#000080), and stroke width to 8.
4. Duplicate the rectangle (Ctrl + D), remove its stroke, and set fill to Aqua (#00FFFF). Reduce the height to about half of the original one by dragging...