Skip to content

Overlapping Text in Adobe Illustrator

Overlapping Text in Adobe Illustrator

Overlap means to extend and partly cover something. Overlap letters are those letters in which one extends over and partly covers the preceding letter.

Today’s Illustrator tutorial is about an Overlapping letter in Adobe Illustrator.

Overlapping Text in Adobe Illustrator

Let’s begin with this easy to draw Overlap letter Tutorial.

Launch Adobe Illustrator and create a new document. Now follow the below mentioned easy steps:

Step 1

Select the Rectangle Tool and draw a rectangle the same as the size of the artboard. Then fill the rectangle with color #000000.

Overlapping Text in Adobe Illustrator

Step 2

Now select the Type Tool from the Tool Panel and type the text on the artboard. Change the Fill color to #ffffff.

Overlapping Text in Adobe Illustrator

Step 3

Now we will make the text an editable text. Select the text and press Shift + Ctrl + O to Create Outlines.

Overlapping Text in Adobe Illustrator

Let the text be selected and press Shift + Ctrl + Gto Ungroup the text.

Step 4

With the help of the Selection Tool, select the second letter, and drag it to partly cover the first letter. (See the image below)

Overlapping Text in Adobe Illustrator

Similarly, drag the remaining succeeding letters partly over the preceding letters.

The letters are now overlapped and now in further steps, we will fill color in the letters to create the Overlap effect.

Step 5

Now select the first letter and fill it with a black and white gradient.

Now double click on the Gradient Tool to open the Gradient Panel. Then select the white gradient slider and change its color to # ed1f24.

Then reduce the Opacity of black color to 50% and set the location of the Gradient Slider to 71%.


Similarly, fill the other letters also with the same gradient color.


This is how you can create Overlapping Text in Adobe Illustrator.

Now practice this illustrator tutorial and share your views in the comment section. Also, share this tutorial with others.

 You may want to learn this too : 

Overlap Letters in Adobe Illustrator


  • Vivi Designing

    Vivi Designing is a platform for people who are in love with design and are eager to learn for creativity and inspiration. We provide free design resources, articles, tutorials, techniques, and the latest trends in Adobe Illustration and Adobe Photoshop.

Leave a Reply

Your email address will not be published. Required fields are marked *