How to curve text in Illustrator: a step-by-step guide

Ah, the warpy, wavy wonder of curved text. Whether it's a simple arc for a basic logo or an edgy editorial layout, curved text can add a whole new level of style to your design.

Every designer needs to know how to curve text — it's one of the first things we learn! In case you're diving into this topic for the first time or just need a refresher, we've packed the tutorial below with everything you need to get ahead of the curve.

In this Illustrator tutorial, we'll guide you through how to add a curve to text in Adobe Illustrator using the warp effect, as well as how to write text onto a curved path. 

We'll also walk you through how to curve text in Linearity Curve in case you're looking for a simpler alternative to Illustrator. Last but not least, we'll seal off the tutorial with some examples to get your creative juices flowing.

What does it mean to curve text?

It’s quite simple: Curving text means transforming a straight line of text into a curved shape, such as an arc, circle, or wave.

Creating this effect is also sometimes referred to as bending text. So, if you're wondering how to bend text or how to make circle text in Illustrator, you're in the right place.

When to use curved text

Curving text is a common function in graphic design. In some cases, it will be necessary to fit the text inside a shape such as a logo. In other cases, it can bring some imagination and excitement to a basic design.

You'll find yourself curving text for all kinds of projects like:

• Shaping text to fit badges and logos
• Shaping text to fit packaging design
• Creating intriguing editorial designs
• Designing killer web pages and user interfaces
• Integrating text into an illustration.

How to add a curve effect to text in Adobe Illustrator

Creating this effect is very simple! All you need to do is:

• Open your Illustrator project and have the text that you intend to curve ready.
• Select the text with your selection tool, found on the left-hand menu bar.
• Now, in your top menu bar, navigate to Effect → Warp.
• When you hover over "Warp" in your effects menu, a list of warp options will appear. Each of them refers to the shape your text will be transformed into.
• From your list of warp options, select "Arc."
• A dialog box will now appear with further warp options based on the shape you have selected.
• In this dialog box, you can adjust the default settings in order to create the desired look.
• You'll be able to edit "Style," "Bend," and "Distortion.”
• "Style" refers to the shape you've chosen. In this case, it should read "Arc," but if you want to, you can change the shape of the text from here.
• The “Bend” slider allows you to choose which direction you wish to curve the text in. Moving it to the left will bend the text downwards, and moving to the right will bend the text upwards.
• You’ll notice that you have the option to select “Horizontal” or “Vertical” for your bend. Each has a vastly different effect, as seen below.
• Under "Distortion," you'll see two slider bars: one vertical and one horizontal. You can adjust these to twist and shape the text into intriguing distortions.
• You can preview your adjustments and, once you're happy, hit "Ok."

How to write text into a curved path in Adobe Illustrator

Adobe Illustrator

Instead of adding an effect to text, in this method, we'll be using the path tool and the type tool to type into a curved path. 

You can get more creative with this method and create any shape imaginable with the type on a path tool.

• Open your Illustrator project.
• Navigate to the ellipse tool in the toolbar on your left-hand side.
• Draw a circle with the tool. You can create a perfect circle by holding down "shift" while you drag the circle.
• Now, navigate to the "Text" tool in your toolbar. Hold the button down to expose the text tool options. You'll be able to choose from "Vertical Type" or "Type on a path."
• Select the "Type On A Path Tool."
• Next, click the circle you just created.
• Your cursor will now be activated for you to type. As you type, the text will mold to the path of the circle.

In these steps, we used the example of a circle; however, you can use the same method to type on the path of any shape. You can even use the pen tool to create a custom shape directly from your imagination. That's why this method gives you more creative freedom.

Try an Illustrator alternative: How to curve text in Linearity Curve

Linearity Curve has tons of features for crafting and refining typography — all super simple to use!

If you enjoy using a variety of design tools or you're looking for something simpler than Illustrator yet just as powerful, try creating the same project in Linearity Curve and see how you like it.

This method is quite similar to the method for typing on a path in Illustrator. Let's walk you through it:

Start by creating your shape, for example, a circle.

Once you're happy with the shape, activate the Text Tool.

• Drag out the text box and type your desired text inside.
• Make the necessary adjustments to your text using the Text options in the Inspector until you're happy with how it looks. You can explore the Linearity Font Library, access any Google Font you like thanks to the new fonts integration with Curve, or implement custom fonts into your design.

• After figuring out which font you want to use and editing the text, select both the circle and the text.
• Navigate to the Path Tab. At the very bottom of this tab, you'll see the Place Text on Path button.

• Your text will now mold to the shape of the circle. Easy-breezy.

You can use this method to place text on any path, from a basic shape to a custom shape you have drawn. Have fun with it.

Final thoughts

We hope this Adobe Illustrator tutorial has equipped you with everything you need to start curving text left and right. 

Speaking of curves, if you’re inclined to try an Illustrator alternative — maybe you’re looking for a more affordable or intuitive tool — then we recommend giving Linearity Curve a shot. 

Download it for free and put your newly acquired text curving knowledge to the test! 

Frequently Asked Questions