

Open the Stroke panel from the Window menu. Open the Swatches panel and set the Fill color to blue and the Stroke color to red. Now we need to change the color of this shape. (Note: If you see any stray points inside the shape, use the Ellipse tool to draw a shape over the points, select everything, and click the Unite icon again.) This shape will act as our outer border effect. (In Illustrator CS3, the Unite icon is called the Add to Shape Area icon, and after you click the icon, you also need to click the Expand button.) This will combine all the expanded shapes into one single shape. Click the Unite icon, which is the first icon under Shape Modes. Open the Pathfinder panel from the Window menu. This will expand the shape area out to the stroked area, making it a regular shape. With these objects still selected, go into the Object menu to Path and choose Outline Stroke. (In CS3, set the Fill and Stroke colors and the Stroke weight in the Control panel.) In Illustrator CS4, open the Appearance panel (under the Window menu) and set both the Fill and Stroke to black using the drop-down menu for each property. Move the duplicate off to the side of the artboard for now and reselect the original transformed text. Select all the distorted letters and create a duplicate of these letters just as we did earlier. Continue to do this to the remaining letters, varying the distortion and position of each.
#Add border to text illustrator free#
The Free Transform tool takes a little practice if you’ve never used it. Press-and-hold the Command key (PC: Ctrl key) and drag the corner to manipulate the shape of the letter. Switch to the Free Transform tool (E), and click-and-hold on the top-left corner of the transform box. First, make sure all of the letters are ungrouped (Object>Ungroup) and select the first letter with the Selection tool. For this we’ll use the Free Transform tool, which can be a bit tricky. Now we need to distort the individual letters. For the sake of visibility, set the Fill to white and the Stroke to black. Select the duplicated text with the Selection tool (V) and convert it to outlines by going under the Type menu and choosing Create Outlines. Click the Eye icon next to the original text layer to hide it. Just in case you want to go back and change the text later, drag the type layer in the Layers panel to the Create New Layer icon to duplicate the text object.

Once entered, scale the text as necessary. We entered “WOW” in all caps using the font Gill Sans Ultra Bold. Select the Type tool (T) in the Toolbox and click in the artboard to set a text object.

To begin this text effect, we must start with the most critical element-the text. By combining color and effects, you can create really fun and eye-catching text in no time at all. This time around, we’ll explore the many ways you can manipulate text in Illustrator.
