DesignTips > > How to create marker daubed text

How to create marker daubed text

How to create marker daubed text

In this section you will learn how to create marker daubed text. This illustration looks as if it was doodled by hand. It looks easy but it can be time consuming to fill.

That time consuming task can be much simplified using “effects”. You can also make mascots look hand drawn with this. This tool can be applied for various mathods.

Step01 Draw text

Draw any text you like. Select a thick font as you need lines and parts to fill. Outline the text.

For further information on outlining text, refer to How to shape and modify texts using Illustrator.

Step02 Select the text line

Click a line of any text using the [Group Selection Tool], select a color (line) in control panel, and select all lines of the whole text.

Set the thickness of the lines 3pt in the appearance panel.

Step03 Modify text lines

To make the text look like hand written, deform the lines a little.

Keep selecting the lines, set it as shown above [Effects -> Path Transform -> Rough], and deform the lines a little. Then outline by clicking [Object -> Path -> Outline Path].

It still does not look hand-drawn, yet, it looks different when deformed a little.

Step04 Modify color

Like in Step02 click any color filled part using the “Group Selection Tool” to modify the color. Select color (fill) in the control panel. Select all parts, set the preference as shown above [Effect -> Stylize -> Doodle] and daub it with a marker.

Next, click [Object -> Divide Appearance]. If you stick out the color out of the line, it makes look more hand-drawn like. This already looks a doodle like with the 4 steps above.

For further information on appearance division, refer to What is divide appearance?

Step05 Change text color

Make the text more colorful. Select color for each letter in [Group Selection Tool]. If you would like it to be black and white, skip this step.

Step06 Create a frame

Create a rectangle over the text using the [Rounded Rectangle Tool]. Select [Effect -> Path Transform -> ZigZag] as shown above for a wavy rectangle. Divide the appearance.

Step07 Modify frame

How to create marker daubed text

To make the frame more hand-drawn like, deform it a little.

Set the preference as shown above [Effect -> Path Transform -> Rough] for a hand drawn like wavy shape. Divide the appearance.

Completed

The completed work looks like this when enlarged. This looks even more hand written like than the one in Step06. I also added color codes.

Done


I drew stars and circles for more doodled like impression. The primary colors make it even more like a child drawing.

This doodle effects depend highly on the settings. Be creative and create imaginative illustrations.

この投稿文は次の言語で読めます: Chinese (Simplified), Japanese

How to Create Halloween Jack O’ Lantern Illustration (Illustrator)
How to Create Halloween Ghost Illustration (Illustrator)
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white (monochrome) 3 (Photoshop CS5)
How to Create Retro Photo in Photoshop
How to convert a photo into black and white (monochrome) in 30 seconds 2
How to convert a photo into black and white in Photoshop 1
How to Create Retro Picture in Photoshop