デザイン

【Illustrator】塗りつぶしでベクターイラスト素材を活かすアイディア

ベクターイラスト素材は、形(パス)と塗りつぶしで構成されています。

形を変えなくても塗りつぶしの色を変更することで、ベクター素材を何倍も活用することができます。

Illustratorで塗りつぶしの方法を変えて、ベクターイラスト素材を活用するためのアイディアを紹介します。

単色で塗りつぶす

元々がカラフルなイラスト素材は、単色で塗りつぶすと大きく雰囲気を変えることができます。

単色でイラスト素材を塗りつぶす編集の実例

単色でイラスト素材を塗りつぶしてみた実例をご紹介します。

編集前の素材
白く塗りつぶす前の素材

リボンの上に花のイラストが乗っている素材です。

このうち花のイラストを白く塗りつぶしてみます。

編集後の素材
編集後の素材

濃い色の背景にも自然になじみます。

スウォッチで塗りつぶす

スウォッチで塗りつぶすと、同じ形のイラストの印象を大きく変えることができます。

スウォッチとは

スウォッチとは、カラーや濃度(色合い)、グラデーション、パターンに名前を付けたものです。

たとえばイラストACではスウォッチ素材も配布されています。これらをIllustratorに持ち込んで使います。

スウォッチ素材のサンプル

配布されている高品質なスウォッチ素材でイラストを塗りつぶすと、がらっとイメージを変えることができます。

配布されたスウォッチ素材でオブジェクトを塗りつぶす方法

配布されたスウォッチ素材で、任意のオブジェクトを塗りつぶすための方法をご紹介します。

  1. 配布されたスウォッチ素材をIllustratorで開く
  2. 作業中のカンバスにコピーしたスウォッチ素材をペースト

これで好きなオブジェクトに、スウォッチ素材の塗りをスポイトで複製することができるようになります。

あくまで配布素材を使うための方法です。おそらく自作の場合はこれに限りません。

配布されたスウォッチ素材をIllustratorで開く

配布されたスウォッチ素材のデータを、Illustratorで開きます。

スウォッチ素材のキャプチャ

好みの素材を選択、コピーしましょう。

作業中のカンバスにコピーしたスウォッチ素材をペースト

自分が作業しているカンバスに、先ほどコピーしたスウォッチ素材をペーストしましょう。

スウォッチ素材をコピーしたカンバスのキャプチャ

スポイトでオブジェクトの塗りをコピーすることができるようになります。

スウォッチでイラスト素材を塗りつぶす編集の実例

スウォッチでイラスト素材を塗りつぶしてみた実例をご紹介します。

編集前の素材
編集前のイラスト素材

シンプルな黒いリボンの形を作りました。

これをスウォッチ素材で塗りつぶしてみます。

編集後の素材
スウォッチ素材で塗りつぶしたイラスト

とっても豪華なリボンに早変わりです。

クリッピングマスクでテクスチャを切り抜く

厳密に言うと塗りつぶすわけではありませんが、テクスチャ素材の画像をクリッピングマスクで切り抜くと、大きく雰囲気を変えることができます。

クリッピングマスクとは

クリッピングマスクとはIllustratorの機能のひとつで、パス(形)で画像を切り抜く機能です。

切り抜く画像によってさまざまな雰囲気を作ることができます。

テクスチャ素材の画像は豊富に用意されているので、自分の好きなものが選べます。

テクスチャ素材の画像をPhotoshop等で色味を変更すれば、また違った効果を得ることができます。

クリッピングマスクで画像を切り抜く方法

クリッピングマスクで画像を切り抜くための方法をご紹介します。

  1. パスと画像をアートボードに配置する
  2. レイヤーの上下関係を整理する
  3. クリッピングマスクを作成する

パスと画像をアートボードに配置する

パスを作成し、ファイル→配置から画像をアートボード内に配置します。

クリッピングマスクの方法

切り抜きたい画像が先ほど作成した丸のパスのすぐ下に来るようにします。

レイヤーの上下関係を整理する

パスのすぐ下のレイヤーに、切り抜きたい画像のレイヤーが来るようにします。

クリッピングマスクの方法

クリッピングマスクを作成する

パスとテクスチャの両方を選択した状態で、オブジェクトを右クリックするとクリッピングマスクを作成するという機能が表示されます。それを押してください。

クリッピングマスクの方法

クリッピングマスクを作成した後でも、柄となるテクスチャ素材を移動・拡大・回転することができます。

柄となるテクスチャ素材を増やす方法は以下の記事をどうぞ。

テクスチャ素材は色調補正でフリー素材をさらに活用しようなんだか思った通りの素材が見つからない。 そんな時はテクスチャ素材の色を変えることで解決することができるかもしれません。 テ...

使用するテクスチャ素材を入れ替えることもできます。

  1. テクスチャ素材を選択
  2. メニューのファイル→配置を押す
  3. 表示された画像選択画面の下の方にある、「置換」にチェックを入れて画像を選択。

クリッピングマスクでテクスチャを切り抜く編集の実例

クリッピングマスクでテクスチャを切り抜いた塗りつぶしてみた実例をご紹介します。

編集前の素材
編集前のサンプル
編集後の素材
クリッピングマスクの結果

水色の王冠のイラストができました。

番外:全体の色味を変える

塗りつぶしとは少し違いますが、イラスト素材の全体の色味を変えると大きく素材の印象を変えることができます。

水色のサンプル
【Illustrator加工】イラストの色を変えて素材を爆増させよう私はデザインをしてお小遣いを稼いでいるのですが、あいにく絵が描けません。本当に描けません。なのでイラスト素材は私の生命線です。 ダ...