How To Wrap Text Around A Circle with Adobe IllustratorHow To Wrap Text Around A Circle with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/11/text-around-circle-illustrator.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2019/11/text-around-circle-illustrator.png
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.
Now grab the Type on a Path Tool on the toolbar to the left of the screen.
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.
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.
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.
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.
You can now click and drag the thin blue line on the outer edge of the circle to adjust the rotation of the text.
And with that we are all set! We have successfully wrapped text around the outer and inner edges of a circle, using Adobe Illustrator!
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.
You might also like
How To Create Vector Halftones with Adobe IllustratorHow To Create Vector Halftones with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2020/09/vector-halftones-illustrator.png 800 470 Logos By Nick Logos By Nick https://logosbynick.com/wp-content/uploads/2020/09/vector-halftones-illustrator.png
I am a Photoshop user but I am also learning illustrator so this tutorial is quite useful for me, thanks! If you don’t have Photoshop or Illustrator you can still curve text online https://www.mockofun.com/tutorials/curved-text-generator