Adobe認定トレーニングセンター

ライブペイントを使おう

Illustrator

簡単!!ライブペイントを使ってみよう

使用ソフト: Illustrator CC2020  

Illustratorでライブペイントがあるのをご存知の方は多いと思います。
でも実際使い方がよくわからない方も少なからずいるはず!!
今回そんな「ライブペイントを知っているけど使ったことのない」方向けになるべく詳しく解説をしていきます。

準備

イラストを描いてパソコンに取り込みます。
今回はこのイラストを描いてパソコンに取り込みました。
この際は写真およびスキャンしたもので構いません。
使う画像

1.Illustratorを開きイラストを配置

今回は[サイズ:A4][方向:縦][カラーモード:CMYK]で作業を進めます。
[ファイル]→[配置]から準備した画像を配置します。
配置の手順
配置しました。
イラストを配置

2.配置した画像をラスタライズします

[オブジェクト]→[ラスタライズ]を実行します。
ラスタライズ
[ラスタライズ]パネルが開いたら使用する用途に応じた解像度に設定します。
今回は[カラーモード:CMYK][解像度:高解像度(300ppi)][背景:透明]に設定をして実行します。
ラスタライズオプション

3.画像トレースを実行します

[オブジェクト]→[画像トレース]→[作成]を実行します。
画像トレース
その結果この様になります。
トレース結果
次にアートボード上部にある[拡張](トレースオブジェクトをパスに変換)を実行します。
この作業によりトレース部分が全てパスに変換されます。
拡張
その結果この様になります。
パスに変換
※トレース、拡張を実行した際に余計なアンカーポイントなどが発生した場合は[グループ解除]をした後、[ダイレクト選択ツール]でアンカーポイントを削除してください。

4.ライブペイントを実行します

パスに変換したオブジェクトを選択した状態で[オブジェクト]→[ライブペイント]→[作成]を選択して実行します。
ライブペイントメニュー
パネルメニューから[ライブペイント選択]ツールを選択します。
ライブペイント選択ツール
ターゲットになるオブジェクトにマウスが近づくと、赤枠が表示されます。
この赤枠が個々のペイント可能な領域です。
赤枠が表示
赤枠を選択すると「メッシュ」状に色が変化するのでこの状態になったら[カラー]パネルで色を変更していきます。
赤枠を選択後
この様に色を変更することが出来ます。
カラーパネルで色を変更
これを繰り返して色を変更していきます。
次々に色を変更
完成です!!
完成

補足

[ライブペイント]機能のもう1つ便利な機能があります。
[隙間オプション]機能です。
1つオブジェクトを準備しました。
角のパスが閉じられておらず隙間が空いています。
このままだと[ライブペイント]を実行しても隙間の部分は色の変更が出来ません。
隙間が空いている
色の変更が出来るのはここまでです。
色の変更
その時にオブジェクトを選択した状態で[オブジェクト]→[ライブペイント]→[隙間オプション]を選択します。
隙間オプション
[隙間オプション]パネルが開いたら[隙間の検出]にチェックを入れます。
チェックを入れると[検出された隙間]として隙間の数がカウントされます。
[許容サイズ][プレビューカラー]を任意に設定し[パスで隙間を閉じる]をクリックします。
隙間オプションパネル
クリックするとパスで自動的に隙間が閉じられました!!
自動的にパスで閉じられる
赤枠が表示されペイント可能な領域に変化しました!!
色の変更が可能になった
色の変更が可能になった
色を変更して完成です。
色の変更後
今回[隙間オプション]で使用したオブジェクトはシンプルでしたが実際は複雑な描画のオブジェクトが多いと思われます。
その際には[隙間オプション]の[許容サイズ]を[狭い隙間]か[カスタムの隙間]で試してみてください。


いかがでしたでしょうか?
ライブペイントを使いこなせればペンタブが手元に無くても手軽に描いたイラストを自由にペイントすることができます!!
是非一度使用してみてはいかがでしょうか?

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

関連記事

  1. Illustrator

    タブ機能を理解する

    複数の文字列があり、それぞれの文字列の特定の場所にスペースを設けて文字…

  2. Illustrator

    インド国旗を作ろう!その④

    今回はイラストレーター(Illustrator)で三色の旗を作っていき…

  3. Illustrator

    矢印の違いって?

    Illustrator使ってみたけど・・・。この矢印カーソル、黒と白で…

  4. Illustrator

    ぴったり並んだ「キャビア」(円)を描いてみよう!(W杯開催国ロシアの名産品)

    ワールドカップ2018が始まりましたね!今回の開催国はロシ…

  5. Illustrator

    文字ツール「山路を登りながら」を消す方法

    IllustratorCCで文字ツールを入力しようとすると何も文字…

  6. Illustrator

    波のような文字と段組み

    「パス上文字ツール」を使って波のような文字を書いてみようまずは、ペ…

Language

CodeCamp

最近の記事

  1. フラットデザインが簡単に作れるフリー素材イラストサイト3選
  1. Illustrator

    テキストの中にオブジェクトを配置する方法
  2. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    How to Create a Clipping Mask in Illustr…
  3. Illustrator

    破線・点線の作り方
  4. 複合パス知識編

    Illustrator

    Mastering the Compound Path – Part…
  5. 描画モードについて

    Photoshop

    Photoshop Blending Modes Descriptions -P…
PAGE TOP