Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
Photoshop Tutorials - Free Fonts
[Read Me First!]
[Photoshop Tutorials]
[Canvas Tutorials]
[Corel Tutorials]
[Quark Tutorials]
[Illustrator Tutorials]
[FreeHand Tutorials]
[Drawing Basics]
[Porting Files]
[Free Fonts]
[Font Tutorials]
[Misc Tutorials]
[About Mike]
[Related Sites]

  Canvas™ 7 Aqua Button Tutorial
Part One
Click Here For Aqua Button Demo Page

Aqua "gel" buttons are very popular these days and the effect just begs to be done in Canvas 7 with SpriteEffects™. This effect can be done by anyone with intermediate level skills in Canvas. There are many pixel-based examples of this effect, but this tutorial shows how it can be created with vector objects in Canvas. The idea is similar to the technique used in a Paint Shop Pro™ tutorial I saw once.


1. First choose the Rounded Rectangle tool from the Toolbox and drag out a rounded rectangle approximately like the one shown below.

2. When you release the mouse button, the object on your screen should look similar to the one shown here.

3. In this tutorial the document is setup for points as the unit of measure. Click Layout > Document Setup to access the dialog and choose "Points" for the Document units. Next, bring up the Object Specs palette and enter the specs for the height, width and daimeter of the rounded corners (shown circled below). Enter 44 for the "Height", 44 for the "Diag." and 129 for the "Width". Click the "Apply" button when done. Each end of the rounded rectangle is in the shape of a semicircle. Note that the height of the rectangle must be equal to the "Diag." amount (44 points in the example below) for the ends of the rounded rectangle to be semicircular in shape.

4. Next, we need to create a new color ink. Bring up the configuration manager in the Color tab of the Inks palette. For more help with creating a new color ink, please click here. Select the "RGB Bars" from the Color manager and enter 0, 0, 72 for the red, green and blue values, respectively. Make sure the rounded rectangle is still selected, then depress the Fill icon (circled below) and click the "Apply" button. The rectangle should look similar to the one shown below.

5. Next click the Strokes icon on the Toolbox and choose "No Stroke" from the Pen tab. The rectangle should now have a color fill with no stroke.

Click Here To Continue...


Previous   Home    Contact Mike   Related Sites    Next

Copyright © 1998-2016 Mike Doughty, All Rights Reserved Legal Notices
Page Last Revised: October 26, 2016
Privacy Policy