【Photoshop】滲んだインクのロゴが作れるテキストエフェクトPSD

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

Adobe Photoshop（フォトショップ）でリアルなインクの滲みが再現できるテキストエフェクトPSDの使い方と作例をフォトショ初心者の方に詳しく解説します。
ロゴデザインなどに最適なテキストエフェクトを活用し、短時間で高品質なグラフィック作成が実現可能！

アナログ感のあるロゴデザイン、タイポグラフィを実現されたい方にオススメのコンテンツですよ。

この記事の目次

何が作れるの？

上記の様なインク表現がフォトショップ初心者の方でも短時間で実現できます。出力画像のサイズは高解像度なのでWeb媒体や印刷媒体など、様々なメディアで使える汎用素材です。

インクテキストエフェクトPSDの使い方

それではPSD形式のインクテキストエフェクトを使ってビジュアルを作成してきましょう。

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はAdobe公式サイトから導入できます。（7日間の無料体験が可能、終了後は自動課金となるため、継続しない場合は期間内に解約してください。）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

インクエフェクトの編集方法

STEP.1

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

インクテキストエフェクトのPSDT素材をダウンロードします。サンプルは [ Ink Text Effect ] です。非常にハイクオリティなインク滲み表現が再現できます。

STEP.2

Photoshopで開く

ダウンロードしたインクテキストPSDT素材をダブルクリックするとPhotoshopで左図のような画面が開きます。
サンプルで「ink text」と入力されています。

STEP.3

文字を変更

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

[ Text Effect ] → [ YOUR TEXT HERE ] のスマートオブジェクトのレイヤーサムネールをダブルクリックしましょう。

別タブで [ neon.psb ] が開きます。お好きな文字を入力しましょう。アイコンなどの画像を配置しても構いません。

最後に [ Ctrl + S ] (Mac：⌘ + S)で上書き保存しましょう。

FINISH

基本的な編集が完了

インクテキストエフェクトのPSDタブをクリックすると画像が差し変わっています。以上でインクが滲んたロゴが完了しました。

[ Ink Text Effect ] を使えばアナログ感満載の滲んだインク風の表現が短時間で実現します。ロゴデザインやタイポグラフィに最適ですよ。

OMAKE

背景色を変更する方法

レイヤーパネルを開き、[ Fx ] → [ Gradient Map ] ををダブルクリックし、[ プロパティ ] を表示します。

プロパティ内のグラデーションバーをクリックすると諧調マップの調整ができます。
※グラデーションツールの使い方はコチラの記事で詳しく解説しています。

すると左図の様に背景色の変更ができます。お好きなカラーを設定しましょう。

インクテキストエフェクトを書き出す

STEP.1

書き出しを選択

[ ファイル ] → [ 書き出し ] → [ 書き出し形式 ] をクリックします。

※ショートカットは [ Alt + Shift + Ctrl + W ]
(Mac：Option + Shift + ⌘ + W)

STEP.2

書き出し設定＆書き出し

書き出し形式のダイアログ画面が開きます。左メニューに書き出し対象の画像一覧、右メニューに書き出し設定が表示されています。
サンプルは全画像をJPG形式で書き出します。

設定後は右下の [ 書き出し ] をクリック。

STEP.3

書き出しの完了

以上でインクテキストエフェクトをJPG形式で書き出す事ができました。[ Ink Text Effect ] は文字を差し替えるだけで非常に高品質なインクの滲み表現ができるテキストエフェクト素材です。
ロゴデザインに適した素材なので是非ご活用ください。

高品質なインクテキストエフェクト素材

その他の高品質なインクテキストエフェクト系のPSD素材を厳選しました。
ロゴやタイポグラフィだけでなく、各種キービジュアルやメインビジュアルにも使えますよ。

#01 Modern Edge Grunge Ink Text Effect

グランジ感のあるインクのかすれや滲みを加え、文字に荒々しくエッジの効いた質感を演出できるテキストエフェクト素材です。ロゴをはじめとしたグラフィックに最適ですよ。

ダウンロードする

#02 Ink Stamp Text And Logo Effect Mockup

インクスタンプ特有のかすれやムラ、にじみを再現し、文字やロゴに手押し印刷のような質感を加えられるモックアップ素材です。ヴィンテージ感やクラフト感のあるデザインに向いています。

ダウンロードする

#03 Ink Stamp Text Effect Mockup

スタンプを押したような不均一なインク感や擦れを表現し、文字にアナログで素朴な風合いを加えられる素材です。レトロ調のロゴやタイトル制作に向いています。

ダウンロードする

#04 Vintage Blur Logo Design Effect

ヴィンテージ印刷のようなぼかしやにじみ、色ズレを加え、ロゴや文字にレトロで味のある質感を演出できるデザインエフェクト素材です。

ダウンロードする

#05 Ink Painting Photo Effect Mockup

写真にインクで描いたようなにじみや筆跡を加え、アート作品のような表現に仕上げられるフォトエフェクト素材です。写真を印象的で手描き感のあるビジュアルに加工できます。

ダウンロードする

#06 Ink Splatter Portrait Effect

複数のインクしぶきのパターンが収録されたインクスプラッターのポートレートエフェクトPSDです。画像を差し替えるだけ、1分あればサンプルのような作品が作れる優れもの！4000px x 3000pxと高解像度なので印刷用途にも最適です。

ダウンロードする

#07 Worn Stamp Effect

まるでスタンプのような質感を再現できるエフェクトPSDです。周囲の文字は編集可能、中央に配置する画像があれば簡単にオリジナルスタンプが作成できますよ。

ダウンロードする

#08 Ink Print Text Effect Mockup

印刷時に生まれるインクのにじみや擦れ、わずかなムラを取り入れ、文字にアナログ印刷ならではの質感を与えられるテキストエフェクト素材です。

ダウンロードする

その他インク系エフェクト

【Photoshop】写真をペン画風にしてインクしぶき内にデザインする方法

コチラの記事で様々インク表現ができるエフェクトPSDを紹介しています。併せてチェックされてみませんか？

おわりに

以上、Photoshop（フォトショップ）で滲んだインクの表現ができるテキストエフェクトの使い方についてでした。リアルなインク滲みをゼロから作るのは非常に難易度が高いですが、[ Ink Text Effect ] を使えば高品質かつ短時間で実現可能です。使い方もスマートオブジェクトの中身を差し替えるだけ！

手軽にアナログ感溢れるインク滲み表現が再現できます。ロゴやタイポグラフィをはじめ、ポスターやチラシ、バナーなど、様々なコンテンツのメインビジュアルとして活用できます。

ぜひ日々のクリエイティブを加速させて為にも有効活用をしてみて下さい。

ではまた！

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

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