【Photoshop】マーカーで描いたスケッチ表現ができるフォトエフェクトPSD

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

Adobe Photoshop（フォトショップ）で使えるマーカーペンで描いたスケッチ風の表現が1分で作れるフォトエフェクトPSDの使い方と作例をフォトショ初心者の方に詳しく解説します。
黒ペン描いたスケッチに先の太いマーカーで色を乗せた手描き表現が簡単に作れます。写真やイラスト、文字など、様々な要素に使える汎用エフェクト素材なので、バナーやポスター、印刷物のビジュアル作成などに使えますよ。

この記事の目次

何ができるの？

上記の様にペンとマーカーで描いたスケッチ風にできるフォトエフェクトのPSD素材です。鉛筆スケッチはよく見かけますが、マーカーを使ったスケッチ風はかなり珍しいのでオススメですよ！

マーカースケッチエフェクトの使い方

Photoshopでマーカーで描いたタッチにできるフォトエフェクトPSDの使い方です。
フォトショ初心者の方でも順に進めていけば完成しますよ！

Photoshopを導入しましょう

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

STEP.1

フォトエフェクトをダウンロード

マーカーペンスケッチ素材をダウンロードします。

サンプルは [ Marker Pen Sketch Photo Effect ] です。長辺が4500px、解像度300px/inchのエフェクト素材なので大き目の印刷物にも適していますよ。

STEP.2

Photoshopで開く

ダウンロードしたPSDT素材をダブルクリックするとPhotoshopで左図のような真っ白の画面が開きますが、これで問題ありません。

STEP.3

PSBを編集・保存

レイヤーパネルを開きます。
※非表示の場合は [ F7 ] で表示可。

最上部にある [ YOUR IMAGE HERE ] のレイヤーサムネールをダブルクリックしましょう。

別タブで [ Lines Effects2.psb ] が開きます。マーカー風スケッチにしたい写真などを配置しましょう。

サンプルは [ Portrait of young woman with curly hair in the city ]変更後は [ Ctrl + S ] (Mac：⌘ + S) で上書き保存します。

FINISH

マーカースケッチの完成

元のテキストエフェクトPSDのタブをクリックすると内容が変更されている事が確認できます。[ Marker Pen Sketch Photo Effect ] はPSB内を差し替えるだけで黒ペンとマーカーと描いたスケッチ風の表現が1分で再現可能です。

STEP.3のPSBに配置した画像に [ 背景を削除 ] を適用して人物以外をマスクした状態にすると、背景のマーカー表現を消す事ができます。

背景アリ、背景ナシを上手く切り替える事で表現の幅を広げる事ができますよ！

OMAKE

別の画像で試した結果

別の写真 [ Portrait of beautiful young black woman taking selfie. ] を追加した例です。Photoshopの知識や画力が無くても写真をマーカーで描いたスケッチ風へあっという間に変身させられるエフェクトですよ！

各種画像形式へ書き出す方法

【Photoshop】PSDをJPEGやPNG・GIF形式で書き出す方法forフォトショ初心者

先のPSD形式の粉雪テキストエフェクトをJPEGやPNG形式などで書き出す方法を解説しています。バナーやロゴ素材として活用する際に便利ですよ。

その他のスケッチ風エフェクト

その他の高品質で商用利用可能なスケッチ風の表現にできるエフェクト素材です。

#01 Watercolor Photo Effect

写真に水彩画風の質感を簡単に加えるテンプレート素材です。Photoshopで写真をアーティスティックな水彩画スタイルに加工・デザインする際に利用できる、ロイヤリティーフリーのテンプレートとなっています

ダウンロード

#02 Vintage Pencil Sketch Photo Effect Mockup

写真をレトロな鉛筆スケッチ風に見せるモックアップテンプレートです。Photoshopで画像を手描き風のビンテージアートに簡単に加工・デザインできます。

ダウンロード

#03 Pen Sketch Photo Effect Mockup

PSD形式のテンプレートで、写真を手描きペンのスケッチ風に加工してアーティスティックなビジュアルに仕上げられるモックアップ素材です。画像を簡単にペン線画風に変換・デザインする際に使える編集可能なテンプレートとなっています。

ダウンロード

#04 Ink Sketch Book Page Effect

Photoshopで使えるテンプレートで、写真や画像をインクスケッチ風の本のページデザインに加工するPSDエフェクト素材です。手描きインク画のような質感を簡単に再現でき、アートワークやブック風レイアウト制作に活用できます。

ダウンロード

#05 Comic Sketch Photo Effect Mockup

写真をコミック風のスケッチタッチに加工できるPSD形式のテンプレートで、白黒漫画のような手描き効果を簡単に演出できるモックアップ素材です。イラストをマンガ風にするのに最適ですよ。

ダウンロード

#06 Ink Painting Photo Effect Mockup

Photoshopで使えるテンプレート素材で、写真をまるでインク絵のようなタッチに変換できるモックアップエフェクトです。画像を手描きのインクペイント風ビジュアルに簡単に加工し、アートやデザイン作品に活用できます。

ダウンロード

おわりに

以上、Photoshop（フォトショップ）でマーカーを使ったスケッチ風にできるフォトエフェクトの使い方と作例でした。今回使用したエフェクトは [ Marker Pen Sketch Photo Effect ] です。

鉛筆スケッチ風のフォトエフェクトはありますが、マーカーでの表現は見かけないので非常に貴重です。仕上がりもリアル且つ高解像度なので、Webサイトのビジュアルやバナー素材、紙面のグラフィック素材など、様々なコンテンツに流用できる便利なPSDです。

上手く活用し、時短とクオリティアップを両立させてください！

ではまた！