In this tutorial, I am going to show you a quick way to create a hand drawn stipple text effect in Illustrator. 

 

Check out these awesome products:

Step 1: Create a new document and type out your message.  The font I am using here was created by MediaLab and can be found at Creative Market by CLICKING HERE.

stipple text effect in illustrator

 

Step 2: Expand your type (Type > Create Outlines).  Make a copy of this layer with the text.  Change the color of the bottom layer to a white fill with a black stroke.  Lock this layer.

 stipple text effect in illustrator

Step 3: Go to the new layer with a copy of the text, which should still be filled black.  With the pen, pencil or brush tool, draw a line that cuts through your letters horizontally. Make sure this line doesn’t have a fill.

 stipple text effect in illustrator

Step 4: Select the text and lines and through the Pathfinder, click on Divide.

 stipple text effect in illustrator

Step 5:  Select everything and ungroup (ctrl + shift + G). Delete the top portions of the letters.  The white fill/black outline letters from the layer below should be showing through.

 stipple text effect in illustrator

Step6:  Make a copy of the layer with the black parts of the letters. You can create your own stipple scatter brush by drawing out a few round shapes and creating a scatter brush with them, but to save myself some time, I am going to use the brushes from our Stipple Effect set.  You can find this set by clicking the button below:

Stipple Effect Brushes

 

Step 7: With the direct selection tool (A), select and delete all of the nodes except for the ones that make up the line between the white and black.

 stipple text effect in illustrator

Step 8: Make sure that you remove the fill and set a black stroke to these line segments and apply one of the stipple scatter brushes to them.

 stipple text effect in illustrator

Step 9:  Repeat this for all of the other letters. If it is quicker for you, you can always manually draw the lines out for the stippling.

 stipple text effect in illustrator

Step 10:  Make a few copies of these lines and apply the different stipple brushes to each one to slowly build up the effect.  Nudge each copy of the lines up once or twice to spread them out.

 stipple text effect in illustrator

Step 11:  Next, I go to the original white fill/black stroke lettering, make a copy of this layer and move it behind the main layer.  Apply one of the stipple brushes to the stroke of the main letters.

 stipple text effect in illustrator

Step 12: You can also create a new layer above all the others and using white for the stroke color, add some white stipple over top of the black areas.

 stipple text effect in illustrator

Step 13: You could also create a new layer below all the others, switch back to a black stroke and use the brushes to build up some more stippling in the corners of the letters.  I also added some at the bottom of the letters for a “shadow”.

 stipple text effect in illustrator

Congratulations, you are done.  Build up more stippling if you want, just have fun with it.

stipple text effect in illustrator

Check out these awesome products:

You may be interested in these sponsored products: