Free Shipping on Every In-Stock Order in the USA!

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator: Design Tips Post #7

how to type on a circle using the path type tool

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

The Mini-Design Series is an 8-week installment of useful design tips and tricks directly from our team of designers at LabelValue.com.

If you missed our previous posts, you can view them here:

Part 7 of our Design Mini-Series focuses on the path type tool. Specifically, how to create text following the shape of a circle. This is a useful skill when designing for circular applications such as circle labels, stickers, or round logos & brandmarks.

For the 7th installment, we will go over how to create circular shaped text fields in Adobe Illustrator.

What is a path?

To create text that follows a specific shape, it is important to understand first what a path is. A path can be defined as any line or shape made with the various tools offered in Adobe Illustrator. For example, using the pen tool to create a curved line can be considered an open path because the beginning point in the line does not meet the end point. A circle made using the ellipse tool can be considered a closed path because the beginning point is met and closed by the end point. You can use the “Path Type” tool on either of these types of paths.

So How do I Type on a Circle in Adobe Illustrator?

Now that we understand what a path is and they are created, we can begin our tutorial by making one. For this tutorial, we will be using the latest release of Adobe Illustrator CC, but any version of Illustrator will have this functionality. Let’s get started!

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

1. Begin by creating a new document in Adobe Illustrator. For this tutorial, we created a document that is 4” x 4”, with a 0.063” (1.6 mm) bleed and CMYK color mode. We will be using the basis of this design for a marketing label that will be printed. It is important to correctly set up your document for its intended use from the beginning. You will alleviate a lot of issues if you design with your finished project in mind instead of letting the design dictate the constraints of the project.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

2. With your new document created and opened, navigate and select the ellipse tool.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

3. With the ellipse tool selected, move your cursor to your artboard and click and release.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

4. An ellipse sub-menu will appear upon clicking on the artboard.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

5. Here you will determine the width and height of your circle. For our label, we are going to use a 3” x 3” circle. Once you have determined the size of your circle, click OK.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

6. Your circle will appear on your working area.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

7. What we need to do now, is align the circle to the center of our artboard. To do this, make sure your circle is selected, and navigate to your align panel located in the top toolbar of Adobe Illustrator.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

8. Make sure “Align to Artboard” is selected in the align panel dropdown.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

9. With your circle still selected, press “Horizontal Align Center” and “Vertical Align Center” in the alignment panel. This will perfectly center your circle in your artboard.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

10. With your circle centered and still selected, our next step it to select the “Type on a Path Tool.” To select this tool, go to your “Type” tool on the toolbar. Click and hold on the type tool to expand the type tool menu. Select your “Type on a Path” tool from the drop-down list.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

11. Your text tool icon will now change to display the “Type on a Path” tool.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

12. With your circle selected, and your type on a path tool also selected, move your icon over the circle’s edge and click. This will change the circle from a path with fills and strokes, to a path able to be typed on. This is shown by the Lorem Ipsum placeholder text automatically placed by Illustrator.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

13. Now we can edit our text on the circular path to the way we want it to look like. We will start by replacing the text to the copy we need for our design. To change your text, simply double click the placeholder text and begin typing.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

14.We will also enlarge and change the font from the default. Now is also a good time to change the color of your text. We went with our branded yellow for the text.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

15. We need to center our text on the circular path now. To do this, have your text selected and navigate to the paragraph panel in the top toolbar of Adobe Illustrator. Select the “Center Text” icon.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

16. Your text will now be centered, but its upside down. Luckily, Adobe Illustrator makes is very easy to control the position of text around a circle. There are 3 vertical lines on your text path. These control where your text path starts and begins on your circle. Simply select the first line and move it counter clockwise to begin positioning your text. The second line move clockwise to designate where your text should end. The vertical line on its own represents the center of your text path.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

17. We moved our text to be centered on the top of our circular path, but it is up to you and your design on where you decide to position your text. As you can see our 3 lines are evenly placed to give our text a uniform and even appearance.

How to Type on a Circle Using the Path Type Tool in Adobe Illustrator

18. Our finished design includes artwork that accentuates the overall design and plays to the shape of the circular text.

We hope this tutorial was useful and provided you with easy to follow instructions. Have any feedback, or need an answer to a design question you have? Give us a call or e-mail us at service@labelvalue.com, address the e-mail to “Graphics Team,” and we will get back to you with an answer shortly.
Follow us on our Facebook, Instagram, or Twitter, and be sure to look for more of our Design Tips coming up soon!



1