文字をホログラム風に加工できる無料PSDデザイン素材

テキストをホログラム風に加工できる無料PSDデザイン素材

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

グラデーションが綺麗…!
今回紹介するのは、文字をホログラムのように加工できるPSDデザイン素材。

平面の文字が立体的になるPSDデザイン素材は数多くあるものの、それらと一線を画すようなデザインになっています。

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

Before→After

今回使用したフリーフォント「マキナス4 Square」がよりホログラム感を出してくれてますね。

ホログラムのテキスト画像マキナスの使用例
※画像の中心にある線は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デザイン素材を無料ダウンロード。

配布サイトの画像

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

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

ファイルの画像

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

Photoshopの画面

▲ ガイドラインがたくさん表示されている画面が出てくる

ガイドラインが邪魔な場合は、「表示>ガイドを非表示」を選択すれば全て消すことができます。

Photoshopのレイヤーの画像

▲ 「表示>ガイドを非表示」を選択すると…

Photoshopの画面

▲ ガイドラインが綺麗サッパリ消える

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

早速、テキストに効果を適用させていきます。

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

Photoshopのレイヤーの画像

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

Photoshopの画面

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

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

Photoshopの画面

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

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

Photoshopの画面

▲ ホログラム風の文字が完成!

2種類の背景

このPSDデザイン素材には文字の色に合った背景が2種類用意されています。それぞれ見ていきましょう。

Photoshopのレイヤーの画像

▲ 2種類の背景

ホログラムのテキスト画像

Dark background

ホログラムのテキスト画像

Light background

文字の色を変えるには?

できないと思っていたけど…
レイヤー「Effect」の中を見ていただくと分かる通り、合計で70個のスマートオブジェクトが重なっているため、文字の色を自由に変えるのはなかなか難しいと思い込んでいました。
Photoshopのレイヤーの画像

▲ 70個のスマートオブジェクトが重なってテキストが出来上がっている

しかし、調整レイヤー「色相/彩度」を適用してあげることによって、70個全体の色を一気に変えることができました。

 
これまで文字を加工できる無料デザインツールを色々と見てきましたが、今回のようなデザインの文字加工はおそらくこの配布サイト「GraphicBurger」以外にないと思います。

かなり珍しいデザインの文字加工のため、気になった方は使ってみてはいかがでしょうか。

今回紹介したフリー素材

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

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

マキナス|直線的で未来感のあるデザインフォント マキナス|直線的で未来感のあるデザインフォント