写真の一部をバラバラに分散させることができる無料Photoshopアクション

写真の一部をバラバラに分散させることができる無料Photoshopアクション

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

写真に躍動感をプラス!
今回紹介するのは、写真の一部をバラバラに分散させることができるPhotoshopアクション。

写真の躍動感を出したい時に最適な効果になります。かなりインパクトのある効果なので、目を引くデザイン表現をお探しの方は必見です。

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

Before→After

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

使用許諾

商用利用可!
まずはこのPhotoshopアクションの使用許諾(ライセンス)を見ていきましょう。

Design Bundlesのライセンス

▲ 個人利用及び商用利用可

この使用許諾によると、個人利用も商用利用も可能とのこと。ただし再配布するのはNG。

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

Photoshopアクションの使い方

STEP.1/3丨無料会員登録を行い、ログイン

配布元の「Design Bundles」にてフリー素材をダウンロードするには、無料会員登録を行う必要があります。

まずは「Design Bundles」のサイトに行き、画面の右上にある「Register」をクリック。

配布サイトの画像

▲ 画面右上にある「Register」をクリック

そしてこの画面でFacebookアカウントでの登録か、必要事項を入力して登録をすると、無料会員登録が完了してログインできるようになります。

DesignBundlesの登録画面

▲ Facebookアカウントで登録 or 必要事項を入力して登録

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

ログインできたら、配布サイトよりPhotoshopアクションを無料でダウンロードします。

配布サイトの画像

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

配布サイトからダウンロードしたZipフォルダを解凍し、「ABR」フォルダ・「ATN」フォルダの中にあるファイルをそれぞれダブルクリックしてPhotoshopにインポートします。

ファイルの画像

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

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

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

Photoshopの画面

▲ Photoshopで写真を開く

次に「Brush」という名前の新規レイヤーを作成して、バラバラにさせる部分を塗りつぶしていきます。塗りつぶす範囲としては、なるべく端の部分を塗っていくとアクション適用後に良い感じに仕上がります。

Photoshopのレイヤー画像

▲ レイヤー「Brush」を作成し…

Photoshopの画面

▲ バラバラにしたい部分を「Brush」に塗っていく

塗り終わったら、先程インストールしたアクションを適用していきます。

アクションには合計で4つの効果があり、上下左右どの方向にバラバラにするかを決めることができます。写真に合わせて適用するアクションを決めましょう。

Photoshopのアクション画像

▲ バラバラにしたい方向のアクションを適用させると…(今回は「Left Side」を適用)

Photoshopの画面

▲ 塗りつぶした部分がバラバラになった写真が完成!

ちなみにレイヤー「Brush」を選択した状態でアクションを適用しないとエラーが起きてしまうので気をつけましょう。

バラバラになったパーツを編集

場所や大きさを変えたりできる!
アクション適用後に生成されたレイヤー「Dispersion Photo」の中にある「Dispersion Panel」では、アクションによってバラバラになったパーツを編集することができます。

「Dispersion Panel」の中には1まとまりになったバラバラのパーツが12個のレイヤーに分かれています。

Photoshopのレイヤー画像

▲ 「Dispersion Panel」の中にバラバラになったパーツがあるので…

▲ それぞれのレイヤーを自由変形などで動かしたり、大きさを変えることができる

もしこの効果のデザイン見本を探したい場合は、Google検索やPinterestなどで「Dispersion Effect」と調べればたくさん出てくるので参考にしてみてください。

気になる方はぜひ使ってみて下さいね。

今回紹介したフリー素材

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

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

女性が踊っている写真Unsplash