主にAdobeのソフト操作を紹介しています。DTPやWebの業務で役にたったことやツールのポイントなど参考になればと思います。 主観的なものもありますのでご了承ください!



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. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像


    How to Create a Clipping Mask in Illustrator

    Have you ever heard of Clipping Mas…

  3. Illustrator

    Drawing Straight Lines with the Pencil Tool

    The Pencil tool in Illustrator allo…

  4. Illustrator

    How to make a rainbow in Illustrator

    How many colors of the rainbow do y…

  5. Illustrator

    What is the “Offset Path” in Illustrat…

    What is the "Offset Path"?This fe…


  1. There is no registered post.