アクアリウムハジメマシタ!!

Photoshopで犬の画像をかわいく手描き風に加工する方法

Photoshopで画像を手描き風に加工する方法

Photoshopで犬の画像をイラストや絵画のような風合いに加工する方法をいくつかご紹介します。
写真ではリアルすぎるモチーフも、かわいいイラストのようなイメージに加工できます。

かわいいペットや旅行先の風景写真もイラスト風にして、待ち受け画像にするのも、ポストカードやちょっと質感のいい紙に出力をして額に入れてプレゼントしたりすることもできます。

画像のモードやサイズについて

Photoshopでフィルターを使い時のモードはRGBでないと適用されません。CMYKではこのフィルター自体かけられません。CMYKの画像もRGBに変更して作業を始めましょう。

画像のモチーフ自体は好きなものを選んでいただければいいのですが、画像のサイズはある程度の大きさが必要になります。解像度が72pxのものであるなら、できる限り大きめのサイズで左右1000px以上ある方がいいと思います。

Photoshopでかわいい画像を手描き風に加工する方法

横幅サイズ480pxの場合

サイズが640pxなどのサイズの画像になっているものもありますが、大きくないサイズの画像にフィルターで加工をかけると加工が大きく出てしまい繊細な調整がしづらくなるように思います。

フィルターギャラリーを使います。

今回加工する画像はこれです。

Photoshopでかわいい画像を手描き風に加工する方法

加工前の元画像

撮影画像を加工するなら色が飛びすぎない程度に明るめにし、コントラストを少しあげておくといいと思います。のっぺりした画像ですと効果がうまく出ない可能性もあります。

MEMO

・作業前に元画像をレイヤーで複製することをお勧めします。適用させると元の画像自体加工されてしまうので設定後、最初からやり直したい時にはその画像をヒストリーで戻すかコマンド+Z(1回分しか戻りませんが)するしかありません。
調節を変える都度、複製したもので作業をすればどの段階の設定が一番か見比べることができます。

フィルターを使う前に

上記で元画像を残してレイヤーを複製しておくことをお勧めしましたが、さらに修正をしやすくするために加工するレイヤーを「スマートオブジェクト」に変換しておいてください。

スマートオブジェクトとは
Photoshop や Illustrator ファイルなどのラスター画像やベクトル画像からの画像データを含むレイヤーです。スマートオブジェクトでは、すべてのデータ特性とともに元の画像のコンテンツを保持するため、非破壊編集を行うことができます。
Adobe Photoshop マニュアルより

Photoshopでかわいい画像を手描き風に加工する方法

レイヤー上のスマートオブジェクト

フィルター加工をしたスマートオブジェクトの画像レイヤーには「∧」がつきます。その矢印ををクリックすると左記のような項目が表示されます。
「フィルターギャラリー」の文字の部分をダブルクリックするとフィルターの設定パネルが表示され、再編集をすることができます。

スマートオブジェクトにしておくと元の画像を残しつつ、フィルターの加工を付与することができ、再編集も可能なので試しの加工も何度でも作れます。

フィルターギャラリ−の場所

Photoshopでかわいい画像を手描き風に加工する方法

フィルターギャラリー

上部メニューの「フィルター」→「フィルターギャラリ−」を選択します。

これを選択するだけで設定パネルが表示されます。

イラスト風にするフィルターはこれ

加工を施す画像の内容などによって数値や設定は変わるため、今回は設定パネルの細かな操作などは省略します。プレビューで確認しながら自分なりの絵を作りましょう。

粗いパステル画

Photoshopでかわいい画像を手描き風に加工する方法

粗いパステル画

「粗いパステル画」にはテクスチャを変更すると絵の質感が変わります。
Photoshopでかわいい画像を手描き風に加工する方法

粗いパステル画

色鉛筆

Photoshopでかわいい画像を手描き風に加工する方法

色鉛筆

「芯の太さ」を太めにしたのですが、犬の毛の部分がざっくりとした描き方になりました。
色鉛筆だけの設定がこの状態です。自分的にはもう少し手を加えたくなりました。
Photoshopでかわいい画像を手描き風に加工する方法

色鉛筆

パレットナイフ

Photoshopでかわいい画像を手描き風に加工する方法

パレットナイフ

リアルな意味でのパレットナイフはパレット上で絵の具を混ぜる道具です。お菓子の調理ではケーキにクリームを塗る道具と同じ形です。
Photoshopでかわいい画像を手描き風に加工する方法

パレットナイフ

粗描き

Photoshopでかわいい画像を手描き風に加工する方法

粗描き

これもテクスチャの素材が変わると雰囲気が変わり面白いです。
Photoshopでかわいい画像を手描き風に加工する方法

粗描き

水彩画

Photoshopでかわいい画像を手描き風に加工する方法

水彩画

ブラシの大きさなどを大きくすると、少しぽってりした水彩風にすることもできるかと思います。
Photoshopでかわいい画像を手描き風に加工する方法

水彩画

カットアウト

Photoshopでかわいい画像を手描き風に加工する方法

カットアウト

切り紙の貼り絵のような感じです。
Photoshopでかわいい画像を手描き風に加工する方法

カットアウト

グラフィックペン

Photoshopでかわいい画像を手描き風に加工する方法

グラフィックペン

細密画のような絵になります。基本1色の絵になる効果ですが、その色も黒ではなく左ツールの下部にある「描画色」で色を任意のカラーにできます。
Photoshopでかわいい画像を手描き風に加工する方法

グラフィックペン

油彩

以前にも紹介した油彩も「フィルターギャラリー」ではないですが、絵画風にできるフィルターです。

Photoshopでかわいい画像を手描き風に加工する方法

油彩パネル

「フィルター」→「表現方法」からの「油彩」を選択します。この画像では「形態」を低めに設定し、「光源」の調節でゴツゴツ感を少し足す感じにしました。
Photoshopでかわいい画像を手描き風に加工する方法

油彩

ちょっとアレンジを加えてみます。

上記で設定した「粗いパステル画」にレイヤーやテクスチャを重ねたりして少しアレンジを加えてみます。「粗いパステル画」フィルターは上記で紹介した内容と同じです。

Photoshopでかわいい画像を手描き風に加工する方法

レイヤー上でアレンジをプラス

レイヤーを重ねてイラスト感を足していきます。手順は下記に。
  1. フィルターをつけた画像レイヤーの下に新規のレイヤーを作り、全面に長方形ツールで長方形を作ります。長方形にレイヤースタイルの「パターンオーバーレイ」から「アーティストのブラシのカンバス」→「#10エクストラヘビー」を選択します。プレビューを見ながら「比率」を調節して布目の大きさを調整しましょう。
  2. 最初に設定した「粗いパステル画」のレイヤーを複製し、そのレイヤーの「描画モード」を「ソフトライト」に設定
  3. 複製で上に重なった方のレイヤーの「描画モード」を「ビビッドライト」にして、「不透明度」を60%に設定
注意

Photoshopのバージョンによってはパターンの中身が違うかもしれません。その時は普通に布地のフリー画像を使用しましょう。

出来上がりがこちらです。

Photoshopでかわいい画像を手描き風に加工する方法

背景に布地のテクスチャをプラス

そんなに難しい手順を踏むことなく重ねるだけでアレンジできました。
特に「こう設定しないと!」という決め事があるわけではないですし、上記の設定で全ての画像が同じようにできるわけではないので、加工したい画像によって自分なりの設定をしてみた方がいいと思います。
ぜひお試しください。