Web Design   Web Hosting   Photoshop Tutorials   Free Fonts   Drawing Basics  
 
Photoshop Tutorials - Free Fonts
[Home]
[Sitemap]
[Blog]
[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]
[Animation]
[About Mike]
[Gallery]
[Related Sites]

 
    Intermediate  
 
  Canvas™ 7 Aqua Button Tutorial
Part Four

16. With the bottom rectangle selected, your screen should look similar to the example below.

17. Make a duplicate of the rectangle placing it exactly in the same position in the top of the stack. Click Edit > Replicate similar to an earlier step. In the dialog, choose one copy with no offset or scaling (circled below). Click "Apply" when done. The new rectangle will appear at the top of the stack. This new rectangle will serve as the clipping path. Note: By using Edit > Replicate with no offset, you create a duplicate rectangle at the top of the stack where it has to be for it to function as a clipping path. Also, because it is an exact duplicate in the exact same position as the original, the clipping path will align perfectly.

18. Using the Selection Tool, marquee-select all four objects. Make sure to drag completely around the SpriteEffects™ to select the rectangles to which the effects are connected.

19. When all of the rectangles are selected, your screen should look similar to the example below.

20. Click Object > Clipping Path > Make, then click Object > Group. Sweet! The size and positioning of the various rounded rectangles and the blur distances selected in the Gaussian Blur dialogs produce the 3D effect. If you are not satisfied with your results, then adjust the settings until the clipped group appears similar to the one below.

21. The last step is to create a highlight object. Using the Rounded Rectangle tool, drag a slender rectangle between the dark blue area at the top of the group and the beginning of the bluish white area.

22. The following example should serve as a guide. The fill color isn't important here, any color will do.


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