vividesigning.com is an E-learning website. We are making things easier for you to understand and learn in a fast and effective way.

How to create Melted Chocolate Text Effect in Adobe 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 Type Tool, Wrap Tool, Rectangle Tool, Ellipse Tool and few other tools and effects.

Melted Chocolate Text Effect in Adobe Illustrator

Open Adobe Illustrator and create 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).

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

Step 2

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Step 3

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

Similarly, unite the other letters also.

Step 4

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

Melted Chocolate Text Effect in Adobe Illustrator

Melted Chocolate Text Effect in Adobe Illustrator

Step 5

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

Now convert the opposite anchor point.

Melted Chocolate Text Effect in Adobe Illustrator

Melted Chocolate Text Effect in Adobe Illustrator

Step 6

Now we will make few duplicate copies, with the help of 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 Pathfinder Panel.

Melted Chocolate Text Effect in Adobe Illustrator

Melted Chocolate Text Effect in Adobe Illustrator

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.)

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

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

Melted Chocolate Text Effect in Adobe Illustrator

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.

Melted Chocolate Text Effect in Adobe Illustrator

So this is how you can create 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.
Share:

No comments:

Post a Comment

Follow by Email

Search This Blog

Translate