写真素材をイラストと合うように加工する【Photoshop】

写真素材はイラストや3Dの背景より
提供サイトが多く使いやすいのですが
アプリやゲーム・イラストの背景に使う場合
人物と合わせると浮いてしまうのが難点です。
そこで写真をイラストと合わせてもそんなに浮かないように加工します。

フィルターのみで一括変換

簡単に一括で変換できる加工なかで
アプリ・ゲームの背景によさそうなフィルターを紹介。

◆Photoshop「フィルター」→「アーティスティック」
「フィルター」の「アーティスティック」内のなにかをかけると
だいぶイラストっぽくなります。

フィルターなし

(イラスト:自作背景:写真素材 AreaE様)

フィルター : エッジのポスタリゼーション

フィルター : カットアウト

フィルター : こする

フィルター : 水彩画

フィルター : 粗いパステル画

フィルター : 塗料

フィルター : 粒状フィルム

この辺りのフィルターがイラストと合いやすいと思います。
また、いろいろなところから素材を持ってきた場合などは
同じフィルターをかけてまとめると統一感が出て良いと思います。

水彩画などは学園などのイラストには合わないかと思いますが
時代物・和風・ホラーなどアプリやゲームのテーマに寄っては良い味が出ると思います。

◆Photoshop「フィルター」→「ぼかし」
「フィルター」→「ぼかし」をかけるとフォーカスが人物に集中して
背景が浮かなくなります。

「フィルター」→「ぼかし」→「ぼかし(表面)」

表面でなくても問題はないのですが
表面は輪郭を少し残して表面をつるっとする感じがするので
写真をイラストっぽくするには良いと思います。

色調補正でくすみなどを取ってイラストに近い色合いにする

写真とイラストを比べると
どうしても写真のほうがくすんで見える時が多いです。
写真の彩度を上げたりくっきりとしたコンテラストの高い色合いに加工すると
イラストに近づきます。

◆レベル補正で明るく
「イメージ」→「色調補正」→「レベル補正」

左右の▲を移動して調整します。
写真は基本的に明るいので右の▲を左に移動します。
グラフの山がなくなる所あたりまで移動するのが基本です。
そうすると白飛びが強くなるので左の▲も少し右に移動するといいと思います。

◆「明るさ」「コントラスト」の調整
「イメージ」→「色調補正」→「明るさ・コントラスト」

これはシンプルに明るさなら右に▲を移動すれば明るく左に移動すれば暗くなり
コントラストなら▲を右に移動すれば高く左に移動すれば低くなります。
通常は良いと思うところまで右に移動すれば良いと思います。
夜っぽく加工したい……という場合などは逆に暗くする場合もある思います。

◆彩度を上げてカラフルにする
「イメージ」→「色調補正」→「色相・彩度」

こちらもシンプルに彩度の▲を右に移動すれば高く左に移動すれば低くなります。
色がくすんでいる分高くすると良いと思います。
ちなみに色相は「赤を青くしたい」というような「色味」自体を変更したい時に使います。
デザインではよく使いますが、写真に対して行うと奇妙な色合いになってしまいます。
「混乱」「迷走」を表現するためにわざと色みを変えると言う時は使えると思います。

(わかりやすくするため少し多めに彩度を上げています。)