In this Illustrator tutorial, we will see how we can warp the text around a shape or an object. This technique will show you how to combine the text wrap and heart shape together to achieve the text wrap effect. This tutorial will concentrate on how to use Envelope Distort feature in Illustrator to achieve this effect.
You can choose any shape, fonts and words. Experiment with different shapes and words to see which works best. Also, if you are using more complex shape or curved lines just be careful that the words remain legible.
Make a heart shape with Pen Tool (P) with red fill colour or any colour you wish and set the stroke to None.
Choose the heart shape. Copy it by clicking Edit > Copy and paste using Edit > Paste in Front. Pick one of the heart and in the Layer Palette Hide and lock it by clicking on eye and lock icon. We will use it at the end of the tutorial again.
Now, we have to divide the heart shape into three different parts. Keep the Fill to None and set Stroke to white colour. Adjust the Stroke Weight (Window > Stroke Palette) to about 5 points. With the Pen Tool (P), draw two lines as shown in the figure below. You can also draw a slight curved line as well.
Ensure that the start and end points of the lines is outside the heart shape as indicated by blue circles. After each line press Ctrl/Command and click outside the shape to deselect.
Choose both the lines that we drew in Step 3 and go to Object > Path > Outline Stroke.
Then, Select All (Ctrl/Command+A) and go to Window > Pathfinder. Click the Subtract from Shape Area button while holding down Alt/Opt Key.
After that, choose the shape and open Object > Ungroup to ungroup. Now your heart shape should be divided in three parts.
NOTE: If you are using Illustrator CS3 and above, you can divide the shape with Eraser Tool (Shift + E). Double-click on the Eraser Tool to adjust the Diameter and other parameters. Pen Tool (P) will work better if you want to divide the shape into more complex curves.
With the Type Tool (T) type “STYLISH”. Press Ctrl/Command and click anywhere on the artboard to exit the text box. Then, type “TEXT”. Keep the font size around 150 to 190 Points.
Choose the word, “STYLISH” with Selection Tool (V). Select Object > Arrange > Send to Back (or right click on your letters while it is still selected).
Now, press Shift Key and with the Selection Tool (V) click on top heart shape and “VECTOR” and select Object > Envelop Distort > Make with Top Object. Keep the Smart Guides On (Ctrl/Comm + U) to help you see your shape if the letter gets hidden behind the shape.
Repeat the process mentioned in Step 6 with the word “LOVE”, pick it Send it to Back, then choose (with Selection Tool-V) the bottom heart shape and the letters while holding down Shift key. And navigate to Object > Envelop Distort > Make with Top Object.
If you wish to change the colours of the text, select them all (Ctrl/Commmand + A) and then open Object > Envelop Distort > Edit Contents.
Finally, unhide the heart shape that we have hidden and locked in Step 2. Click on the eye button to unhide it. Change its Fill colour to a shade of pink. Delete the unwanted shapes left over from the other heart shape as we do not need it..
|
|
|
|
|