Share:

" /> Visio Guy » Run Circles Around Your Text With the Circle-text Title SmartShape
Home » Illustration, Shapes, Web Design, Wireframes & IA

Run Circles Around Your Text With the Circle-text Title SmartShape

Submitted by on March 27, 2009 – 8:00 am | | 27399 views 7 Comments

circle-title-textThe other day, I visited one of my favorite coffee houses in Munich: Aran. While sipping my mocha, the logo on the cup gave me the idea for a Visio SmartShape:

A title shape that automatically places each character in a circle.

The cup graphics look something like the thumbnail you see at the beginning of this article. In fact, I used the newly-created SmartShape to make that a-r-a-n that you see in the square.

Oh sure, you can probably find a font that does this quite easily. But a circle-font won’t allow you the flexibility that this shape does.

With the Circle-text Title SmartShape, you can easily do this:

  1. Independently change colors:  text, circle-fill and circle-outline
  2. Change the size of the characters relative to the circle
  3. Change the spacing between the circles

To use the shape, simply select it and start typing. The text that you are typing will magically appear in the lower left corner:

typing1

As you type, more circles will appear:

typing2

The shape that you can download with this article will accommodate up to twelve characters. If you need something more powerful, feel free to contact me at:

Using Shape Data fields, which are accessible via the View > Shape Data window, you can fine tune the spacing between circles, and change the font size, relative to the size of each circle.

You can also format the colors and font of the shape as you would any other Visio shape:

options-and-formatting

Below you can see some web-logo concepts that I was toying with. Using fill patterns and duplicates of the Circle-text Title shape, I was able to create some interesting visual effects:

logo-variations

click to view larger image

Each line of text actually uses three copies of the shape. One holds the main text, and the others have some gradient fills and are offset NW and SE of the front text. Because the shape automatically hides circles when the text gets shorter, it was easy to change the text on the foremost shape, then select the two background shapes and repeat the edit using F4.

Circle-text Title Visio Shape (114.54 kB) - 433

7 Comments »

  • Gary says:

    This circle-text is awesome (and so easy to use/manipulate). Thanks!

  • Visio Guy says:

    Hi Gary!

    Glad you like the shape. Might I ask what you are doing with it? It is always nice to hear what happens to shapes once they are released into the wild…

    - Chris

  • Junichi Yoda says:

    Cool!

  • [...] Run Circles Around Your Text With the Circle-text Title SmartShape [...]

  • warrer1 says:

    Hi. Thanks for providing this shape! I was wondering if there is a way to use a single circle, instead of a string of them?

    Thanks!

  • Visio Guy says:

    Hi Warrer1,

    I’m not sure what you want to do, I don’t understand the question. The point of the download is to put a circle around each letter with minimal work on the user’s part. Doing this by hand would not be hard, but would be boring, especially if you needed to make changes.

    A single circle wouldn’t be hard to create by hand.

  • BJC81 says:

    The link to download these files seems to be broken. When you go to that page it redirects you to the archive and asks you to sign up. When you sign up you never seem to get an e-mail. :(

Leave a comment!

Add your comment below, or trackback from your own site. You can also subscribe to these comments via RSS.

Be nice. Keep it clean. Stay on topic. No spam.

You can use these tags:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>

This is a Gravatar-enabled weblog. To get your own globally-recognized-avatar, please register at Gravatar.

*