【Photoshop】写真を鉛筆スケッチ風に加工する方法

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Photoshop（フォトショップ）で写真を鉛筆で描いたスケッチ風に加工する方法をフォトショ初心者の方に詳しく解説いたします。

デッサン力や画力は一切不要！
フォトショップを使った簡単な画像加工だけで写真をスケッチ風にする事ができます。

Photoshopに不慣れな方でも再現できるよう、詳しく作り方を解説いたします！

この記事の目次

何が作れるの？

Photoshopを使って上図のように写真を鉛筆で描いたようなスケッチ風に加工する事ができます。
画力ゼロの方でも問題無し！
サクッとスケッチ風に加工する事ができますよ。

鉛筆スケッチ風にする方法

それではPhotoshopを使って写真を鉛筆で描いたスケッチ風に加工する方法を解説します。
フォトショ初心者の方にも再現できるよう詳しく解説いたします！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

写真①を編集する

まずは写真①レイヤーの調整から進めていきましょう。

STEP.1

画像を読み込む

Photoshopに画像を読み込みます。
サンプルはコチラの画像を利用しました。

「ザ・ファブル」に登場する佐藤洋子のような美人さんですね。

[ スマートオブジェクトに変換 ] し、[ Ctrl + J ] でレイヤーをコピーします。
下から順に写真①、写真②という名称に変更しました。

STEP.2

ぼかし(ガウス)を適用

写真①レイヤーをアクティブにします。

[ フィルター ] → [ ぼかし ] → [ ぼかし(ガウス) ] を適用します。
半径：50.0pixel

レイヤーパネルを開き、フィルターの描画オプションをダブルクリックして開きます。

描画モード：除算

すると左図の状態にできます。

※分かりやすい様に写真②レイヤーを一旦非表示にしています。

STEP.3

エッジの光彩を設定

[ フィルター ] → [ フィルターギャラリー ] をクリック。
[ 表現手法 ] → [ エッジの光彩 ] を選択します。

エッジの幅：1
エッジの明るさ：6
滑らかさ：10

対象物の周囲に輪郭線が追加できました。

STEP.4

グラフィックペンを設定

[ フィルター ] → [ フィルターギャラリー ] をクリック。
[ スケッチ ] → [ グラフィックペン ] を選択します。

ストロークの長さ：5
明るさ・暗さのバランス：50
ストロークの咆哮：右上から左下

すると左図のような状態になります。

STEP.5

ぼかし(移動)を適用

[ フィルター ] → [ ぼかし ] → [ ぼかし(移動) ] を適用します。

角度：45°
距離：3pixel

左図の状態になります。

FINISH

白黒にする

[ イメージ ] → [ 色調補正 ] → [ 白黒 ] を適用します。
※ショートカットは [ Alt + Shift + Ctrl + B ] (Mac：Option + Shift + ⌘ + B) です。

設定値は変えず、初期設定のままでOK。

以上で写真①の設定が完了しました。

1分でスケッチ風にできるエフェクトPSD

コチラの記事で僅か1分でスケッチ風の表現ができるエフェクトPSDの使い方と作例を徹底解説しています。
エフェクトの制作時間はゼロ、プロの鉛筆スケッチ風加工がフォトショ初心者の方にも再現可能です！

風合いの違うスケッチ表現3種、カラーのスケッチ、白黒の鉛筆スケッチなど、複数のエフェクトが収録されたチートアイテムですよ！

写真②を編集する

次に写真②レイヤーを編集していきましょう。
Photoshop未導入の方は事前にフォトプラン公式サイト（月額は最安の1,180円）から入手しておきましょう。

STEP.1

写真②レイヤーを設定

写真②レイヤーをアクティブにします。

レイヤーの描画モード：覆い焼きカラー
不透明度：50%

STEP.2

ぼかし(ガウス)を設定

[ フィルター ] → [ ぼかし ] → [ ぼかし(ガウス) ] を適用します。
半径：30.0pixel

左図のような状態になります。

FINISH

白黒にする

[ イメージ ] → [ 色調補正 ] → [ 色相・彩度 ] を適用します。
※ショートカットは [ Ctrl + U ] (Mac：⌘ + U) です。

彩度：-100

すると左図のように白黒の絵になります。

全体の調整

STEP.1

レベル補正を追加

コントラストが弱いので色調整を行います。

[ 塗りつぶしまたは調整レイヤーを新規作成 ] → [ レベル補正 ] を追加。

シャドウ入力レベル：115
中間調入力レベル：0.6
ハイライト入力レベル：255

すると左図のようにコントラストが強くなります。

STEP.2

紙テクスチャを重ねる

紙テクスチャを準備します。
サンプルは [ 10 Paper Textures ] の7番目を活用しました。

テクスチャレイヤーの描画モードを [ 乗算 ] に変更。

FINISH

完成

以上でPhotoshopを使って写真を鉛筆で描いたスケッチ風に変更する事ができました。

更に高品質な鉛筆タッチのエフェクト

上記で解説した鉛筆で描いたスケッチ風のタッチを更に発展させた高品質なエフェクトPSDです。
全て商用可能！
フォトショ初心者の方でも文字を差し替えるだけでサンプルのようなプロ品質が出せるチートアイテム！
超短時間で高品質な作品制作を効率的に行いたい方にオススメですよ。

#01 Pencil Drawing Styles Text Effect Mockup

4つのタッチ、4つの紙テクスチャが収録された鉛筆タッチのテキストエフェクトPSDです。文字を差し替えるだけで高品質な鉛筆のスケッチ風のタッチが再現できます。

ダウンロードする

#02 Doodle Scribble Effect Mockup

ペンで描いた落書き風のタッチにできるテキストエフェクトです。複数のノートテクスチャも収録されており、ラフな手書き風タッチを再現したい時に便利な素材です。

ダウンロードする

#03 Pencil Sketch Effect Mockup

写真や画像をあっという間に手描きの鉛筆画のような質感にできるエフェクトモックアップです。もちろん商用利用可能、Webデザインやバナーデザイン、紙面デザイン等、様々な媒体に応用できる高品質かつ汎用的なテンプレート素材です。

ダウンロードする

#04 Photo Sketch Effect Mockup

見ての通り、写真加工とは思えない品質で鉛筆画タッチを再現できるエフェクトPSDです。長辺が4800pxもあり、非常に高解像度なグラフィックが作成できる高品質なエフェクトPSDです。

ダウンロードする

#05 Color Sketch Effects

カラーとモノクロのスケッチが再現できるエフェクトモックアップPSDです。指定のレイヤーの画像を差し替えるだけ、1分でサンプルのような仕上がりにできますよ。

ダウンロードする

#06 Chalk Writing Text Effect Mockup

黒板にチョークで描いたようなタッチにできるテキストエフェクトです。3種類のチョーク表現が可能、ぜひ持っておきたい素材の一つです。

ダウンロードする

#07 Chalkboard Chalk Effect

使い込んだ黒板に描いたチョークの質感が再現できるエフェクトPSDです。ブラシツールなどでラフに描いた文字やイラストを超短時間でリアルなチョーク風の表現にできますよ。

ダウンロードする

鉛筆タッチのエフェクト

【Photoshop】写真を鉛筆タッチにできるPSDエフェクト35選

【Photoshop】鉛筆で描いたスケッチ風テキストエフェクトの作り方

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）で写真を鉛筆で描いたスケッチ風に加工する方法でした。

フィルターの組み合わせと高品質な紙テクスチャで簡単にスケッチ風に変化させられます。
Webサイトやバナーのメインビジュアル、DTPデザイン全般など、幅広いクリエイティブで使えるテクニックですよ。

ではまた！