🎉 Try Slides With Friends — Zoom Trivia, Live Polls, Icebreakers & more! Check it out →
How to Make a Line Letter Effect in Illustrator

How to Make a Line Letter Effect in Illustrator

Illustrator Text Effects

You've probably seen many different logo designs with a lined text effect on it with wavy, rounded, or straight line styles. If you want to make your own letter design using this style, there are many different methods you can use in both Photoshop and Illustrator. But today, we will focus on how to make this line text effect in Illustrator using nothing but the default Illustrator tools. Although we can't edit the text once the effect is made, this one is for sure a nice style to use if you want to make an eye catching logo or typographic poster.

Step 1

Open Illustrator and make a new file at any size you want. In this case I will setup mine at 1800 x 1200 px.

Step 2

Select the Line Segment Tool (\) and draw a line from top to bottom as shown.

Step 3

Go to Window > Stroke. Set the stroke weight to 25 pt and be sure to have the following options selected.

Step 4

With the line selected, hold the Alt key (to make a copy of the line) and the Shift key to move the line a bit to the right as shown.

Step 5

Press Ctrl+D on your keyboard to repeat the "copy and move" command until you have many lines as shown.

Step 6

Go to Select > All and then to Object > Group.

Step 7

Go to Object > Transform > Rotate. Set the angle to -45º and click OK.

Step 8

Go to Object > Ungroup and then to Object > Path > Outline Stroke.

Step 9

Next go to Object > Compound Path > Make.

Step 10

Select the Type Tool (T) and type any letter you want but try to use a heavy weight font to get a better end result. For this tutorial, I will be using Montserrat Black.

Step 11

With your letter already in place, go to Type > Create Outlines.

Step 12

Go to Select > All.

Step 13

Go to Window > Pathfinder and click on the Intersect icon.

Step 14

Again, go to Object > Ungroup.

Step 15

Pick the Direct Selection Tool (A) and select the 2 bottom anchor points of the bottom right line as shown.

Step 16

Go to Object > Path > Average. Select "Both" in the Average panel and click OK.

Step 17

Again, with the Direct Selection Tool (A) select the 2 bottom anchor points of the next line and go to Object > Path > Average. Select "Both" in the Average panel and click OK. Repeat this process for the remaining lines.

Step 18

Lastly, and just to give the effect a nice finishing touch, with the Direct Selection Tool (A) select the two remaining corners of one of the lines. Click and drag over the circle you see inside the line until the corners become rounded and then simply repeat this process for the remaining ones.


Comments

X

You've successfully logged in!