Draw a Two-Layer Text Effect in Illustrator

Whether you’re a newcomer to Illustrator’s fantastic world, you’ll learn today how you can open a new document in this software and add a custom text to it. You’ll also learn how to work with various effects, linear gradients and elemental techniques from Illustrator. In the end, you’ll find out how to copy the properties of an object to another object. So, in total, you learn draw a Two-Layer Text Effect in Illustrator. We hope you take it to the end.

Create a new document and its settings

Press Ctrl + N at the same time to create a new document in the Illustrator software environment. The New Documentation Window opens to you.
In front of the Units section, select the Pixels option. In this way, the software tells you that you want the units of your document measurement to be based on pixels. Enter 850 In front of the width, and in front of the height. So you will have a square document of 850-pixel width & length document. Click Advanced or More Options (2017 edition) to open the relevant section. Choose RGB for the Color Mode, and Screen (72 ppi) for Raster Effects. Click the Create Document button to create a new document with the settings you entered.

Draw a Two-Layer Text Effect in Illustrator

Making background

From the Illustrator toolbar, select the Rectangle Tool.
In the toolbar, select the border margin and inside the rectangle as shown below. It means, the color of the rectangle is R = 241 G = 242 B = 252 and you do not have any color for the margin or stroke. Now click once on the application screen and on the document, and in the window that appears, select the Width and Height values at 860 pixels. Note that this square covers all of the document space on the canvas.

Draw a Two-Layer Text Effect in Illustrator

Text Adding

Step One: From the Illustrator toolbar, select the Type Tool (or press the T key from the keyboard.)

Go to Window—> Type—> Character to open the character panel in front of you.

Choose the Tw Cen MT Condensed Extra Bold font or any other custom fonts and set the size to 200 pt.

Consider the dot length of 240 pt.

Go back to the design page and click on it and start writing a word or phrase.

For example, we have written Blank Pages. For your post, choose a black color.

Draw a Two-Layer Text Effect in Illustrator

Step Two: Repeat with the same steps as in the first step, write a letter B, but this time, consider white, and put it exactly on the letter B in the word Blank Pages.

Draw a Two-Layer Text Effect in Illustrator

Step 3: Write other letters individually in white, and put the same letters in the Blank Pages word.

After it’s over, go to Window—> Layers to open the Layers panel.

Now remove the Blank Pages layer safely!

Draw a Two-Layer Text Effect in Illustrator

Contextual effect for the first letter

Step One: Select one of the letters and go to Window—> Swatches. In this window click on the None button to remove the color of the letter.

Now go to Window—> Appearance and then click the Add New Fill icon.

Go to Window—> Gradient, then press the G key on the keyboard and drag a horizontal line from left to right.

Now for the gradient markers, enter the colors with the codes in the image below.

(Be sure to click on the triangle in the upper left corner of the Gradient panel and select RGB.)

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Step 2: While the first one is still in the selection mode, go back to the Appearance panel (Window—> Appearance).

Once in the color picker box, click on the word Fill, and then go to Effect—> Stylize—> Drop Shadow.

In the window that opens, enter the settings in the image below.

Draw a Two-Layer Text Effect in Illustrator

Step 3: While the first one is still in selection mode, go back to the Appearance panel (Window—> Appearance).

Click the Add New Fill icon again.

Now select this new color and go to Window—> Gradient and apply the gradient with the color codes shown in the image below.

Then follow the Effect—> Distort & Transform—> Free Distort path and in the window that opens against you, move the four-cornered points of the first letter, which has the result like the image below.

Draw a Two-Layer Text Effect in Illustrator

Step Four: While the first letter is still in selection mode, go back to the Appearance panel (Window—> Appearance).

Click the Add New Fill icon for the third time.

Now select this new color and go to Window—> Gradient and apply a gradient on the left of the black color, but on the right there is a white color with Opacity zero.

Go to Window—> Transparency and reduce the opacity to 40% in this window.

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Step Five: While the first letter is in the selection mode, go back to the Appearance panel.

Choose Fill (Medium Box).

Click the Duplicate Selected Item icon in the bottom of the Appearance panel to generate a copy of this Fill.

Select this new Fill and reduce Opacity to 30%.

Go to Effect—> Distort & Transform—> Transform and enter exactly the settings in the image below and click OK.

Go to Effect—> Blur—> Gaussian Blur and in the window that appears, set Radius to 5 pixels and OK.

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Create various colors for other letters

Step 1: First, you need to copy all the settings that you entered in the Appearance panel for the first letter to second letter.

This can easily be done through the Layers panel.

Go to Window—> Layer to open the Layers panel. In this panel, you notice that in front of each layer, there is an icon in the form of a hollow circle. This icon is called Target.

Now, while pressing the Alt key on the keyboard, click the Target icon for the first letter and drag it to the Target icon for the second letter.

Now you can go to the Appearance panel and click on the colored boxes, while the second letter is in the selection box. Go to the Window—> Gradient panel individually for each one, as in the previous one, and enter the colors in the image below.

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Step Two: Repeat all other things you did in the previous steps for other letters. With the difference that in the gradient section, insert the colors in the image below.

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Draw a Two-Layer Text Effect in Illustrator

Step 3: Now copy all the features of the upper letters to the lower letters one by one.

Draw a Two-Layer Text Effect in Illustrator

In this tutorial, you learned Draw a Two-Layer Text Effect in Illustrator and how to apply a gradient or custom color to an object.

You also saw how to shadow an object. As we said at the beginning, this is a very useful and practical way for people who are new to Illustrator, making them one step closer to the deep design world of Vector in Illustrator.

Send us your design results to our site name.

Draw a Two-Layer Text Effect in Illustrator
4.6 (91.43%) 14 votes

0 replies

Leave a Reply

Want to join the discussion?
Feel free to contribute!

Leave a Reply

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