Creating Outlines from Type in Illustrator and InDesign


Outlining Type in Adobe Illustrator and Indesign

Why Do We Need to Outline Our Type?

Before sending a file to a printer, there are a few important steps that must be considered.  One of those is making sure that the type in the document is turned into outlines.  If the printer needs to make an adjustment to the file (fix color, adjust bleeds, etc.)  and the type is not outlined, there could be font issues that cause the copy to change or re-flow.  Sometimes these changes may not be noticed until after the job is printed.  It is a very simple process that only takes a moment.  Once it is done, the type is turned from a type box to vector outlines and can no longer be edited.  This tutorial is for Adobe programs such as Adobe Illustrator or Adobe Indesign. Always remember to check your copy before converting to outlines, because it can not be edited afterward.

Outlines Versus Type

How to Create the Outlined Type

In the above Image, the top line of text is type while the bottom line is outlines.  As you can see the outlines no longer have editable type; they have the individual vector points of the outlined shapes.  In order to outline the type, one needs to select the type box as a whole so that it looks like the below image.

Selecting a Text Box

Then if you are on a PC, press CTRL + SHIFT + O, or if you are on a Mac, press CMD + SHIFT + O.  The type can also be outlined from the top menu by selecting “type” then selecting “create outlines” from the drop down menu.  Afterwards your type will turn to paths and look like this image below.

Outlined Type

Finished Type Outlines

Now the type is outlined and safe to send to the printer. Remember to check that the other parts of the document are ready to go to pre-press before sending it to your printer.  Outlined type can be helpful when creating typographical designs; it removes the need to work with type boxes and allows direct editing of the shape of the characters directly.

Design Tutorial: Offset Path Tool in Adobe Illustrator

Offset Path Tool for Adobe Illustrator

Using the Offset Path Tool in Adobe Illustrator

This tool is one of my favorites within Illustrator.  It does exactly as the name suggests, it creates a duplicate of an object with the path set off by a specified distance.  It can create replicas of different size with standard distances between the original and replica and easily creates concentric shapes. It is great for creating large or smaller versions of objects or creating outlines that are shapes.  It is also great for creating outlines around large groups of objects and creating shadows that are actual objects that can be edited independently from the object that would be casting the shadow.

Adobe Illustrator Offset Path Tool Dialog Box-Miter Limit Join Offset

How to use the Offset Path Tool

The offset path tool can be accessed from the Adobe Illustrator Menu from Object >> Path >> Offset Path. It will open the offset path tool box that asks what distance to offset the path, what type of joins for the corners and the miter limit. The distance used in the Offset field can be entered as a positive or negative which will make a shape that is either larger or smaller than the original.

Multiple Examples of the Offset Path Tool

Different Offsets

In the above image the offset path tool is used to create multiple concentric copies of the original shape in different sizes.  In the purple example I created a smaller concentric copy by using negative values, while in the blue example I used the a positive value to create a larger concentric copy.

The offset tool can even be used to create multiple copies that can sit within one another.  This effect is achieved by applying the offset tool twice as shown in the red and black example.

Illustrator Offset Path Tool Join Options Bevel Round Miter Ends

Different Join Types

The joins field in the offset path tool box modifies the type of angles the ends of the offset will have. There are three types, the miter which is a pointed corner, the round which is a rounded corner and the bevel which is a squared corner.

Differences between Miter Limits

 

Miter Limit

The miter limit is how far the points can extrude from angles in the shape. Below there is an example of a high and low miter.  The  default is “4” which isn’t always the best for more acute angles.  The second example with a miter of “20” actually allows for it to be much larger than what is displayed, so it is a bit of overkill.

 

Difference between Stroke and Offset Path in Adobe Illustrator

The Difference Between Offset Path and Strokes

A similar effect can be created by applying a stroke to an object but a stroke and offset path are not the same, although they can look similar. The offset path is a replica that is evenly distanced from the original all around while the stroke is just an outline of a path. Also while resizing an object, the offset path will keep the proportions while the stroke will keep the same stroke size regardless of object size. Above we have an image of a stroke and an offset path around a line of text that has been reduced in size.  Originally when the object was much larger they looked identical but as the object size changed more dramatically the stroke slowly became more out of place while the offset path still looks right. The stroke would have to be constantly adjusted or it would have to be outlined so that it can allow for size adjustments.

Creating Shadows with the Offset tool in Adobe Illustrator

Using the Offset Path to Create Shadows

Creating an offset path of an object is a very handy way to create a shadow for that object. In the above graphic I created a shadow for the word tool by offsetting the graphic and then expanding it slightly. Afterward I used the feather on the offset and matched the color to the background. It isn’t hard and can create a nice shadow that is fully adjustable as an independent object.

Down the Right Path

The offset path tool is one of those tools that you do not hear much about but packs a big design punch when it comes to usefulness. Beyond the basic utilization illustrated in this post, the offset path tool can be used to create unique effects that can vary depending on the shape or object.

Please share any tips or tricks you may have discovered while using the offset path tool in the comments section!