Visio Guy

Visio Guy Website & General Stuff => User-submitted Stuff => Topic started by: wapperdude on July 27, 2009, 04:26:37 AM

Title: The Better Button: 3D Effect with highlight
Post by: wapperdude on July 27, 2009, 04:26:37 AM
Wasn't sure exactly where to put this, so, it landed here.   :o  Visio Guy has addressed adding edges to objects to give them depth, Create Better-looking, More-efficient SmartShapes (http://www.visguy.com/2008/08/09/create-better-looking-more-efficient-smartshapes/).   ;)  Circular shapes made to look like buttons have always caught my curiousity, see Re: Isometric Shapes With Shading (http://visguy.com/vgforum/index.php?topic=104.msg2099#msg2099).   :P  So, I decided to use the arc array to see if it's possible to make a really smooth button edge.  I am reasonably happy with the results shown below. 

The basic process involves taking a rectangular shape, giving it a fill pattern #30, eliminate the line edge, then use the arcArray (included with the Visio file) to create a circular band that forms the button edge.  Add a circle to fill in the middle, and another to get the lighting effects.

This button is completely scalable.

Enjoy!
Wapperdude
Title: Re: The Better Button: 3D Effect with highlight
Post by: Stefan on August 17, 2009, 06:30:43 PM
Wapperdude thanks for sharing, this is a great effect, looks like it's floating on the page, you are one smart guy.
Stefan 
Title: Re: The Better Button: 3D Effect with highlight
Post by: wapperdude on August 18, 2009, 12:50:16 AM
They say that Necessity is the Mother of Invention.  If that's true, then, Boredom must be the Father.  I'd like to say that the button thing was carefully thought out and planned, but the truth was I was trying "what if's" without really knowing what to expect.  To quote another phrase:  Better to be lucky than good!   :D
Title: Re: The Better Button: 3D Effect with highlight
Post by: Visio Guy on May 23, 2010, 09:06:09 PM
Along the same lines as this thread, folks might want to check out:

3D Beveled Button Visio Shape (http://www.visguy.com/2010/04/22/3d-beveled-button-visio-smart-shape/)

(http://www.visguy.com/wp-content/uploads/2010/04/3d-beveled-visio-button.png) (http://www.visguy.com/2010/04/22/3d-beveled-button-visio-smart-shape/)