文字を何層も重ねたような立体加工ができる無料PSDデザイン素材

テキストを何層も重ねたような立体加工ができる無料PSDデザイン素材

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

シンプルでカッコいい…!
今回紹介するのは、文字を何層も重ねたように立体加工できるPSDデザイン素材。

これまでも文字を立体加工できるクオリティの高いPSDデザイン素材を2つほど紹介してきましたが、今回もかなりクオリティの高い素材になります。
テキストをカラフルに立体加工できる無料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丨文字に効果を適用し、完成

では早速、文字に効果を適用させていきます。先程インストールした中からお好みのPSDファイルを開きます。

Photoshopの画面

▲ 今回はDownを使用していきます

そして、レイヤー「Your text here (Double-click on the layer thumbnail)」のサムネイルをダブルクリック。

Photoshopのレイヤーの画像

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

Photoshopの画面

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

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

Photoshopの画面

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

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

Photoshopの画面

▲ 何層にも重なった文字が完成!

他の2つもやってみました。なかなか良い仕上がりですね。

Left

Right

2色の配色に悩んだら

Hello Colorで解決!
こうしたシンプルな素材を使用する際、一番の悩みはやはり配色。2色しか使えない場合は特にセンスが問われますよね…。

そうした場合は、このサイトで以前紹介した2色の配色を生み出してくれるWebサービス「Hello Color」を使えば、シンプルな素材も良い感じにデザインできるはずです。
2色の配色パターンを無限に生み出す無料オンラインデザインツール『Hello Color』 Hello Color|2色の配色パターンを無限に生み出す無料オンラインデザインツール

皆さんも是非使ってみてくださいね!

今回紹介したフリー素材

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

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

機械彫刻用標準書体|工業彫刻を再現したデザインフォント 機械彫刻用標準書体|工業彫刻を再現したデザインフォント