イラレでアナログ風のベクターイラストを作る|ストックイラスト制作

イラスト

こんにちは。
ねこちゃんです。

今回は、ストックイラストに出品するために、Adobe illustratorでアナログ風のベクターイラストを制作していきたいと思います。
ストックイラストに投稿しない場合でも、Adobe illustratorでイラスト制作を楽しんでみたいよという方にもご参考いただける内容かと思いますので、ぜひ最後まで読んでみてくださいね!

▼販売サイト選び~投稿(PIXTA)手順の詳しい解説は、こちらをご参照ください!

1.ラフを作成してから、下絵を作成する

まずは、ペイントソフトでラフを作成してアイデアをまとめていきます。
私は、CLIPSTUDIOを使用していますが、PNG(背景透過)で書き出しさえできれば、どのソフトでも全く問題ありません。

ラフができあがったら、新規レイヤーを追加して清書していきます。
この清書で作成する線画を基準にして、この後「下塗り」「線画(ベクター)」を作成していくことになるため、できる限り曖昧な個所は残さず完成に近いイメージで「下絵」を作成しましょう。

「仮の線画」が完成したら、PNG(背景透過)で書き出します。

JPEGなど、PNG以外で描きだすと「背景透過」にできず、この後の作業が非常にやりづらいので、必ずPNG(背景透過)にします。

2.下塗り作業

下絵をPNG(背景透過)で描きだしできたら、Adobe illustratorを起動し、描きだしたPNG画像(下絵)をアートボードに張り付けます。

レイヤー一覧のサムネをダブルクリックして、レイヤーオプションから画像の表示濃度を調整できます。必要に応じて表示濃度を調整しながら作業を進めていきます。

私は、ストックイラスト投稿のために「3900*5200px(RGB,300dpi)」でアートボードを新規作成しています。
※サイズ等は、自分の目的に適合するもので大丈夫です!

下絵をセットできたら、下絵レイヤ―の下に、レイヤーを新規作成して下塗りをしていきます。

基本的には、顔や髪などのパーツごとにレイヤーを分けていくのですが、この時に一つのレイヤー内に複数色のオブジェクトを作成しないように気をつけると、後々に色変更をする際などに作業が非常に楽になります。

塗りブラシツールの設定

下塗りには、「塗りブラシツール」を使用しています。
塗った部分が「線なし、塗りのみ」のオブジェクトになってくれるため、アウトライン化の必要もなく簡単に形を作ることができます。

塗りブラシツールのアイコンをダブルクリックすると、「オプション」ウィンドウが出てくるので、ブラシサイズや筆圧設定などを変更することができます。

下塗り作業後のワンポイント

塗りブラシツールで下塗りをした後、下塗りのオブジェクトを選択すると、上記のように、オブジェクトが分割されていたり、余分なアンカーポイントが残ってしまうことがあります。

まずは、
 ①「パスファインダー」>「合体」で、分割されたオブジェクトを統合し、
 ②余分なアンカーポイントはダイレクト選択ツールで選択しながら削除していきます。

余分なアンカーポイントは全てを一つずつクリックして削除しなくても、一塊になっているものであれば、1か所を選択してDeleteすると一塊のうちの残りのアンカーポイント全てが選択状態になるので、もう一度Deleateを押すだけで一気に削除できます。

また、下塗りの際に淡色や明色が多い場合は、アートボードをいったん透明表示にすると塗り残しに気が付きやすいです。

アートボードの透過表示
・上部メニュー[表示]>「透明グリッドを表示」
・ショートカットキー:Shift+Ctrl(Command)+D

というわけで、下塗りが完成しました!
この下塗りが色味のベースとなるため、この段階で色味をできるだけ調整しておきます!

3.影やハイライトを描き込む

下塗りが完成したら、新規レイヤーを重ねて影やハイライトを描き込んでいきます。

影の色は、カラーパレットから自由に作成しても良いのですが、
私は、下塗りに使用したカラーをスポイトで取ってから、暗くしたり明るくして調整しています。

スポイトで色を取り出す時、最前面に透過PNGを配置していると、透明色しかスポイトできなくなります。いったんPNGを張り付けているレイヤーを非表示にすれば、通常通りスポイトで色を取ることができます。

影とハイライトを追加することができました!

最後に、この状態では線画はPNG画像を貼り付けただけの状態なので、トレースして改めてベクターの線画を作成していきます。

4.ベクターデータの線画を作成する

線画の作成は、ブラシツールを使用していきます!
Adobe illustratorにデフォルトでセットされているブラシを使用してもよいですし、お気に入りのブラシをダウンロードしたり自作してもよいと思います。

▲PNGの線画画像を非表示にした状態です。

線の色は、黒っぽい色で主線にしてもよいし、塗りに馴染む色にして、線画なしっぽい雰囲気にしても可愛いと思います。

作業時は線画画像の表示濃度を薄くして、新規レイヤーにトレースしていきます。線画を単色ではなく、下塗りの色に合わせて色を変える時は、線画の色ごとにレイヤーを分割しておくと後で調整がしやすいです!
私は今回、線画の色を2パターンで作成してみました!

塗りブラシツールを使うと、ペイントソフトと似た感覚でベクターイラストを制作することができて、とても便利です!
イラレで気軽にお絵かきを楽しんでみたい方は、よければ参考にしてみてくださいね!

コメント

タイトルとURLをコピーしました