webデザイン

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

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

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

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

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

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

和装

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

彩度を落とす

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

ぼかしガウス

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

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

ハイパス

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

ハイパス調整

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

再度除算

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

乗算

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

選択

こんな感じに調整↓

修正

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

網目

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

網目大

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

ぼかし移動

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

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

ぼかしガウスで調整

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

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

鉛筆画アレンジ

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

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

ピックアップ記事

  1. 思わずクリックしてしまう画像でアクセスアップ!2番目に簡単なブログのアイキャッチ…
  2. 「ブロガーがこんなの読んだら反則レベルでしょっ、、」と思うくらい文章力が上がりそ…
  3. WordPressの使い方に迷ったらまずこの記事をチェック!すごく参考になる秀逸…
  4. photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  5. WordPress日本語有料テーマの決定版っ!TCDシリーズのまとめ

関連記事

  1. webデザイン

    フォトショップ初心者でもできる!プロ並みの画像合成で自然になじませる方法を解説。

    フォトショップを使用して合成画像を作りたいと思っても、自然になじませる…

  2. webデザイン

    境界線が複雑な模様やイラストを切り取りせずに合成する裏ワザ的フォトショップ【CS6】技術

    フォトショップで画像を合成させるためには、さまざまな切り取り方法がある…

  3. webデザイン

    Photoshopでネオン管が光っているような文字の作り方を解説

    歓楽街を歩いているとBARやライブハウスなどのネオン看板が夜の街を彩っ…

  4. webデザイン

    photoshopで縁取りを応用し素人っぽさから一歩抜け出すスゴ技を伝授。

    photoshopで文字などをデザインする際、レイヤースタイルの境界線…

  5. webデザイン

    フォトショップでアメコミ風に加工する所要時間たった3分のフィルター活用テクニック。

    フォトショップのフィルターを活用すると、画像を印象をガラっと変えること…

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

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

最近の記事

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

思考系のおもろい記事

ブログラ
  1. webデザイン

    photoshopで仕事をしたい人が身につけておきたい技術や使い方のまとめ。日本…
  2. フォトショップ

    見ているだけで「Photoshopの実践的な使い方が学べる」日本語解説付き動画の…
  3. 3分の話

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

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

    「特訓Photoshopプロのテクニック教えます!」という本のWEB版を『無料』…
PAGE TOP