ライブペイント


バージョンCS2から、ライブペイント機能が搭載されました。
手書きの線画など、通常オープンパス同士の組み合わせであっても、見た目で閉じていればその領域にカラー設定が出来ます。
ライブトレース機能と組み合わせて使えば、紙の上に描かれた線画や輪郭のハッキリした(例えば切り絵風な作品)をスキャンして、自由に色づけ可能でしょう。


 

ライブペイントの基本

通常のパス操作とライブペイント

操作の対象は「パス同士の組み合わせによって、区切られた線・領域」

Illustratorの基本はパスです。
パスの構造は「セグメント(線)と、それによって囲まれた領域(塗り)」です。通常1つのパスに対し、線と塗りのカラーを1つずつ設定します。複数のパスが交差していたとしても、個々のパスは独立に1つのパスとして線・塗りが施されます。
又、塗りのカラーが適切に設定される為には、多くの場合、そのパスが閉じている(クローズパス)必要が有ります。その為Illustratorでは、手書きの線画(普通はオープンパス)などに直接着色することは難しかったのです。

見かけ上の閉じた領域や区切られた線に対し、属性(カラーなど)設定

ライブペイント機能を使うことで、個々のパスは閉じていなくとも、その組み合わせによって、見かけ上閉じている領域や区切られた線を、あたかも独立した1つのパスとしてみなし、そこにカラー設定が出来るようになりました。
手書きの線画のように、一つ一つの線は閉じていなくても、その線の組み合わせで「見かけ上」閉じてさえいれば自由に着色が出来るようになった訳です。

 

  • それぞれの線は閉じていない(オープンパス)、適切な着色が出来ない(下左図)
  • 見かけ上閉じていれば、その領域にカラー設定が可能(下右図)

livepaint_1.png

ライブペイント操作

塗りのカラー設定

下図、ソース画像に対し、ライブペイント機能によって塗りのカラー設定を施します。
ソース画像の半円パスは、直線パスと本来独立して属性設定されるのですが、ライブペイントグループ化することで、2つのパスの交差によって、見かけ上閉じられた領域を属性設定の対象に出来ます。

 

  • tool_color.pnglivepaint_0.1.png
    1. オブジェクトを選択
    2. ライブペンとツールを重ねると「クリックしてライブペイントグループを作成」のメッセージが表示
    3. そのままクリック、ライブペイントグループに変換され、カラーボックスのカラーで着色される
    4. オブジェクトを移動(ライブペイントグループ化されているので、ダイレクト選択ツール使用)すると、塗りの範囲もそれに連動する

    線のカラー設定

    ライブペイントグループ化されたオブジェクトの、任意の線にカラーを設定します。
    この場合操作の対象は、1つのパスではなく、パスの交差によって区切られた線になります。つまり見かけ上区切られた線に対し、個別に線幅や線カラー等の属性を設定できます。

    1. ライブペイントグループオブジェクトの、意図する線に対し、Shiftキーを押しながらライブペイントツールでクリック
    2. クリックされた線に対し、線パネル、カラーボックスの値が適応される

    tool_line.pnglivepaint_0.3.png

    ライブペイントオブジェクトの選択

    ライブペイントオプション

    livepaint_option.pngライブペイントツールをダブルクリックして開く「ライブペイントオプション」で幾つかの設定が可能です。

     

    ライブペイントの応用

    以下、工事中


  • このエントリーをはてなブックマークに追加 Clip to Evernote

    トラックバック(0)

    トラックバックURL: http://illustrator-ok.com/mt-tb.cgi/70

    コメントする

    Illustrator 講座 INDEX

    Movable typeベースに移行完了

    ページの幅が広すぎて一括表示出来ない場合は、HOME 左側の「MENU」から、サイドメニュー無しの旧バージョンページを表示してご覧下さい。


    Illustrator イライラ・ストレス解消委員会 HOME

    基礎講座
    Digital
    Color
    Color覚書ー電磁波
    Digital picture
    実践講座
    First Step-Tutorial
    基本的な機能
    パス・ベジェ曲線
    PanelとMenu(旧Contents掲載)
    パスとオブジェクト
    パスの作成
    パスの編集
    Blend
    Mask・複合パス
    Gradation mesh
    Text
    Webとの連携
    Appearance(オブジェクトの外観)
    FAQ・Tips
    h