Text in a circle using Inkscape

A common question on the SCAL forum is “How do you make text in a circle?”.  Another question is how do you have both the top text and the bottom text read from left to right.  I prefer to do this directly in Inkscape.  Another way is to use a word processing program and create word art-this is especially good for text distorted into a shape.  See this post from CleverSomeday for more info on word art from MS Word.

Here is how you would use Inkscape to put words around a circle.

  1. Open Inkscape and click on the Circle tool circle tool then make a circle by holding down the Control key then click and drag the cursor in the work area.
  2. Click on the Text tool text tool then click in the work area and type your text for the top of the circle.
  3. If you want to change the font, with the text still selected, click on the Font tool font tool and select the font you want to use, click “Apply”.  You can now close the “Text and Font” window.
  4. Click on the “Select” tool selection tool and if the text needs to be resized,  hold the control key and click and drag one of the bounding box corner arrows until you like the size of the text.
  5. Select both the text and the circle.Circle text01
  6. From the menu select Text/Put on Path.  The text will be put on the bottom of the circle.
    Circle text02
  7. Click off of the circle/text to de-select it, then click on just the circle twice to get the rotate/skew bounding arrows.
    Circle text03
  8. Click on one of the corner arrows and drag it to rotate the circle.  The text will follow the circle.  Rotate until you like the placement of the text.
  9. Draw another circle larger than the first one.  Use the alignment tools to center the new circle over the first one.  In my example, I turned off the fill and set a stroke so that the original circle and the upper text is visible.
  10. Type the text for the bottom of the circle.
  11. Select the new text and the larger circle, then from the menu, Text/Put on path.  The new text will be at the bottom of the new circle.
    Circle text04
  12. Click off the circle/text, then click on the larger circle and click on the “Flip horizontally” button flip horizontally.  The text will move to the inside of the larger circle.
    Circle text05
  13. Click on the outer circle again to bring up the skew/rotate arrows and rotate the outer circle until you like the placement of the bottom text.
  14. Click on the outer circle again to bring back the regular sizing arrows.  Hold the shift and control keys, then click and drag one of the arrows until the bottom text is positioned against the inner circle.  My example isn’t the best, since the numbers are smaller than the upper case letters.
    Circle text06
  15. If you want the text in a circle, go to step 17.  If you want an oval instead of a circle, select both of the circles (but not the text), hold the shift key, and click and drag one of the top or side arrows until you like the shape of the ovals.
    Circle text07
  16. The text may shift slightly and the kerning may need adjusting.  See these posts on Cutting Time for more on text kerning.
  17. If you want center text, add that, then use either of the circles or ovals to align the text.
  18. Select the text and from the menu, Path/Union.
  19. Delete the circles unless you want to use them as part of your design.
    Circle text10
Advertisements

14 Responses to Text in a circle using Inkscape

  1. Elaine Cluett says:

    Heather I want to put text on the edge of a cupcake wrapper to cut on a cutting machine, how do I get it the same shape of the cupcake.

  2. christian says:

    Heather,
    The select tool puts both circles and text blocks in one selection, and the “text to path” won’t move the lower text.

    Thanks, and btw you’re a goddess for putting this info up.

    • HeatherM says:

      Hi Christian,
      If you use the Select tool with “click and drag” then everything that is inside the rectangle will be selected. You can either hold down the shift key while selecting to select multiple objects, or you can select everything then hold the shift key and click on what you don’t want selected to remove it from the selection. Use whichever one works best for your project.
      I’m not sure what is happening with your Text to Path. If you can’t figure it out, then more detail on the steps you’ve used would be helpful.
      Heather

  3. Laura says:

    I can’t select both type and circle at the same time

  4. joanne says:

    Heather I love your work. When you say we cannot share your work does that mean I cannot use your art on a card or project?

    • imagesbyheatherm says:

      Hi Joanne,

      Please Do use my files for your projects and gifts. I ask that the files themselves not be given away. I also ask that my free files not be used for commercial purposes. If you have a question about using a file for a specific purpose, please contact me. I rarely say no when asked.

  5. pd3244 says:

    thanks for the reverse-circle without selected text tip… I was losing hope. Very helpful!

  6. Suzanne says:

    This was so helpful…I just wrapped my team name around a tennis racket for an iron on.

  7. Karen says:

    Thank you so much for your tutorials. So much helpful information in one spot! Score!

  8. Therea says:

    awesome. i was trying to do the circle thing today. i used Word and FINALLY accomplished the task but would love to try this. Thank you.

  9. Colleen says:

    Heather I am loving this tutorial. But I am stuck on step 18. I am unable to click on the text to do the Object to Path. I can only select the outermost circle. When I tried to delete the circles it deletes the outermost circle then moves by bottom text. I am not sure what I am doing wrong.

    • imagesbyheatherm says:

      Colleen,
      Make sure that the selection tool is selected. Then you should be able to either click on the the text or click and drag the selection tool around the text to select it. Another option would be to just select everything and use Path/Object to path. The text must be converted to path before the circle is deleted or the text will go back to regular text.

Leave a Reply

Fill in your details below or click an icon to log in:

WordPress.com Logo

You are commenting using your WordPress.com account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: