文字をチョコレートケーキ風に加工できる無料PSDデザイン素材

テキストをチョコレートケーキのように加工できる無料PSDデザイン素材

カテゴリーPSDデザイン素材
配布サイトChocolate Cake Photoshop Text Mockup-PhotoshopSupply
使用許諾 :商用利用可(帰属表示必須)
※記事作成時の情報となりますので、最新の情報は配布サイトをご確認下さい

めっちゃ美味しそう!

今回は文字をチョコレートケーキ風に加工できる、無料で使えるPSDデザイン素材を紹介します。

文字の効果もさることながら、レイヤーの中に仕込まれている部品も非常にクオリティが高いPSDデザイン素材になります。

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

Before→After

コストコで販売しているチョコレートケーキみたいな仕上がりになりましたね。美味しそうにできました。

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

使用許諾

帰属表示が必須!
Photoshop Supplyのサイト画像

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

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

禁止事項はファイルの転売、サブライセンス化、再配布の禁止(有料無料問わず)になります。また当然のことながら、ダウンロードリンクに直接リンクを貼ることは禁止されていますので、帰属表示を行う際はトップページ等にリンクを貼るようにしましょう。

より詳しい情報を知りたい方はこちらの記事をご覧ください。
デザイン作業を効率化させるPhotoshopのフリー素材を配布しているサイト『Photoshop Supply』 Photoshop Supply|Photoshopの作業を効率化させるフリー素材が揃うサイト

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

PSDデザイン素材の使い方

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

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

配布サイトの画像

▲ 赤い四角で囲った部分からダウンロードできる

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

ファイルの画像

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

Photoshopの画面

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

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

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

まずはレイヤー「ADD YOUR TEXT INSIDE(PhotoshopSupply.com)」のサムネイルをダブルクリック。

レイヤーの画像

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

Photoshopの画面

▲ この画面に移るが…

この画面ではまだ文字を入力できないので、レイヤー「ADD YOUR TEXT INSIDE(PhotoshopSupply.com)」のサムネイルをもう一度ダブルクリックします。

レイヤーの画像

▲ 移動先の画面でもう一度、赤い囲みのサムネイルをダブルクリックすると…

Photoshopの画面

▲ ようやく文字を入力できる画面に移る

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

Photoshopの画面

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

保存を行ったら、前の画面に移動します。そして、再度保存を行います。

Photoshopの画面

▲ この画面でも保存を行う

そして、一番最初の画面に移動すると、入力した文字がチョコレートケーキ風に適用されます。
Photoshopの画面

▲ チョコレートケーキ風の文字が完成!

チョコも調整可能

溶けたチョコを自由に配置できる!
レイヤー「CAKE TEXT MOCKUP」の中にある3つの「CHOCO DRIP」は溶けたチョコの部品になります。それぞれ独立しているため、1つ1つの大きさや位置を細かく調整することができます。
レイヤーの画像

▲ レイヤー「CAKE TEXT MOCKUP」の中にある「CHOCO DRIP」を移動させたり、非表示にしたりすると…

チョコレートケーキのテキスト

▲ これが…

チョコレートケーキのテキスト

▲ こうなる

ちなみに「レ」の部分にあるブルーベリーも調整することが可能です。

皆さんも自分だけのチョコレートケーキ風の文字を作ってみるのはいかがでしょうか。

今回紹介したフリー素材

カテゴリーPSDデザイン素材
配布サイトChocolate Cake Photoshop Text Mockup-PhotoshopSupply
使用許諾 :商用利用可(帰属表示必須)
※記事作成時の情報となりますので、最新の情報は配布サイトをご確認下さい

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

ゾウフォントver.2|重量感のあるカタカナフォント ゾウフォントver.2|重量感のあるカタカナフォント