How to Give a Hand Drawn Look to Your Vectors

使用ソフト: Illustrator CC 2018 (or CS)  

In this article, I’ll show you how to make your vector graphics look hand-drawn without using paper and pen.
It is actually very easy to do with Effect or Paintbrush!

1. Using Distort Transform “Roughen”

Roughen Panel
Go to [Effect] > [Distort Transform] and choose [Roughen].

In the pop-up, We can make [Points] sharp or smooth, and adjust the size of the Rough in [Options] and the number of [Detail].


Illustration of a rabbit

Illustration of a rabbit with Roughen applied

Top (Size: 0.4mm, Detail: 10/inches, Points: Smooth)

Middle (Size: 0.3mm, Detail: 85/inches, Points: Smooth)

Bottom (Same as the top, set to Width Profile 2 from the Stroke Panel)

Different numbers can change the look, so try different things.

2. Using Paintbrush Tool


Use the Watercolor brush (Brush Libraries Menu > Artistic > Artistic_Watercolor)
Illustration of a rabbit using Watercolor brush

Top (Size: 0.3mm, Detail: 85/inches, Points: Smooth, Brush: Artistic_Watercolor)

Bottom (Size: 0.4mm, Detail: 10/inches, Points: Smooth, Brush: Artistic_Watercolor)

Other brushes
Illustration of a rabbit using other brushes

The basic settings for all three are as follows
Size: 0.4mm, Detail: 10/inches, Points: Smooth

Add the following settings.
Top (Bristle Brush, Round Blunt)

Middle (set to Width Profile 6 with effect “Sprayed Strokes” from the Stroke panel)

Bottom (Chalk (hand-drawn))

(Adjust the Stroke Weight as needed after setting.)

The above can be applied to text as well as pictures, so try out different ways to do it.
And there are many more ways to do it, so it may be fun to find your own.

Illustration of a rabbit and flowers

  • このエントリーをはてなブックマークに追加
hulu dTV

Related post

  1. Illustrator

    Create Speech Bubbles in Illustrator

    Speech bubblesWe see speech bubbl…

  2. ハート、クローバー、スペード、ダイヤのオブジェクトの画像


    How to Use the Pathfinder in Illustrator

    In this article, I'm going to intro…

  3. シルクスクリーン
  4. Illustrator

    Adding Outlines to Images

    Here's how you can easily add outli…

  5. Illustrator

    Design a 3D object in Illustrator!

    I'd like to introduce you to useful…

  6. Illustrator

    How to Create 3D Designs

    Even if you're not very good at usi…



  1. 夜景
  2. 描画モードについて
  3. 描画モードについて
  4. ライブペイントを使おう
  5. 昔の映像風な画像加工をしよう
  1. 複合パス知識編


    Mastering the Compound Path – Part…
  2. Mac

  3. Photoshop

  4. 描画モードについて


    Photoshop Blending Modes Descriptions -P…
  5. Illustrator

    Tracing Hand Lettering in Illustrator