How to Use Live Paint in Illustrator

使用ソフト: Illustrator CC2020  

Have you ever used Live Paint in Illustrator?
In this article, we’ll explain it in detail for those who have never used it yet.


Draw an illustration and import it to your PC.
In this case, I drew this illustration and imported it.
You can use photos or scans of your illustration.
Illustration for import

1. Open Illustrator and place your illustration

This time, work with [Size: A4], [Orientation: Vertical], [Color Mode: CMYK].
Click [File] > [Place] and place your image.
Image is placed.
Place the image

2. Rasterize your image

Go to [Object] > [Rasterize].
Set up the resolution in the [Rasterize] panel.
In this case, we set [Color Mode:CMYK], [Resolution: High (300ppi)] and [Background: Transparent].
Rasterize option

3. Use the Image Trace

Choose [Object] > [Image Trace] > [Make].
Image Trace
The image will change like this.
After making Image Trace
Then select [Expand] (Convert tracing object into paths) at the top of the artboard.
This will convert all the traces to paths.
Tracing object was converted into paths.
Tracing object is converted into paths
*If you have extra anchor points when you expand the traced image, you can ungroup them and delete them using the [Direct Selection Tool].

4. Create a Live Paint group

With selecting object converted into paths, choose [Object] > [Live Paint] > [Make].
Live Paint command
Select the [Live Paint Selection Tool].
Live Paint Selection Tool
When the mouse is close to the target object, a red frame will appear.
You can paint the area individually.
Red frame will appear
When you select the red frame, the face color will change. Then you can use the Color panel to change the fill color.
After selecting a red frame
You can change the fill like this.
Change the color using Color panel.
Repeat this and change all fills.
Changing fill color
Final image

Learn more

There’s one more useful feature in [Live Paint].
It’s [Gap Options].
For example, I prepared this object.
The corner paths are not closed.
You can’t change the color of this object with [Live Paint].
There's a gap
Only other objects with the closed path can be changed in color.
Change the color
With the object selected, select [Object] > [Live Paint] > [Gap Options].
Gap Options
In the Gap Options panel, select the [Gap Detection] checkbox.
Then the number of gaps will be counted as “Gaps Found”.
Set the [Paint stops at] and [Gap Preview Color] to your liking, and then click [Close gaps with paths].
Gap Options panel
Then the gap was automatically closed with a pass!
The gap is automatically closed with a pass
Now you can paint it.
You can now change colors.
You can now change colors.
Change the color and you’re done.
After changing object's color
We used simple objects in this example, but you may use more complex objects in practice.
In that case, try setting the [Paint stops at] to [Small Gaps] or [Custom Gaps] in Gap Options.

How was it?
If you can master Live Paint, you can easily paint the illustrations without a pen tab.
How about trying to use it?

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

Related post

  1. Illustrator

    How to Make the Japanese Pattern

    Before we make the Japanese pattern…

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

    Drawing Straight Lines with the Pencil Tool

    The Pencil tool in Illustrator allo…

  4. Illustrator

    How to Easily Recolor in Illustrator

    In this article, I'll show you how …

  5. Illustrator

    How to Create 3D Designs

    Even if you're not very good at usi…




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


    Photoshop Blending Modes Descriptions -P…
  2. Illustrator

    How to Make a Spirograph in Illustrator
  3. 自動処理[バッチ]で作業スピードアップ


  4. Illustrator

    Design a 3D object in Illustrator!
  5. 左右で画面の明るさを分けたハンバーガー