【Illustrator】カートゥーンエフェクト!G○Aみたいなイラストを作る【Photoshop】illustratorphotoshopデザインPhotoshopとillustratorで、人物の写真を使ってグランドセフトオートのパッケージみたいなイラストを作ります。次回カートゥーンエフェクト昨今、YOUTUBEでも写真をイラストチックにする方法が多々紹介されています。いわゆるCartoonEffect(アニメ効果)です。今回もPhotoshopとillustratorで作業をします。BEFOREAFTER以下のサイトから素材を拝借します。→パブリックドメインQデザインテクニック大全を参考に制作します。カエレバ楽天市場Amazon写真の下準備1Photoshopでファイル→開くでサンプルの画像を開きます。2画像サイズ(解像度)を変更します。イメージ(I)→画像解像度(I)を選択します。幅を2000pxに設定してOKをクリックします。3レイヤーパネルの「背景1」をクリックします。J」を押してレイヤー1(背景1のコピー)を作成します。写真をマスキング写真の背景を削ります。1クイック選択ツールを選びます。太さは40くらいで、人物を選択します。2ペンの太さ、選択範囲の追加、選択範囲から一部除外を使い分けて丁寧に写真の選択範囲を調整します。3選択ツールで人物を囲み終わったら、レイヤーパネルの「レイヤー1」をクリックします。下の「ベクトルマスクを追加」をクリックします。レイヤーマスクが作成されます。「背景」を非表示にすると、背景と人物が分離できたことが確認できます。4「レイヤー1」のマスクを右クリックして、「選択とマスク」をクリックします。選択とマスクが開きます。表示を「黒地」に設定します。エッジ検出を23px、グローバル調整の「滑らかに:」「コントラスト:」を設定してOKをクリックします。コントラスト:34%5背景を選択します。塗りつぶしまたは調整レイヤーを新規作成を右クリックし、「べた塗り」を選択します。1「イメージ(I)」→「色調補正(J)」→「シャドウ・ハイライト(W)」をクリックします。シャドウの量(A)を35%に設定してOKします。写真が明るくなります。油彩エフェクト無い問題について通常であればここから油彩を使いたかったのですが、当方のPCは32bitであって油彩が使えません。よって、それ以外の方法で油彩エフェクトを再現します。1レイヤー1を「Ctrl+J」で3つ複製します。分かりやすいようにこれから適用するフィルターごとに名前をつけます。Brush」「Cutout」としました。Brush」を非表示にします。フィルターギャラリーの画面になったら「アーティスティック」→「カットアウト」を選択し、以下のように設定します。レベル数4エッジの単純さ4エッジの正確さ2レイヤーの描画モードを「輝度」に設定します。Brush」レイヤーを選択して表示します。「ドライブラシ」を選択し、以下のように設定します。ブラシサイズ10ブラシの細かさ10テクスチャ3レイヤーの描画モードを「スクリーン」に設定します。3「Median」レイヤーを選択して表示します。「明るさの中間値...」を選択し、以下のように設定します。半径以下のように設定します。レイヤーの描画モードを「ソフトライト」に設定します。43つのレイヤーを結合します。Brush」「Cutout」レイヤーを選択した状態で「レイヤー」→「レイヤーの結合」をクリックします。5スマートオブジェクトに変換を行います。レイヤーパネルの「Median」(結合後)を選択して、右クリック→「スマートオブジェクトに変換」をクリックします。スマートオブジェクトPhotoshopやIllustratorファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。ゆがみ、変形、遠近法、ワープを適用することができます。画像のイラスト化1レイヤー1を「Ctrl+J」で1つ複製します。Edges」に変更して、レイヤーの一番上に移動します。「エッジのポスタリゼーション」を選択し、以下のように設定します。エッジの太さ(E)0エッジの強さ(I)1ポスタリゼーション(P)63レイヤーパネルの「Medias」を選択した状態で、フィルターギャラリーの左端のマークをダブルクリックします。描画オプション(フィルターギャラリー)が開くので、不透明度を60%に設定します。画像にうっすらエッジがかかります。強さを10に設定(その他は0に設定)にしてOKをクリックします。以下のように設定します。以下のように設定します。低いぼかしがかかります。「カットアウト」を選択し、以下のように設定します。レベル数(L)4エッジの単純さ(S)4エッジの正確さ(F)23レイヤーパネルの「Medias」を選択した状態で、フィルターギャラリーの左端のマークをダブルクリックします。描画オプション(フィルターギャラリー)が開くので、描画モードを「ソフトライト」に設定し、不透明度を50%に設定します。Photoshopでの画像のイラスト化はこれで完了です。Illustratorでベクター線を追加ここまではYOUTUBEのHOWTO動画を参考にしてここまで作りました。GTAのイラスト感が足りないので、ベクター線を入れてみます。1Illustratorを起動します。「ファイル(F)」→「開く」を選択し、作成したPhotoshopの「xxx.psd」を開きます。2レイヤーパネルから、レイヤーを新規作成します。「ベクター線」と「瞳」レイヤーを新規作成します。3「ベクター線」レイヤーを選択します。その状態で、ペンツールをクリックします。黒、太さ3pt、可変線幅パネルを「均等」に設定します。人物の絵をペンツールで囲います。4GTAのパッケージをよく見ると、瞳に光沢がありますよね?楕円形ツールを使い、瞳と光沢を作ります。以下のように、イラストチックになると思います。