文字が徐々に消えていくような立体加工ができる無料PSDデザイン素材

テキストが徐々に消えていくような立体加工ができる無料PSDデザイン素材

カテゴリーPSDデザイン素材
配布サイトFade Out 3D Text Effect–3 Angles-GraphicBurger
使用許諾 :商用利用可
※記事作成時の情報となりますので、最新の情報は配布サイトをご確認下さい

徐々に消えていく…!
今回紹介するのは、文字が徐々にフェードアウトしていくような加工ができるPSDデザイン素材。

以前文字をカラフルに立体加工できるPSDデザイン素材を紹介しましたが、今回の文字の色は白一色になります。
テキストをカラフルに立体加工できる無料PSDデザイン素材 文字をカラフルに立体加工できる無料PSDデザイン素材

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

Before→After

フリーフォント史上最も細いであろう「なごみ極細ゴシック」を使用したおかげで、フェードアウト感がより一層増しましたね。

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

使用許諾

個人利用&商用利用可!
GraphicBurgerのライセンス画像

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

この使用許諾によると、配布元であるGraphicBurgerでダウンロードできるフリー素材は全て個人利用も商用利用も可能とのこと。

All resources available for download on GraphicBurger, including but not limited to Logo MockUps, Product MockUps, Text Effects, Icons, User Interfaces, Illustrations, Background Images are royalty free to use in both personal and commercial projects.

禁止事項はファイルの転売、サブライセンス化、再配布の禁止(有料無料問わず)、ダウンロードリンクへ直接リンクを貼ることになります。

You do not have the rights to resell, sublicense or redistribute (even for free) the files on its own or as a separate attachment from any of your work. If you wish to promote my resources on your site, you must link back to the resource page where users can find the download and not directly to the download file.

より詳しい情報を知りたい方はこちらの記事をご覧ください。
GraphicBurger|有料級の高クオリティなフリー素材が揃うサイト

※記事作成時の使用許諾となりますので、最新の情報は配布サイトをご確認下さい

PSDデザイン素材の使い方

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

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

配布サイトの画像

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

配布サイトからダウンロードしたZipフォルダを解凍します。今回は合計で3種類のPSDファイルが用意されています。

ファイルの画像

▲ フォルダに入っているPSDファイルは3つある

それぞれ開いてみると、このような感じ。いずれもテキストを編集する作業は全く同じになります。

Photoshopの画面

Down

Photoshopの画面

Left

Photoshopの画面

Right

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

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

まずはレイヤー「Your text here (double-click on the layer thumbnail)」のサムネイルをダブルクリック。

Photoshopのレイヤーの画像

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

Photoshopの画面

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

画面が切り替わったら、文字を入力していきます。400ptくらいの大きさがちょうど良いと思います。

Photoshopの画面

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

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

Photoshopの画面

▲ 徐々に消えていく文字が完成!

色の濃さは調節可能

文字の色を変えるのは厳しそう?
レイヤー「Extrusion」の中にある「Levels 1」ではテキストの色の濃さを調節することができます。
Photoshopのレイヤーの画像

▲ 文字のグラデーションの具合を調整できる

文字の色の濃さはこのようにして変えられるものの、レイヤー「Extrusion」の中に無数にあるそれぞれのレイヤーに灰色のColor Overlayがかかっており、レイヤーごとに少しずつ色をズラしているため、文字自体の色を変えるのは難しそうです。

できる限り試行錯誤してみて、文字の色を変えられそうであればこの記事に追記していきたいと思います。

もし何か解決策があればお問い合わせまでご連絡いただけると嬉しいです。

今回紹介したフリー素材

カテゴリーPSDデザイン素材
配布サイトFade Out 3D Text Effect–3 Angles-GraphicBurger
使用許諾 :商用利用可
※記事作成時の情報となりますので、最新の情報は配布サイトをご確認下さい

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

なごみ極細ゴシック|モダンかつオールドスタイルなゴシック体 なごみ極細ゴシック|モダンかつオールドスタイルなゴシック体