文字を2種類のグリッチ風に加工できる無料PSDデザイン素材

テキストをグリッチ風に加工できる無料PSDデザイン素材

カテゴリーPSDデザイン素材
配布サイトDigital Glitch Text Effect-GraphicsFuel
使用許諾 :商用利用可(帰属表示必須)
※記事作成時の情報となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「graphicsfuel-resources-free-license.pdf」をご確認下さい

文字にグリッチ効果?
以前、写真をグリッチ風に加工する無料素材をいくつか紹介しましたが、今回は文字をグリッチ風に加工できるPSDデザイン素材を紹介します。
写真をグリッチ風に加工できる無料PSDデザイン素材 写真をグリッチ風に加工できる無料PSDデザイン素材 写真をカラフルなVHS風に加工できる無料PSDデザイン素材 写真をカラフルなVHS風に加工できる無料PSDデザイン素材

それでは、早速見ていきましょう。

Before→After

今回は明朝体を使用しましたが、太めのゴシック体もしっくりくると思います。

※画像の中心にある線はPC上ではクリックしながら、スマートフォン上ではタッチしながら左右に動かすとBefore→Afterの写真を見ることができます

使用許諾

帰属表示が必須!
GraphicsFuelのサイト画面

▲ GraphicsFuelの使用許諾はこちらのページから確認できます

配布元である「GraphicsFuel」で配布されているフリー素材は個人利用も商用利用も可能とのこと。ただし、帰属表示が必須になりますのでフリー素材を使用した際はサイトへのリンクを貼るようにしましょう。

また、禁止事項は他のフリー素材サイトと同じく、ファイルの転売、サブライセンス化、再配布の禁止(有料無料問わず)になります。

また、ダウンロードリンクに直接リンクを貼ることも禁止されていますので、帰属表示を行う際はトップページ等にリンクを貼るようにしましょう。

GraphicsFuelのより詳しい情報を知りたい方はこちらの記事をご覧ください。
多種多彩なフリー素材が揃うサイト『GraphicsFuel』 GraphicsFuel|多種多彩なフリー素材が揃うサイト

※記事作成時の使用許諾となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「GraphicsFuel-Freebie-License.pdf」をご確認下さい

PSDデザイン素材の使い方

STEP.1/2丨PSDデザイン素材をダウンロード

まずは配布サイトよりPSDデザイン素材を無料ダウンロード。

配布サイトの画像

▲ 赤い囲みの部分からダウンロードできる

配布サイトからダウンロードしたZipフォルダを解凍し、フォルダの中にあるPSDファイルを開きます。
ファイルの画像

▲ フォルダに入っているPSDファイルを開くと…

Photoshopの画面

▲ このような画面が出てくる

STEP.2/2丨文字に効果を適用し、完成

早速、文字に効果を適用させていきます。

まずはレイヤー「ADD TEXT HERE」のサムネイルをダブルクリック。

Photoshopのレイヤーの画像

▲ 赤い囲みのサムネイルをダブルクリックすると…

Photoshopの画面

▲ 文字を入力できる画面に移る

画面が切り替わったら、文字を入力していきます。

Photoshopの画面

▲ お好みのフォントで文字を入力し、保存

保存をして元の画面に戻ると文字に効果が適用されています。

Photoshopの画面

▲ グリッチ風の文字が完成!

2種類の効果

両方とも実用性が高そう!
このPSDデザイン素材には合計で2種類の効果が入っています。
Photoshopのレイヤーの画像

▲ 「レイヤーの順番」か「表示/非表示」を切り替えてあげればそれぞれのスタイルを見ることができる

それぞれ見てみるとそこまで大きな違いはないですが、文字に光の効果がかかっているかいないかの違いはありますね。

GLITCH EFFECT 1(光あり)

GLITCH EFFECT 2(光なし)

また、このグリッチ効果に最適なフリーフォントとしては異世明・異世ゴ」がオススメです。元々文字の一部がズレているようなデザインになっているので、グリッチ効果がより引き立ちます。

異世明・異世ゴの使用例
異世明】|漢字が明朝体で、その他の文字がゴシック体

異世明・異世ゴの使用例
異世ゴ】|漢字がゴシック体で、その他の文字が明朝体

今回紹介したフリーフォントはいずれも商用利用可で使えるものになるので、気になる方は実際にダウンロードして試してみてはいかがでしょうか。

今回紹介したフリー素材

カテゴリーPSDデザイン素材
配布サイトDigital Glitch Text Effect-GraphicsFuel
使用許諾 :商用利用可(帰属表示必須)
※記事作成時の情報となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「graphicsfuel-resources-free-license.pdf」をご確認下さい

加工に使用したフリーフォント

うつくし明朝体|モダンなオールドスタイルの明朝体 うつくし明朝体|モダン&オールドスタイルな明朝体 異世明・異世ゴ|異世界への転移を表現したデザインフォント 異世明・異世ゴ|異世界への転移を表現したデザインフォント