文字をポップコーン風デザインに加工できる無料PSDデザイン素材

テキストをポップコーン風デザインに加工できる無料PSDデザイン素材

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

可愛くてポップなデザイン!
今回紹介するのは、文字をポップコーン風デザインに加工できる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フォルダを解凍し、フォルダの中にあるPSDファイルを開きます。
ファイルの画像

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

Photoshopの画面

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

STEP.2/2丨文字を打ち直して、完成

既に入力されている文字の文字を入力し直せば、ポップコーン風デザインが反映されます。

Photoshopの画面

▲ お好みのフォントで文字を入力し直せば、完成!

文字の曲がり具合を調整する場合は、テキストレイヤーのサムネイルをダブルクリックすると上部のオプションバーに表示される「T」から調整することができます。

Photoshopのレイヤー画像

▲ 赤い囲みの部分をダブルクリックし…

テキストの編集画面

▲ 「T」を押すと、文字の曲がり具合を調整できる

様々なものに応用可能

レイヤースタイルをコピーして使おう!
元から入力されているテキスト以外にもこの効果を適用したい場合は、テキストに掛かっているレイヤースタイルをコピーすることにより様々なものにも同じ効果を適用することができるようになります。

まずは効果を適用したいもの(アイコンなど)を用意します。

Photoshopの画面

▲ 今回はポップコーンのアイコンを使用

そして、テキストレイヤーを右クリックしてレイヤースタイルをコピー。その後、事前に複製していたアイコンにそれぞれのレイヤースタイルをコピーすると、アイコンにも文字と同じ効果が適用されます。

Photoshopのレイヤー画像

▲ レイヤースタイルをコピーし…

Photoshopのレイヤー画像

▲ それぞれ効果を適用させせると…

Photoshopの画面

▲ アイコンにも文字と同じ効果が適用された!

文字もアイコンもこれだけ可愛らしくできるので、ポップコーンのデザイン以外にも色々なデザインに応用できそうですね。

気になる方は使ってみてはいかがでしょうか。

今回紹介したフリー素材

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

加工に使用したフリー素材

フリーフォントまるっかな-ぱれったいぷ
ポップコーンのアイコンicon rainbow