デザインするときにポップな印象にしたい時、
写真だと画面が浮いてしまい、なじみが薄い時があると思います。
でもイラストを描くことが出来ない、またはイラストを描くほどの時間がない時、
そんなあなたにお伝えします!!
写真からイラスト風の加工をすれば良いんです。
今回はphotoshopでのやり方をお伝えします。
photoshopのイラスト風加工方法
写真を用意しよう
先ずは写真を用意することから始めます。
当たり前かもしれませんが、イラストにしやすい写真素材やそうじゃないものもあるかもしれません。
この時点で切り抜きが必要なら処理をしていきましょう。
その方が後々の作業が楽になります。
線を抽出しよう
レイヤーをコピーして元の写真の上に追加します。
続いてそのレイヤーを、フィルター＞表現方法＞輪郭検出で線にします。
線が検出されたレイヤーの彩度を下げます。
描画モードを「乗算」にします
これで第一段階は終了です。もちろんこれだけでもビジュアルとして使用できるのでお好みに合わせて調整してみてください。
でも今回は【イラスト風の加工写真】が目的なので、このまま進めていきましょう！
写真の色を加工する
レイヤーをコピーして元の写真と線のレイヤーの間に追加します。
イメージ＞色調補正＞ポスタリゼーションで色を分割します。
階調数はお好みで。数字が少ないほどよりイラストっぽく見えます。
最後にイメージ＞色調補正＞カラーバランスで色を調整して完成です。
あとは図形を足したり、文字を足したり。
ちょっとベタ塗りの要素が入っていれば、それだけでイラストっぽさが増しますよ！
忙しい人向け！一発でイラスト化
これだけ加工の方法をお伝えしましたが、
実は一発で加工する方法も存在します。
写真を選んで切り抜きをするところまでは一緒です。
その後は下記の通りに進めていきます。
フィルターギャラリー＞アーティスティック＞エッジのポスタリゼーション
これでオッケー。
いかがでしょうか？
あなたはもしかしたら「もうこれ一択でよくない？」ってなってるんじゃないですか？
ただ、一発加工が便利な分、弱点もちゃんと存在します。
注意① カラーモードによっては使えない
基本的にRGBカラーの時しか使用することができません。
簡単にいうとパソコンの色表現には”webで使えるRGB”と”印刷で使えるCMYK”があって、
基本的にはwebで使用する画像しか作れないということです。
この問題を解決するやり方は色々あるのですが、
この二つのカラーモードがわからない人はちょっと難しいかもしれません。
注意② 調整が難しいこと
一発で処理をしてくれるということは、細かい設定もphotoshopにおまかせしちゃうということです。
そのため例えば、線の検出が好みじゃなかった時など、
加工が終わった後の修正がしづらいのが難点ですね。
最後に
いかがでしたか？
写真一枚で簡単にイラストを作成することができました。
背景がベタ塗り一色になるなど、
ポップなデザインの時が特にオススメです。
ぜひ活用してみてくださいね。
