【Photoshop】粒子加工の作り方!人物が徐々に消える・現れるディスパージョン表現テクニック

Photoshopの粒子と女性を使ったデザインを作ってみた。やり方紹介

今回はPhotoshopのブラシと選択範囲を使い、粒子が散りばめられたような「徐々に消えたり現れたりする」おしゃれな粒子加工デザインの作り方を解説します。

人物やオブジェクトを幻想的に表現するディスパージョン(散らし)効果は、ポスターやWebグラフィックで人気の高いテクニックです。

粒子の基本的な作成方法から詳しく学びたい方は、こちらの記事もあわせて参考にしてください。

【Photoshop】粒子になって消滅・拡散する「粒子エフェクト」の作り方!ゆがみとレイヤーマスクで簡単作成
Photoshopを使い粒子状に消えていくようなエフェクト加工をやってみました。ポイントは、フィルター機能のゆがみでゆがませて、レイヤーマスクの足し算引き算です。煙ブラシに応用も出来そうです。

それでは、実際の作成手順を見ていきましょう!

 

粒子加工のベース作成(人物の切り抜きとシルエット準備)

女性モデル写真の取込み

今回は、こちらの牛乳を飲もうとしている女性をモデルさんとして使わせて頂きます。

スネーィル
スネーィル

こちらの女性を選んだポイントは、奇麗な横顔の輪郭が拾えそうだったからです。

女性の切抜き

まず、こちらの女性を

  • クイック選択ツール

で切り抜きました。別に他の方法でもいいですが、私はほとんどをクイック選択ツールで切抜きしてます。

一度切り抜きをしたら、そのレイヤーのサムネイルをアクティブにした状態で、

  • Ctrl+左クリックを押します。

選択範囲が彩度表示

(わかりやすく背景を黒にしてますが、黒にする必要はありません)

すると、切り抜いた女性の輪郭が再び現れるので、

  • 新規レイヤーベタ塗り黒

で女性の影を作ります。

黒女性の影

スネーィル
スネーィル

やり方は自由、欲しいのは横顔の女性黒の輪郭です。

元に戻す可能性もあるので、一旦レイヤーをコピーしておきます。

 

「ゆがみフィルター」で影を伸ばし、粒子を配置する範囲を作る

フィルターゆがみで引き延ばし

次は、

  • フィルターゆがみ

フィルターゆがみの場所

この機能を使って、女性の影を後ろに引き伸ばします。

今回使いたいのは、キラキラの星をブラシで表現する範囲を作る為なので、だいたいで大丈夫です。

ある程度引き伸ばしができたら、次に行きます。

 

新規レイヤーを作成し、星・粒子ブラシを描く準備

新規レイヤーの準備

  • 新規レイヤー作成

で、この先で星を描いていく為の新規レイヤーを作ります。

新規レイヤーをつくったら、再び先ほど引き延ばした女性の影レイヤーをアクティブにして、

  • サムネイル画像をCtrl+左クリック

を押して、引き延ばした影全体が選択範囲になるようにします。

引き延ばした画像を選択範囲に指定

そしたら、いったん表示されているレイヤーの目玉マークを全て消して、非表示にします。

スネーィル
スネーィル

レイヤーを全て非表示にしても選択範囲は点線で残っていると思います。

その後、先ほど作った新規レイヤーをアクティブにして、そこへブラシで星を描いていきます。

この時に役に立つのが星ブラシです。

粒子加工で活躍する自作ブラシの作り方や調整方法については、こちらの記事で詳しく解説しています。

【Photoshop】星空・キラキラブラシの作り方!自作ブラシで光の玉を簡単に描く方法
Photoshopのソフト円ブラシを使って、自作ブラシを作ってみた。キラキラ感を演出したいエフェクト効果の一つとして参考にどうぞ。また、拡散している光の玉と田舎町の風景を合成して、幻想的な世界を作ってみた。

 

選択範囲内に粒子ブラシ(星ブラシ)をのせて散らし表現を作る

一つ目の星

二つ目の星

今回私は、新規レイヤーを二つ作り、それぞれブラシサイズと色を分けてこのように書いてみました。

あとは二つのレイヤーを重ねて完成です。

 

選択範囲を解除し、背景グラデーションを整えて完成!

黒背景の場合

黒背景だと、このようになりました。また、背景レイヤーを別の絵にしてみたり、グラデーションにしてみたりしてみると、違った変化が楽しめて面白いです。

背景をグラデーションにしてみた

この女性が元は牛乳を飲もうとしている女性だったなんて、きっと想像もつかないと思いますが、覚えた機能を色々と使って遊んでみると、徐々に使える機能は増えてきますので、是非楽しんでみましょう!

合成写真にリアルな光や木漏れ日を差し込んで、デザイン全体の雰囲気を一気におしゃれに仕上げるテクニックについては、以下の記事も参考にしてみてください。

【Photoshop】木漏れ日の作り方!合成写真にリアルな光の差し込みを追加する手順
Photoshopを使い、普通の風景を使って5つの方法でレタッチしてみました。余計な物を消したらり、光の差し込みを入れたり、太陽光をいれたり、影を作ったり。Photoshopを始めた間もない人は参考にどうぞ

 

まとめ:Photoshopの粒子加工・ブラシ活用で表現の幅を広げよう!

今回の流れを復習すると、

  1. 女性の横顔の輪郭を切り抜く
  2. 女性の輪郭でベタ塗りする
  3. 輪郭をフィルターゆがみで伸ばす
  4. 伸ばした輪郭で選択範囲を作る
  5. 作った選択範囲の中に星ブラシで星を描く
  6. 背景を整えて完成!

といった流れになっております。また、もっと短縮したり別の方法やさらにプラスアルファーして、もっと表現豊かにするなど、使い道はいろいろとあると思います。

まずは、基本的な選択範囲と粒子を使ったデザインの一つとして、活用してもらえましたら幸いです。

 

《あわせて読みたい:Photoshopの加工・レタッチ表現テクニック》

◆ 合成写真にリアルな光や木漏れ日を追加したい方はこちら

【Photoshop】木漏れ日の作り方!合成写真にリアルな光の差し込みを追加する手順
Photoshopを使い、普通の風景を使って5つの方法でレタッチしてみました。余計な物を消したらり、光の差し込みを入れたり、太陽光をいれたり、影を作ったり。Photoshopを始めた間もない人は参考にどうぞ

◆ 人物写真を自然に馴染ませる補正テクニックはこちら

【Photoshop】人物を目立たせる補正テクニック!背景引き伸ばしとぼかし加工の手順
Photoshopを使いポートレート写真風に人物を目立たせるような加工をやってみました。ポイントは人物と背景を分けて、背景にぼかしを入れる方法です。ポイントはスタンプツールで背景を伸ばすところです。

◆ 実務で必要なPhotoshop基本スキルをまとめました

【実務レベル】Photoshopの基本操作はどこまで必要?初心者・副業向けの必須スキル解説
「Photoshopを覚えて仕事や副業に活かしたいけれど、機能が多すぎてどこから手を付ければいいかわからない…」「求人票によくある『Photoshopの実務レベル』って、具体的にどれくらいのスキルを指すの?」これからPhotoshop(フォ...

コメント