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 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
- Nick Saporito
- no comments
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.
Learn How To Design Logos
If you want to learn how I come up with logo design ideas, be sure to check out my Logo Design Academy - an interactive 18-part video course where you will learn my entire creative process for coming up with logo ideas and implementing them.
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.
150+ Logo Templates
Need a professional logo but have a limited budget? Or are you a designer looking to add to your inventory of design elements? Check out my bundle of 150+ high quality logo templates, all designed by Yours Truly.
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!
You might also like
How To Export a PSD with Layers from IllustratorHow To Export a PSD with Layers from Illustrator https://logosbynick.com/wp-content/uploads/2019/12/export-layered-psd-illustrator.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
How To Batch Export Multiple Images from Adobe IllustratorHow To Batch Export Multiple Images from Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/11/batch-export-multiple-images-adobe-illustrator.png 800 470 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g
Create A Geometric Repeated Background with Adobe IllustratorCreate A Geometric Repeated Background with Adobe Illustrator https://logosbynick.com/wp-content/uploads/2019/07/geometric-pattern-1024x602.png 1024 602 Nick Saporito Nick Saporito https://secure.gravatar.com/avatar/d9a1bc4f29b2352da1ce14ad033328ab?s=96&d=mm&r=g