写真をモノクロのタイポグラフィーポートレート風に加工できる無料PSDデザイン素材

写真をモノクロのタイポグラフィーポートレート風に加工できる無料PSDデザイン素材

カテゴリーPSDデザイン素材
配布サイトCUT OUT TEXT OVERLAY EFFECT|Pixelbuddha
使用許諾 :商用利用可
帰属表示 :任意
※記事作成時の情報となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「License.pdf」をご確認下さい

よく見るカッコいいデザインが一瞬で…!
今回紹介するのは、写真をタイポグラフィーポートレート風に加工できるPSDデザイン素材。

カラーの写真でも効果を適用することはできますが、モノクロの写真を使用することでよりタイポグラフィーを強調させたデザインに仕上げることができます。

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

Before→After

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

使用許諾

個人利用&商用利用可!
このフリー素材の配布元であるPixelbuddhaでは、素材ごとに使用許諾が記載されているPDFファイルが同梱されています。

ライセンスファイル

▲ ダウンロードファイルに同梱されている使用許諾のPDFファイル

これによると、個人利用も商用利用も可能とのこと。

This free resource is provided by Pixelbuddha team. It is royalty free for use in personal and commercial projects with a couple of restrictions. This freebie is an intellectual property of the author.

帰属表示

帰属表示は必須ではないとのことなので、余裕があれば行うようにしましょう。

It is not necessary to link back toPixelbuddha.net, but we would appreciate if you do credit our resources.

禁止事項

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

You do not have rights to redistribute, resell, lease, license, sub-license or offer this resource to any third party «as is».

配布サイトについて詳しい情報を知りたい方はこちらの記事をご覧ください。
デザイン素材のサブスクリプションサービスを展開しているフリー素材配布サイト『Pixelbuddha』 Pixelbuddha|クオリティの高い無料素材を配布しているサブスク型デザイン素材販売サイト

※記事作成時の情報となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「License.pdf」をご確認下さい

PSDデザイン素材の使い方

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

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

配布サイトの画像

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

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

ファイルの画像

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

Photoshopの画面

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

STEP.2/3丨写真に効果を適用

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

まずはレイヤー「Your Image Here」のサムネイルをダブルクリック。

Photoshopのレイヤー画像

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

Photoshopの画面

▲ 何もない画面に移る

画面が切り替わったら、写真を配置していきます。

Photoshopの画面

▲ お好みの写真を配置して、保存を行う

保存して元の画面に戻ると写真に効果が適用されています。

Photoshopの画面

▲ 完成…?

STEP.3/3丨白い部分にのみ文字を表示させる

効果としては以上になりますが、白い部分にのみ文字を表示させることも可能です。

やり方は非常に簡単で、「Effect」の中にあるレイヤー「Texture」を非表示にするだけです。

Photoshopのレイヤー画像

▲ レイヤー「Texture」を非表示にすると…

▲ 白い部分にのみ文字が反映される

写真によってはこの方法だと上手く反映されない可能性もありますが、レイヤーが複数に分かれているので色々な応用が効くと思います。

文字も編集可能

好きな文字に変えられる!
レイヤー「Edit Text」では文字を編集することができるので、自分のお好みの言葉を散りばめることができます。
Photoshopのレイヤー画像

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

Photoshopの画面

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

1からこのデザインを作るとなると非常に労力がかかりますが、これがあれば一瞬でデザインできるのでとりあえず持っておいて損はなさそうですね。

少しでも気になった方はサイトを覗いてみてはいかがでしょうか。

今回紹介したフリー素材

カテゴリーPSDデザイン素材
配布サイトCUT OUT TEXT OVERLAY EFFECT|Pixelbuddha
使用許諾 :商用利用可
帰属表示 :任意
※記事作成時の情報となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「License.pdf」をご確認下さい

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

写真Michael Benz on Unsplash