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

ライブペイントを使おう

Illustrator

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

使用ソフト: Illustrator CC2020  

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

準備

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

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

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

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

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

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

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

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

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

補足

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


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

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

関連記事

  1. Illustrator

    オブジェクトにトンボをつけよう

    トンボについて印刷物を作成する際に、仕上がりサイズや断裁する位置、…

  2. Illustrator

    手書き風イラストを作ろう

    ペンツールを使って作業をしている時、ちょっと一工夫ほしいなって思う時な…

  3. Illustrator

    地図をつくろう

    イベントPRのチラシなどに必ずあるのが地図です。1回作ってしまうと、何…

  4. Illustrator

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

    イラストレーター(Illustrator)でインド国旗を作る2回目です…

  5. 便利かも?チェック柄を作ろう

    Illustrator

    便利かも?チェック柄を作ろう

    「Illustratorでチェック柄を作りたいけど何かと面倒・・」…

  6. 印鑑風

    Illustrator

    使い方自由!!Illustratorで作るオリジナルスタンプ

    今回は様々な場面に使用できる簡単オリジナルスタンプについて解説します!…

Language

最近の記事

  1. 意外と知らない歯車の作り方
  2. アルミの質感を作ろう
  3. 寸法線の作りかた
  4. 印鑑風
  5. ホラー風の文字を作ろう
  1. Photoshop

    破壊処理と非破壊処理の違い
  2. Photoshop

    4つのマスクを使いこなそう!マスクの基本操作
  3. メビウスの輪

    Illustrator

    オブジェクトを組み合わせて立体感のある輪を作ろう
  4. Photoshop

    二つの画像を自然に重ねる
  5. 海外のフリー素材サイト

    Others

    美しい海外のフリー素材サイト19選
PAGE TOP