文字を4種類のチョーク風に加工できる無料レイヤースタイル

文字を4種類のチョーク風に加工できる無料レイヤースタイル

カテゴリーレイヤースタイル
配布サイトChalkboard Typography Text Effects-GraphicBurger
使用許諾 :商用利用可
※記事作成時の使用許諾となりますので、最新の情報は配布サイトをご確認下さい

手書き感満載!
今回紹介するのは、文字をチョーク風に加工できるレイヤースタイル。

チョークのかすれ具合や手書き感を見事に表現することができます。効果は合計で4種類もあるため、状況に応じて使い分けることも十分可能です。

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

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|有料級の高クオリティなフリー素材が揃うサイト

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

レイヤースタイルの使い方

STEP.1/3丨レイヤースタイルをダウンロード

まずは配布サイトよりレイヤースタイルを無料ダウンロードします。

配布サイトの画像

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

配布サイトからダウンロードしたZipフォルダを解凍すると、aslファイルがダウンロードできます。

ファイルの画像

▲ このaslファイルをPhotoshop側にインポートする必要がある

STEP.2/3丨Photoshopにレイヤースタイルをインポート

まずはPhotoshopを開き、「ウィンドウ>スタイル」を表示。そして、右上にある四本線のボタンを押し、「スタイルをインポートする」を選択します。

Photoshopの画面

▲ 「ウィンドウ>スタイル」から「スタイルをインポートする」を選択

先程のaslファイルを選択してあげると、無事Photoshopにインポートすることができました。

レイヤースタイルの画像

▲ インポートできた!

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

インポートが無事完了したら、文字に効果を適用させていきます。まずはテキストを入力します。

Photoshopの画面

▲ お好みの文字を入力

文字を打ち込んだら、レイヤーからテキストレイヤーを選択。あとは先程インポートしたレイヤースタイルを選択すれば文字に効果が適用されます。

レイヤースタイルの画像

▲ テキストレイヤーを選択し、レイヤースタイルを選択すると…

Photoshopの画面

▲ チョーク風の文字が完成!

4種類の効果

このレイヤースタイルには合計で4種類の効果があります。それぞれ見ていきましょう。

チョーク風の文字

1/4

チョーク風の文字

2/4

チョーク風の文字

3/4

チョーク風の文字

4/4

PSDファイルも同梱

自由に色を変えられる!
ダウンロードファイルに同梱されているPSDファイルを開くと、今回使用したレイヤースタイルと同じ効果を文字に適用することができます。

ファイルの画像

▲ 同梱されているPSDファイルを開くと…

Photoshopの画面

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

既に入力してある文字がチョーク風のテキスト効果が適用されているので、あとは文字を編集するだけになります。

Photoshopの画面

▲ テキストツールで文字を編集すればチョーク風の文字が完成する

また、それぞれのテキストレイヤーの中には「Change color here」というレイヤーがあり、これを使用することによって文字の色を簡単に変えることができます。

Photoshopのレイヤー画像

▲ 赤い囲みのレイヤーの値を調整することで…

Photoshopの画面

▲ 文字の色を簡単に変えることができる

見ていただくと分かる通り、同梱されているPSDファイルには背景に黒板風のデザインが採用されています。これによりチョーク風の文字が際立って見えますね。

今回紹介したレイヤースタイルは文字をチョーク風に加工する表現に関してはクオリティも高く種類も多くありますが、全体のデザインが既にまとまっているオールインワンパッケージをお求めならこちらのフリー素材をオススメします。
文字をチョーク風に加工できる無料PSDデザイン素材 文字をチョーク風に加工できる無料PSDデザイン素材

効果としては非常に似ていますが、どちらも活躍する場面は異なるのでデザインの目的に合わせてフリー素材を使い分けましょう。

今回紹介したフリー素材

カテゴリーレイヤースタイル
配布サイトChalkboard Typography Text Effects-GraphicBurger
使用許諾 :商用利用可
※記事作成時の使用許諾となりますので、最新の情報は配布サイトをご確認下さい

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

うずらフォント|ゆるくて可愛い手書きフォント うずらフォント|ゆるくて可愛い手書きフォント