Melted Chocolate Text Effect in illustrator

Melted Chocolate Text Effect in Adobe Illustrator

In today’s typography tutorial, we will create a Melted Chocolate Text Effect in Adobe Illustrator. We will use the Type Tool, Wrap Tool, Rectangle Tool, Ellipse Tool, and a few other tools and effects.

Open Adobe Illustrator and creates a new document. Now follow the below steps:

Step 1

Select the Type Tool from the Tool Panel and type your text. The font style I have selected is Calibri (Bold).

Let the text be selected and press Shift + Ctrl + O to make the text editable.

Step 2

Let the editable text be selected and click on Object in the Menu Bar. Place the cursor on Path and select the Offset Path.

Now create an Offset Path of 10 pt and click OK.

Press Shift + Ctrl + G to Ungroup the editable text.

Step 3

After ungrouping the letters, arrange them as shown in the below image.

Now select a letter and its Offset Path and click on Unite in the Pathfinder Panel.

Similarly, unite the other letters also.

Step 4

Now press Shift + R to select the Warp Tool. With the help of the Warp Tool, we will create a melting effect on the letters.

Step 5

Now we will make a melting drop with the help of the Rectangle Tool and Ellipse Tool. Select the Rectangle Tool and draw a thin rectangle on the artboard.

Now select the Ellipse Tool and draw a small circle on the bottom side of the rectangle.

Select the rectangle and the circle and select Unite in the Pathfinder Panel.

Select the Direct Selection Tool and then select the anchor point shown in the below image. Now convert that anchor point into a smooth anchor point.

Now convert the opposite anchor point.

Step 6

Now we will make few duplicate copies, with the help of the Alt Key, of this melting drop and place them on the letters as shown in the below image.

Also, Unite these drops with the letters with the help of the Pathfinder Panel.

Step 7

Now select the Pencil Tool and select a stroke color other than black. Then draw a wavy line on the letters. (See the below image.)

Press Ctrl + A to select all the letters and the stroke line drawn. Now open the Pathfinder Panel and select Divide.

After dividing the selection, Ungroup them by pressing Shift + Ctrl + G.

Color Time

Now we will fill color in the letters. The letters are divided into two parts. Select the upper part of each letter and fill it with the color # 3c2415.

Then select the lower part of each letter and fill it with a gradient.

So this is how you can create a Melted Chocolate Text Effect in Adobe Illustrator.

If you enjoyed this tutorial then share your views in the comment section and also share this tutorial with others.