In Adobe Illustrator Reshaping Text with an Envelope Warp

Warping text is fun because it allows you to give text a more interesting shape. An envelope warp lets you fit the text into a shape that you create or that is created for you. An envelope is an object that distorts or reshapes selected objects. You can use a preset warp shape or a mesh grid as an envelope, or you can create and edit your own by using objects on the artboard.

Select the Type tool in the Tools panel. Before typing, in the Control panel, change the font family to Myriad Pro (if it is not already chosen), the font style to Bold Condensed, the color to white, and the font size to 48 pt.
With the Type tool, click the poster below the two columns of text once.

Exact placement is not important. A text cursor appears.

NOTE

You may want to zoom in.
Type the word transform.

Select the Selection tool, and if the text overlaps the text in the two columns above, drag it down until it no longer does.

TIP

Tip: With the Type tool selected, you can temporarily switch to the Selection tool by pressing Ctrl (Windows) or Command (Mac OS).
With the text selected with the Selection tool, click the Make Envelope button in the Control panel. In the Warp Options dialog box, select Preview.

The text appears as an arc.

NOTE

Clicking the Make Envelope button creates an envelope object. The text is warped into a shape that you create with the Warp Options dialog box. You edit the text and shape independently.
Choose Arc Upper from the Style menu. Drag the Bend slider to the right to see it bend up further. You can experiment with many different combinations. Drag the Horizontal and Vertical Distortion sliders to see the effect on the text. Return the Distortion sliders to 0% when finished. Click OK when you have finished with this dialog box.


NOTE

The Make Envelope button does not apply an effect. It just turns the text into an envelope object. The same visual result is achieved by choosing Effect > Warp > Arc Upper. For more information about envelopes, see "Reshape using envelopes" in Illustrator Help.
Use the Selection tool to drag the envelope object (the warped text) so that the bottom of the transformed text is aligned roughly with the bottom of the two columns of text.

If you want to make any changes, you can edit the text and shape separately. Next you will edit the text "transform" and then the warp shape.
With the warped text still selected, click the Edit Contents button in the Control panel.

This is how you edit the text in the warped shape.
Using the Type tool, hover the cursor over the warped text.

Notice the blue line and blue "transform" text. The smart guides are showing you the original text. Click "transform" to insert the cursor, and then double-click to select it.


NOTE

If you don't switch to the Type tool and you double-click with the Selection tool, you enter isolation mode instead. Press Escape to exit isolation mode.
Type workout and notice that the text warps automatically in the arc upper shape.

Choose Edit > Undo Typing to return to the original text.

NOTE

It may seem strange that the text you are editing seems to float in the warped shape. It just shows you that the text is being forced into the shape, but it is still editable as text.
In the Control panel, change the Stroke Weight to .75 pt, and the Stroke color to Mustard. Press Escape to close the Swatches panel.


Notice that the attributes are applied to the warped text. Next you will edit the warp shape.
With the Selection tool selected, making sure that the warped text is still selected, click the Edit Envelope button in the Control panel.
Choose Bulge from the Select Warp Style menu in the Control panel. Notice the other options in the Control panel, such as Horizontal, Vertical, and Bend.

NOTE

You may have to move the warped text back to align with the bottom of the columns of text. Sometimes changing the warp style moves the text on the artboard.
Choose Arc Upper to return to the arc upper shape.

TIP

To take the text out of the warped shape, select the text with the Selection tool and choose Object > Envelope Distort > Release. This gives you two objects: the text and the arc upper shape.
Select the Direct Selection tool in the Tools panel. Notice the anchor points around the warped shape. Click to select the anchor point above the "n" in "transform." Drag it up to change the warp shape.

Choose Edit > Undo Move to return the shape to the arc upper shape.

Next you will add a drop shadow effect to the warped text.


Switch to the Selection tool and click "transform."
Choose Effect > Stylize > Drop Shadow from the Illustrator effects. In the Drop Shadow Options dialog box, change the Opacity to 30%, the X Off set to 3 px, Y Off set to 3 px, and the Blur to 3 px, and click OK.

Choose Select > Deselect, and File > Save.

Leave the file open.

thanks

Thanks!

Great Information / Tutorial........I always love changing the way my text is layed out on my projects. This will help me out on future projects.

thanks