webデザイン

photoshopで鉛筆画のような加工をしたいけどフィルターの輪郭検出じゃ納得できないという人のためのチュートリアル

写真を鉛筆画のように加工したい場合photoshopにはさまざまな方法があります。風景などの写真であればフィルター機能の輪郭検出だけでそれなりには見えますが、人物写真ではとても鉛筆画には見えません。

ここでは鉛筆画のディティールにこだわる人のためのチュートリアルをお伝えします、初めは少し時間がかかるかもしれませんが慣れれば5分程度です。

この鉛筆画のスキルをつけることで水彩画風や油絵風などの加工をする際にとても役立ち、応用範囲がめちゃめちゃ広がるのでしっかりとマスターしちゃいましょう。

鉛筆画のような輪郭を描くチュートリアル

人物写真を開きます。(今回は2800×2500pixelの大きめの画像を使用)

和装

背景を複製して彩度を落とし、さらに複製。モノクロレイヤーが2枚

彩度を落とす

最前面のモノクロレイヤーの描画モードを除算に変更(この時点で真っ白になるかも)、フィルターでぼかし(ガウス)をかけると輪郭が浮き上がってきます。良い感じになったらモノクロレイヤー2枚を統合

ぼかしガウス

この時点ですでに鉛筆画っぽい輪郭画像になっていますが、少し違うニュアンスの輪郭画像をもう1枚作ります。

統合した輪郭画像はいったん非表示。また背景を複製して彩度を落とし、今度はフィルターのハイパスをかける。

ハイパス

画面をみながらハイパスの半径を調整。

ハイパス調整

先ほどの工程と同じように、ハイパスをかけたレイヤーを複製し、描画モードを除算、フィルターでぼかし(ガウス)輪郭が浮き出たら統合

再度除算

先に作って非表示にしていた輪郭画像を表示し、描画モードを乗算ニュアンスの違う輪郭画像を重ねる)にして統合

乗算

肌の部分を選択ツールで選択し明度を上げる肌がキレイになればブラシで塗ったり消しゴムで消したりしてもOK)。

選択

こんな感じに調整↓

修正

肌がキレイになったらまた複製複製したレイヤーにフィルターのブラシストロークの網目をかける。

網目

ディティールはこんな感じ↓

網目大

この状態だと若干わざとらしいので、ぼかし(移動)で少し角度をつけちょっとだけぼかし、描画モードを乗算にする。

ぼかし移動

ぼかし(移動)をかけたレイヤーをさらに複製、描画モードを乗算から焼き込みカラーに変更、不透明度を60%程度に落とし、ぼかし(ガウス)をかける。

不透明度やぼかし具合などは画面を見ながら感覚で調整してみてください。

ぼかしガウスで調整

以下のように鉛筆画のような加工画像が完成したと思いますがいかがでしたでしょうか?

photoshopで作成した鉛筆画をアレンジしてみました。

鉛筆画アレンジ

今回の鉛筆画ちっくな画像を用いて水彩画のような加工をしたい方はこちらを参考にしてください。 ⇒ 関連記事:「これって写真だったの?」人物写真をphotoshopで手書き風の水彩画ちっくに仕上げるチュートリアル

スリームデザインの無料メールマガジン

ピックアップ記事

  1. 見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  2. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  4. フリーランスや起業家になる前にこれだけは理解しておきたい5つのマトリックス&チャ…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. webデザイン

    Photoshopスゴ過ぎだろっ!美女の正体は逆再生すると実はピザだった的な話題があったけど・・

    今更感まんさいですが・・「美女の正体は実はピザでした」ってことで話題に…

  2. フォトショップ

    白銀比ツールを活用したphotoshopでポスターレイアウトをするためのコツ

    黄金比・白銀比ツールを使いこなす構成要素に必要な画像素材を適当…

  3. webデザイン

    「コレがやりたかった!」GIFアニメ(動く画像)のPCモックアップ画像の作り方【Photoshop編…

    JPGなどの画像をパソコン画面にはめ込んだモックアップを作りたい場合に…

  4. フォトショップ

    photoshopで顔や肌のテカリをうまい具合に抑える方法。

    顔や肌のテカリを抑えるためにphotoshopのブラシなどで塗ったりし…

  5. webデザイン

    細部(ディティール)へのこだわりがWEBデザインに差をつける。Photoshop編

    魅せる伝えるヘッダーデザインを作成する5つの工程の5番目、ここでは⑤ …

Wordpress日本語テーマのまとめ
photoshop日本語チュートリアル

よく読まれている人気の記事

最近の記事

  1. 「特訓Photoshopプロのテクニック教えます!」という本…
  2. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  3. Photoshop CCのメニュー文字やツールバーが異常に小…

思考系のおもろい記事

ブログラ
  1. 3分の話

    柔軟な思考を大切にしたいクリエイター必読の5冊。私の頭をグニャングニャンに柔らか…
  2. SNS

    思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  3. webデザイン

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
  4. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  5. キュレーション

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
PAGE TOP