How To Wrap Text Around A Circle with Adobe Illustrator

How To Wrap Text Around A Circle with Adobe Illustrator 800 470 Logos By Nick

In today’s beginner tutorial I’ll be demonstrating how to wrap text around a circle with Adobe Illustrator. This method will also allow you to flow your text around any other object or shape that you’d like. To accomplish this we will be using the Type on a Path tool.

Become A Master of Inkscape!

Want to learn more about how Inkscape works? Check out the Inkscape Master Class - a comprehensive series of over 50 videos where I go over every tool, feature and function in Inkscape and explain what it is, how it works, and why it's useful.

The following is just a brief overview of the steps taken to wrap text around a circle with Illustrator. For complete step-by-step instructions, please watch the video tutorial at the top of the page.

Wrap Text Around A Circle with Illustrator

To wrap your text around a circle in Illustrator, simply grab the Type on a Path Tool and click on the circle that you’d like the text place around. This will place text around the perimeter of the circle that you can edit to your liking.

The first thing we’re going to do is grab the Ellipse tool, create a perfectly wrap circle, and align it to the center of the art board. This is the shape we’ll be wrapping the text around.

Circle centered on art board

Now grab the Type on a Path Tool on the toolbar to the left of the screen.

Text on path tool

Go ahead and click on the circle that you’d like to place your text around. This will add some placeholder text that you can change to your liking. You can also change the font, size, kerning, and or any other aspect of text that you would normally edit.

Placeholder text

By default, Illustrator is going to place the text around the outside perimeter of the circle. We’re going to change that so that the text is recessed halfway into the perimeter. To do that, navigate to Type -> Type on a Path -> Type on a Path Options. In the menu, toggle on the Preview and set Align to Path to Center. Now go ahead and click OK to finalize.

Path alignment

You can now rotate the text along the path by grabbing the Direct Selection Tool (A) and clicking and dragging the thin blue line sticking out from the edge of the circle.

Rotation line

The top half of the text is now complete. To create the bottom half of the text, we’re going to duplicate everything we’ve created so far by holding Alt on the keyboard and clicking and dragging the object.

Grab your Type Tool and change the text of the duplicated copy to whatever you’d like the bottom half of the text to be, then go back to the Type on a Path Options menu and check the box that says Flip. Go ahead and click OK. This should wrap your text around the inner portion of the circle.

Text wrapped around inner circle

You can now click and drag the thin blue line on the outer edge of the circle to adjust the rotation of the text.

Adjusted rotation

And with that we are all set! We have successfully wrapped text around the outer and inner edges of a circle, using Adobe Illustrator!

Finished text

If any part of these instructions we unclear then I would recommend you watch the full video tutorial at the top of the page. If you have any questions simple leave a comment below. As always, thanks for watching!

Logo Design Bootcamp

Learn how to design logos like a pro! Check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for brainstorming logo ideas and bringing them to life.


Logos By Nick LLC is a participant in the Amazon Services LLC Associates Program, an affiliate advertising program designed to provide a means for sites to earn advertising fees by advertising and linking to Amazon.com. As an Amazon Associate I earn from qualifying purchases. Read affiliate disclosure here.

Nick

Designer, content creator, and the founder of LogosByNick.com — an educational media platform for learning about graphic design.

All stories by: Nick
1 comment

Leave a Reply

Your email address will not be published.