【Illustrator】カートゥーンエフェクト！G○Aみたいなイラストを作る【Photoshop】

写真の下準備

①Photoshopでファイル→開くでサンプルの画像を開きます。

②画像サイズ（解像度）を変更します。イメージ(I)→画像解像度(I)を選択します。幅を2000pxに設定してOKをクリックします。

③レイヤーパネルの「背景1」をクリックします。そこから「Ctrl + J」を押してレイヤー1（背景1のコピー）を作成します。

写真をマスキング

写真の背景を削ります。

①クイック選択ツールを選びます。太さは40くらいで、人物を選択します。

②ペンの太さ、選択範囲の追加、選択範囲から一部除外を使い分けて丁寧に写真の選択範囲を調整します。

③選択ツールで人物を囲み終わったら、レイヤーパネルの「レイヤー1」をクリックします。すぐ下の「ベクトルマスクを追加」をクリックします。

レイヤーマスクが作成されます。

「背景」を非表示にすると、背景と人物が分離できたことが確認できます。

④「レイヤー1」のマスクを右クリックして、「選択とマスク」をクリックします。

選択とマスクが開きます。

表示を「黒地」に設定します。

エッジ検出を23px、グローバル調整の「滑らかに：」「コントラスト：」を設定してOKをクリックします。

⑤背景を選択します。塗りつぶしまたは調整レイヤーを新規作成を右クリックし、「べた塗り」を選択します。

白を選択してOK。

色調補正・油彩処理

①「イメージ(I)」→「色調補正(J)」→「シャドウ・ハイライト(W)」をクリックします。

シャドウの量(A)を35%に設定してOKします。

写真が明るくなります。

画像のイラスト化

①レイヤー1を「Ctrl+J」で1つ複製します。名前を「Poster Edges」に変更して、レイヤーの一番上に移動します。

②「Median」レイヤーを選択した状態で、[フィルター」 → 「フィルターギャラリー」 を選択します。

「アーティスティック」 → 「エッジのポスタリゼーション」を選択し、以下のように設定します。

③レイヤーパネルの「Medias」を選択した状態で、フィルターギャラリーの左端のマークをダブルクリックします。

描画オプション（フィルターギャラリー）が開くので、不透明度を60%に設定します。

画像にうっすらエッジがかかります。

④「Medias」レイヤーを選択した状態で、[フィルター」 → 「ノイズ」→「ノイズ軽減」 を選択します。

強さを10に設定(その他は0に設定)にしてOKをクリックします。

⑤「Medias」レイヤーを選択した状態で、[フィルター」 → 「シャープ」→「アンシャープマスク」 を選択します。

以下のように設定します。

⑥「Medias」レイヤーを選択した状態で、[フィルター」 → 「ぼかし」→「ぼかし（詳細）」 を選択します。

以下のように設定します。

ぼかしがかかります。

②「Median」レイヤーを選択した状態で、再度[フィルター」 → 「フィルターギャラリー」 を選択します。

「アーティスティック」 → 「カットアウト」を選択し、以下のように設定します。

③レイヤーパネルの「Medias」を選択した状態で、フィルターギャラリーの左端のマークをダブルクリックします。

描画オプション（フィルターギャラリー）が開くので、描画モードを「ソフトライト」に設定し、不透明度を50%に設定します。

とりあえず、Photoshopでの画像のイラスト化はこれで完了です。

Illustratorでベクター線を追加

ここまではYOUTUBEのHOWTO動画を参考にしてここまで作りました。まだまだGTAのイラスト感が足りないので、ベクター線を入れてみます。

①Illustratorを起動します。「ファイル(F)」→「開く」を選択し、作成したPhotoshopの「ｘｘｘ.psd」を開きます。

②レイヤーパネルから、レイヤーを新規作成します。「ベクター線」と「瞳」レイヤーを新規作成します。

③「ベクター線」レイヤーを選択します。その状態で、ペンツールをクリックします。黒、太さ3pt、可変線幅パネルを「均等」に設定します。

人物の絵をペンツールで囲います。

④GTAのパッケージをよく見ると、瞳に光沢がありますよね？楕円形ツールを使い、瞳と光沢を作ります。

以下のように、イラストチックになると思います。

次回

次回は趣向を変えてIllustratorを使って簡単な俯瞰イラストを作ります。

→【Illustrator】MacBookみたいなイラストを作る【pixelart】