Illustrator Tutorial: text wrapped in a shape

In this Adobe Illustrator tutorial we will wrap text inside an object or a shape. We will be using a balloon shape and text wrap effect to create the text in the shape of a balloon. Though we have used the balloon as a shape you can use any shape that you fancy, only remember to use a small word as it will work best.

For this tutorial we have used the Eacologica Round Slab font. You can grab this free font download directly from our main actionfonts.com website.

Step 1: Create the shape.

illustrator-tutorial-text-wrap-effect

For this tutorial we have selected a balloon shape, you can create any solid shape without a stroke.

Step 2: Create a duplicate.

illustrator-tutorial-text-wrap-effect

Now we need to create a duplicate of the balloon by selecting it, go up to Edit-> Copy and paste in front. This will create a copy of the balloon. Now drag one of the balloons outside the artboard area, we will be using it later.

Step 3: Divide the shape.

illustrator-tutorial-text-wrap-effect

Now we will divide the shape in two halves by using the pen tool. Keep the fill to none, and outline stroke to white with 5 points and create a line through the balloon shape. We need to keep the start and end points outside the shape.

Step 4: Create Outline stroke

illustrator-tutorial-text-wrap-effect

Now select the path we have just created and go up to Object->Path->Outline stroke.

Step 5: Subtract using Pathfinder tool.

illustrator-tutorial-text-wrap-effect

Select the shape and the path we have created, then go up to Window->Pathfinder and click the “Minus Front” Button.

Step 6: Ungroup object.

illustrator-tutorial-text-wrap-effect

Now select the balloon shape and go up to Object->Ungroup. This will divide the shape in two individual parts.

Step 7: Create text

illustrator-tutorial-text-wrap-effect

Use the type tool (T) and create two different texts like given below. Use a big blocky font. Then select the text layer and send it behind the shape by going up to Object->Arrange->Send to back.

illustrator-tutorial-text-wrap-effect

Step 8: Create Text wrap.

Now select both the text and top half of the shape layer, and go up to Object->Envelop Distort->Make with top object, to get the following wrapped effect!

illustrator-tutorial-text-wrap-effect

Step 9: Using the shape copy.

We are almost done with the effect, all we need is the drag the copy of the shape we created earlier and place it behind our wrapped text. You can even select the text and change it colour.

Now select both the text and top half of the shape layer, and go up to Object->Envelop Distort->Make with top object, to get the following wrapped effect!

Here you go, we have now wrapped text inside the shape. You can create this effect in almost any shape provided the shape does not have any open ends. For instance you can fill hearts, create a tube shape with the text and then wrapping it around a cylindrical object. It creates a great way to grab attention in posters.

Blog Categories