Creating Text Outlines In Adobe Illustrator

In Adobe Illustrator we can use text in our drawings. This text can be converted to outlines so we can treat the letters as shapes. When text is converted to shapes, we have access to the borders and fills of the letter shapes. We also have access to the anchor points and curves of the letter.

In this example, we have some text on the Artboard.

DraggedImage.75c29d50c82543b3b5742b4718871cd2.png

 

DraggedImage.513e590b99cd49d58b672949203e9590.png

With the text box selected, click on Type in the menu and select the option to Create Outlines.

DraggedImage.d45444c26dd94c91b4d11411d9b12a7b.png

At this point, the letters are no longer text. They are shapes and cannot be edited as text. The letters are also grouped. Before we can work with the individual letters, they need to be ungrouped.

DraggedImage.aa7e092d4ea647ee88b92b2b523dd0fe.png

Click on Object in the menu and select the ungroup option.

DraggedImage.01ad6786f9e64c57b26b004933d8f1d3.png

We’ll click once away from the selected letters and then click once on the letter M.

DraggedImage.95c76eb5374d4ae482115feeba48898d.png

When we hover the mouse over the letter, anchor points and curves will become visible.

DraggedImage.9b9e63809c374d25b9576c1f7b571358.png

Go to the toolbar and click on the direct select tool.

DraggedImage.338c2e6c660949f5a1de1782c08d9d86.png

Click on the letter to see the various anchor, path and curve points.

DraggedImage.533637a9389c47c386c908940c4ab3e1.png

All the curves are currently selected so if we click and drag on one of the curve points, all the curves in the shape will be affected. Click and drag on one of the curve points.

DraggedImage.f43bee53b26f41c5895fb53c1f953c2c.png

This will affect all the curves in the shape. We’ll undo this action by clicking Edit then undo in the menu. We can also use Command-Z on Mac or Control-Z on Windows.

DraggedImage.65c2ef69aac14073911cf6970cf4dc30.png

Let’s click on an anchor point to control that anchor point only. We’ll move the anchor point down.

DraggedImage.1a863cd50ba947cb8ffc3f6f3a83f862.png

Using the anchor points let’s change the line lengths and angles.

DraggedImage.f0910ae7d00842eaa2607c3ab5bdce36.png

If we want to change the curve associated with one anchor point, we need to select the anchor point first. The curve tool associated with the anchor will be displayed next to the anchor.

DraggedImage.6a7afaeeacdf4bf2b200872638df553a.png

We can use the curve tool to change the curve for this anchor point.

DraggedImage.abf1c0e30f364d84b944fd0ed9cc203c.png

Using a combination of anchor points and curves, we can change the shape of any letter.

DraggedImage.24701bec931048c09157a5696fb9b927.png

We can change the color fill and stroke. With the letter selected, go to the fill and stroke options. Select a color for the fill and another for the stroke.

DraggedImage.92744dace2ea4918a55888efc063aab4.png

We can adjust the width of the stroke.

DraggedImage.fa46613dd364406981fb733c4e9f55fb.png

Go to the stroke options and select a thicker stroke.

DraggedImage.6adcd5d539a246b4b66bfc54c67e9da9.png

Converting text to outlines gives us several options not ordinarily available.

Posted in Adobe Illustrator.