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

How to Make a Screen Print Offset Text Effect in Illustrator

Illustrator Text Effects

Quite the trend for a while now, the retro style of screen print offset texts has gained many fans around the world. We can see it being used on many different types of designs. There is, of course, a whole world to explore in this style, but today we will be focusing on a particular text effect that can be easily made in Illustrator (easier than in Photoshop). We will be using only the default tools and be done in less than 10 minutes. With this effect, you can adjust it to your liking without having to start the whole process again.

Step 1

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

Step 2

Select the Type Tool (T) and type your text using any font you want. In this case, and to make the effect even more noticeable, I will be using Heavitas at 300pt.

Step 3

Set both the Fill and the Stroke to "none" in the toolbar.

Step 4

With your text still selected go to Window > Appearance.

Step 5

Add a new Fill by clicking the "Add New Fill" icon.

Step 6

Click on the color thumbnail and set the Fill color to any color you want. In this case, I will use a Cyan color.

Step 7

Again, add a new Fill by clicking the "Add New Fill" icon.

Step 8

Be sure to select the top fill color. Click the color thumbnail, and in the swatches window click on the top right menu icon. From the dropdown menu select Open Swatch Library > Patterns > Basic Graphics > Basic Graphics Dots.

Step 9

Select any of the dots you like to add to your text. For this example, I will be using the "10 lpi 20%" pattern.

Step 10

Under the Fill thumbnail click on "Opacity" and in the transparency panel set the Blending Mode to "Soft Light".

Step 11

Select the Stroke in the Appearance Panel and pick any color you want. In this case, I will be using a Magenta color with the stroke set to 10pt.

Step 12

Under the Stroke thumbnail click on "Opacity" and in the transparency panel set the Blending Mode to "Multiply".

Step 13

Be sure to have the Stroke selected in the Appearance Panel and click on the "Add New Effect" icon. From the dropdown menu select Distort & Transform > Transform.

Step 14

Lastly, in the Transform Effect window, apply the following settings and click OK.

Some Final Notes:

With the effect already made, you can now easily change the text and font as you normally do in Illustrator. And if you want to change the colors, simply change the Stroke and Fill colors in the Appearance Panel like in the following example.


Comments

X

You've successfully logged in!