建物の写真を手描き風に加工できる無料Photoshopアクション

建物の写真を手描き風に加工できる無料Photoshopアクション

カテゴリーPhotoshopアクション
配布サイトBLUEPRINT PHOTOSHOP ACTION-Pixelbuddha
使用許諾 :商用利用可
※記事作成時の使用許諾となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「License.pdf」をご確認下さい

細かい描写まで見事に表現…!
今回紹介するのは、建物の写真を手描き風に加工できるPhotoshopアクション。

これまでこのサイトでは、写真を手描き風に加工できるフリー素材をいくつか紹介してきましたが、建物に特化した手描き風加工のフリー素材は初めて紹介します。

これには理由がありまして、実際にこれまでもいくつか同等のフリー素材を見つけることはできていたのですが、個人利用のみというものが多かったので紹介するに至ることがありませんでした。

しかし、今回紹介するのは商用利用可で使える無料のPhotoshopアクション。フリー素材の中ではかなり希少価値が高い素材になります。

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

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.

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

You do not have rights to redistribute, resell, lease, license, sub-license or offer this resource to any third party «as is». If you want to use this resource as a part of a product intended to be sold via any marketplace, please contact the author of the freebie to get an extended license.

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

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

Photoshopアクションの使い方

STEP.1/2丨Photoshopアクションをダウンロード

まずは配布サイトよりPhotoshopアクションを無料でダウンロード。

配布サイトの画像

▲ 赤い囲みの部分からダウンロードできる

配布サイトからダウンロードしたZipフォルダを解凍し、フォルダの中にあるatnファイルとpatファイルをダブルクリックしてPhotoshopにインポートします。

ファイル画像

▲ atnファイルとpatファイルをPhotoshopにインポート

STEP.2/2丨写真にPhotoshopアクションを適用し、完成

両方のファイルをPhotoshopにインポートできたら、まずはPhotoshopで効果を適用させる写真を開きます。

Photoshopの画面

▲ Photoshopで写真を開く

そして、先程インポートしたアクションを実行すると、手描き風の建物の写真が完成します。

Photoshopアクションの画像

▲ アクションを適用すると…

Photoshopの画面

▲ 青いペンで描かれた建物の写真が完成!

手描き風の状態で元の色味を表示する

手書き風の状態で写真の元の色味を表示させたい場合は、レイヤー「[ Use Original Colors ]」を表示することにより元の色味を表示することができます。

Photoshopのレイヤー画像

▲ 赤い囲みの部分を表示してあげると…

建物の写真建物の写真
▲ 写真を手描き風にしつつ、元の色味を表示することができる

線画の色を変えることも可能

調整も自由にできるし、動作も軽い!
レイヤー「Architect Blueprint Photoshop Action」の中にある「Add Overall Solid Color ( Screen Mode )」の色を調整することで、線画の色を青色からお好みの色に変えることができます。

Photoshopのレイヤー画像

▲ 赤い囲みの部分をクリックし、色を調整することで…

▲ 自由に線画の色を変えることができる

こういったPhotoshopアクションは動作が重い場合が多いですが、このPhotoshopアクションは一瞬で効果を適用することができます。それに加えて写真に適用される効果もクオリティが高いので、持っておいて損はないですね。

ビックベンの画像

▲ 複雑な建物の写真も細かい描写までしっかりと手描き風になる

気になる方はダウンロードしてみてはいかがでしょうか。

今回紹介したフリー素材

カテゴリーPhotoshopアクション
配布サイトBLUEPRINT PHOTOSHOP ACTION-Pixelbuddha
使用許諾 :商用利用可
※記事作成時の使用許諾となりますので、最新の情報は配布サイト及びダウンロードファイルに同梱されている「License.pdf」をご確認下さい

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

建物の写真Unsplash