文字やアイコンを切り絵風に加工できる無料PSDデザイン素材

文字やアイコンを切り絵風に加工できる無料PSDデザイン素材

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

切り絵のように加工できる!
今回紹介するのは文字やアイコンを切り絵風に加工できるPSDデザイン素材。

画用紙をカッターで切り抜いたような表現が簡単にできます。可愛らしいデザインを作成したい場合に最適なフリー素材です。

それでは詳細を見ていきましょう。

Before→After

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

使用許諾

基本的には商用利用可!
配布元である『Graphicsegg』で配布されているフリー素材は個人利用も商用利用も可能です。
Graphicseggのサイト画面

▲ GraphicseggのLicenseページ

ただし、素材によっては「Personal Use Only」とダウンロードページに記載されているものもあるため、ダウンロードする前に素材の説明文を確認するようにしましょう。

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

より詳しい情報を知りたい方はこちらの記事をご覧ください。
世界中のクリエイターが作成したフリー素材が揃うサイト『Graphicsegg』 Graphicsegg|世界中のクリエイターが作成したフリー素材が揃うサイト

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

PSDデザイン素材の使い方

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

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

配布サイトの画像

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

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

ファイルの画像

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

Photoshopの画面

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

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

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

まずはレイヤー「Double Click to Change Text」のサムネイルをダブルクリック。

Photoshopのレイヤー画像

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

Photoshopの画面

▲ 文字を編集できる画面に移る

画面が切り替わったら、文字を入力します。お好みでアイコンも配置しても問題ありません。

Photoshopの画面

▲ 文字やアイコンを配置する

保存して元の画面に戻ると文字とアイコンに効果適用されます。

Photoshopの画面

▲ 切り絵風の効果が適用された!

背景の色は自由に変えられる

レイヤーから簡単調整!
レイヤー「Background」では、背景の色を自由に変えることができます。

Photoshopのレイヤー画像

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

▲ 背景の色を調整することができる

PSDデザイン素材の構造がシンプルで使いやすく、適用される効果もクオリティが非常に高いので持っておいて損はないでしょう。

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

今回紹介したフリー素材

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

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

切絵字|紙を大雑把にカットした切絵風のデザインフォント 切絵字|紙を大雑把にカットした切絵風のデザインフォント
4つのアイコンicooon-mono