webデザイン

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

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

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

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

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

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

和装

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

彩度を落とす

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

ぼかしガウス

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

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

ハイパス

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

ハイパス調整

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

再度除算

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

乗算

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

選択

こんな感じに調整↓

修正

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

網目

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

網目大

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

ぼかし移動

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

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

ぼかしガウスで調整

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

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

鉛筆画アレンジ

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

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

ピックアップ記事

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

関連記事

  1. webデザイン

    photoshopで立体を回転させるのはめちゃめちゃ簡単だった、、垂直方向が1分で完成!

    以前、こちらの記事で ⇒ これで解決っ!photoshopで壁から浮き…

  2. webデザイン

    TENコレクションシーズン3:デザインコンテスト第3弾 Surf in the Cityで受賞を頂い…

    私は現在、企業や組織に属することなく個人が創造性を発揮することで社会的…

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

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

最近の記事

  1. 「いつも締め切りに追われてしまう」そんな人がミッションを成し…
  2. Photoshop CCのメニュー文字やツールバーが異常に小…
  3. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単な…

思考系のおもろい記事

ブログラ
  1. SEO

    WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  2. コピーライティング

    「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. フォトショップ

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

    必読!安易に起業ブームに乗っかる前に…絶対に読んでおきたい【おすすめのビジネス書…
  5. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
PAGE TOP