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

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

ライブペイントを使おう

Illustrator

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

使用ソフト: Illustrator CC2020  

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

準備

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

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

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

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

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

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

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

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

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

補足

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


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

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

関連記事

  1. 猫の顔を星型やハート型、ギザギザ模様に切り取った画像

    Illustrator

    Illustratorでクリッピングマスクをする方法

    みなさんクリッピングマスクはご存知ですか?クリッピングマスクとはある部…

  2. Illustrator

    オブジェクトの再配色を使って色に統一感を持たせよう!

    Illustratorでイラストを描いたのになんだか色の統一感がない.…

  3. Illustrator

    便利なヘルプ機能

    あれ?えーと・・・。どこだったっけ・・・?Illustratorや…

  4. 複合パス知識編

    Illustrator

    複合パスを掘り下げてみよう〜実践編〜

    複合パスについて掘り下げてみよう〜知識編〜につづき今回は【実践編】です…

  5. Illustrator

    ブレンドツールで水引を作ろう

    みなさん水引ってご存知ですよね?水引とは・・・紙をくるくるとひも状…

  6. Illustrator

    リサイクルマークを作ってみよう

    リサイクルマーク食品や飲料のパッケージ、工業製品などで見かけるリサ…

人気の記事

CodeCamp

おすすめの参考書

PAGE TOP