【Photoshop】スケッチ風のテキストエフェクトPSDでロゴを1分で作る方法

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

Photoshop（フォトショップ）でスケッチ風のロゴデザインが僅か１分で作れるテキストエフェクトPSDの使い方と作例をフォトショ初心者の方に詳しく解説します。
ゼロから作成するにはフォトショップのスキルと制作の手間がかかりますが、当PSDを使えば誰でも１分あれば高品質なスケッチ風ロゴが作成可能！

Photoshopを始められたばかりの方、短時間でハイクオリティな作品制作を行いたい方にオススメのコンテンツですよ！

この記事の目次

何が作れるの？

上記の様にテキストやアイコン、写真などを鉛筆で描いたようなタッチにできるテキストエフェクトです。
制作時間はたったの1分！
フォトショ初心者の方でも高品質なスケッチ風の表現ができるPSD素材ですよ。

スケッチエフェクトPSDの使い方

Photoshopで使えるテキストエフェクトの使い方と作例を解説します。
フォトショ初心者の方にも再現できますよ！

Photoshopを導入しましょう

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

文字にエフェクトを適用する方法

STEP.1

テキストエフェクトをダウンロード

[ Pencil Sketch Text Effect Mockup ] をダウンロードします。
商用利用可能で高品質なPSDT形式のテキストエフェクト素材なので安心して活用いただけます。

STEP.2

Photoshopで開く

ダウンロードしたPSDTをPhotoshopで開きましょう。すると左図の様にSKETCHと書かれた画面が開きます。

STEP.3

レイヤーを確認

レイヤーを確認しましょう。
レイヤーが非表示の場合は [ F7 ] で表示・非表示が切り替え可能。

[ Edit Content ] と書かれたスマートオブジェクトがあります。
レイヤーサムネールをダブルクリックしましょう。

STEP.4

PSBを編集

別タブでsketch.psbというPSBファイルが開き、SKETCHと入力されたサンプルがあります。

[ 文字ツール ] を使ってお好きな文字を入力してみましょう。
文字を入力したら [ Ctrl + S ] (Mac：⌘ + S) で上書き保存します。

FINISH

完成

元のテキストエフェクトPSDを参照します。
すると文字が変更されている事が確認できます。

[ Pencil Sketch Text Effect Mockup ] を使えば誰でも僅か1分で非常に高品質な鉛筆スケッチ風のロゴデザインが作成できますよ。

文字だけでなく、アイコンを配置すると文字とアイコンを組合わせたスケッチ風のロゴデザインも作成可能です。
※アイコンは必ず透過にしておきましょう。

JPEGやPNGに書き出す方法

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

スケッチ風テキストエフェクトを使って作成したグラフィックをJPEGやPNGに書き出す方法を詳しく解説しています。

画像にエフェクトを適用する方法

STEP.1

テキストエフェクトを開く

テキストエフェクトは [ Pencil Sketch Text Effect Mockup ] を使用します。
先に解説したSTEP.4の方法でPSBを開きましょう。

STEP.2

PSBに画像を配置

お好きな画像をsketch.psbに配置します。
サンプルはコチラの画像を使用しました。

STEP.3

背景を削除

人物の背景を削除します。
[ コンテキストタスクバー ] → [ 背景を削除 ] を使えばワンクリックで背景を削除できます。

[ 背景を削除 ] は数秒で人物の切り抜きができるチート機能です。

STEP.4

2諧調化を行う

レイヤーパネル下部の [ 塗りつぶしまたは新規調整レイヤーを作成 ] → [ 2諧調化 ] を追加します。
※Photoshop画面上部の [ イメージ ] → [ 色調補正 ] → [ 2諧調化 ] でも可能。

すると左図のように白黒画像にする事ができます。

STEP.5

黒い部分のみ抽出する

写真のレイヤーをクリックしてアクティブにします。

[ 選択範囲 ] → [ 色域指定 ] で黒い部分のみ選択しましょう。

選択範囲が作れたら [ Ctrl + J ] (Mac：⌘ + J) で選択範囲のみをコピーします。
その他のレイヤーを非表示にし、黒い部分のみ表示させて他は透過状態にしておきます。

この状態で [ Ctrl + S ] (Mac：⌘ + S) で上書き保存をしましょう。

FINISH

完成

元のテキストエフェクトを参照すると人物をスケッチ風に出来ている事が確認できます。
[ Pencil Sketch Text Effect Mockup ] は文字をスケッチ風にする事に特化したテキストエフェクトですが、２諧調化で白黒画像にする事で写真にも応用する事ができます。

なお、左図のように写真をスケッチ風にする事に特化したエフェクトはコチラの記事で詳しく解説しています。
併せてチェックされてみませんか？

高品質なスケッチエフェクトPSD

商用利用可能で簡単にスケッチ風のエフェクトが作れるモックアップ素材です。
全てPSD形式なのでフォトショップがあれば誰でも簡単に再現可能。
[ Pencil Sketch Text Effect Mockup ] とは違ったスケッチ表現ができる超高品質なエフェクトばかり！

Pencil Sketch Effect Mockup

非常にリアルな鉛筆タッチの表現が可能な高品質なエフェクトモックアップです。
ポートフォリオのデッサンに載せると騙される担当者も出てきそうな仕上がりです。

ダウンロード

Expressive Pencil Sketch Photo Effect Mockup

鉛筆で描いたスケッチの様な表現ができるエフェクトです。
見ての通り非常にリアルでハイクオリティなエフェクトなのでオススメです。

ダウンロード

Industrial Sketch Effect

工業製品のスケッチに適したエフェクトです。色気のないドリルやフォークリフトがあっという間に変身します。
もちろん人物や背景にもピッタリですよ。

ダウンロード

Pencil Drawing Styles Text Effect Mockup

鉛筆で描いたような表現ができるテキストエフェクトです。
手書き風ロゴが超簡単に作れますよ。

ダウンロード

Super Sketch Effect

複雑なモチーフもあっという間に線画にできるエフェクトモックアップです。
線画は当PSDで作成し、塗りは別途クリスタ等で行うといった使い方もオススメ！

ダウンロード

Pencil sketch Drawing Poster

写真を線画風にできるエフェクトモックアップです。
手間のかかる線画をサクッと作り、軽く色を乗せるとカッコいいポートレートイラストの完成です。

ダウンロード

Pencil Drawing Photo Effect Mockup

画力ゼロでも写真から手描きの鉛筆タッチにできるエフェクトPSDです。

ダウンロード

Vintage Pencil Sketch Photo Effect Mockup

ヴィンテージな世界観で表現された鉛筆タッチエフェクトです。単なる写真に適用するだけで作品に仕上がります。

ダウンロード

Pencil Drawing Effect Mockup

タッチが粗めの手書き表現ができるエフェクトモックアップです。
元が写真に見えない仕上がりです。

ダウンロード

Color Sketch Effects

当記事で活用したスケッチエフェクトPSDで、カラーのスケッチ表現ができるエフェクトモックアップです。
写真加工とは思えない高品質な仕上がり！
白黒表現も可能です。

ダウンロード

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

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

その他の商用利用可能で高品質なスケッチ風のエフェクトのPSDモックアップです。
併せてチェックされてみませんか？

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

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

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

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

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

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

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

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

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

良質な素材をもっと見る

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

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

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

おわりに

以上、Photoshop（フォトショップ）のスケッチ風テキストエフェクトPSDを使ってスケッチ風のロゴを１分で作成する方法についてでした。

今回使用した [ Pencil Sketch Text Effect Mockup ] を使えば鉛筆で描いたようなスケッチ風のロゴデザインがあっという間に作成できます。
ゼロから作るにはPhotoshopの深い知識と制作の手間が必要ですが、テキストエフェクトPSDを使えば文字を差し替えるだけ！

高品質なクリエイティブを短時間で実現されたい方にオススメなので是非お試しください。

ではまた！

テキストエフェクトの作り方まとめ

Photoshopでテキストエフェクトをゼロから自作する方法、そして1分で超高品質で商用利用可能なテキストエフェクトが作れるPSD素材の使い方と作例を解説しています。
ロゴデザイン、Webデザイン、バナーデザイン、各種DTPデザイン、UIデザイン、ポートフォリオ制作等。幅広いクリエイティブに活用できる内容です。