Illustratorでベクターイラストをアピアランスを使って水彩風に加工していきます。
水彩風加工の条件を、

1．質感
2．アウトラインの揺れ
3．色合い

としてイメージに近づくようアピアランスを使って実現していきます。
アピアランスで作成しておくことで他のイラストへの適用も簡単に行えるのでぜひご覧ください。

今回のアピアランスの構造のポイントは塗りのパターンをオーバーレイで適用、こちらがテクスチャとなっており水彩風の質感を表現しております。
まずはこのシームレスパターンの作成をPhotoshopを作成するところからはじめます。

IllustratorではPhotoshopで作成したパターンをベクター化します。
画像のままであれば画像トレースなどを行う必要がなく工程がもっとシンプルなのですが汎用性を考慮してベクター化しております。

雲模様のシームレスパターンは水彩風加工に限らず質感を出したいときに幅広く有効なので他のイラスト・デザイン制作などにも役立ちます。

制作の流れ

主な工程は以下のとおりです。

シームレスパターンの作成

Photoshop

1. プリセットされているパターンの雲模様を150×150のドキュメントに配置
   →雲模様のサイズは128×128
2. CCライブラリ経由でIllustratorに送る

Illustrator

1. パターンを配置して画像トレース
   →カラー4色
2. パスの単純化
3. パターン化
   →パターンオプションのサイズを128×128
   →画像トレースの結果によっては重なりを調整

アピアランスで水彩風加工

Illustrator

1. ラフでアウトラインに揺れ
2. 光彩（内側）でアウトライン付近のコントラストを高く
3. 先程作成したシームレスパターンで質感
   →描画モード：オーバーレイ、不透明度：20％
4. 自然な色合いにするためオレンジの塗りを追加
   →描画モード：カラー、不透明度：30％
5. コントラストが高いので白の塗りで明度調整
   →描画モード：通常、不透明度：10％
6. グラフィックスタイルにアピアランスを登録、他のオブジェクトに水彩風加工を適用

※2．光彩（内側）はオブジェクトのサイズによって［ぼかし］の大きさを調整
※3，質感を強調したい場合は不透明度を高く
※4．5．は色の調整のため、オブジェクトの色を活かしたい場合は省いても可

制作ポイント

カラールックアップ

カラールックアップについて詳しく解説をしているので合わせてご覧ください。