【Photoshop】対象物の一部が煙に変化するエフェクトPSDを使ってみよう

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

人物画像をはじめとした様々な対象物の一部が煙になり、消えゆく様子が表現できるエフェクトPSDです。

非常にハイレベルで高品質な加工を超短時間で再現可能！
商用利用できる優秀なエフェクトPSDです。

そんな煙エフェクトの具体的な使い方を解説いたします。

この記事の目次

何が作れるの？

Photoshop（フォトショップ）とエフェクトPSDを使って上記のような作品があっという間に作れます。
フォトショの難しい知識は不要、簡単操作で再現可能！

煙に変化させたい画像を指定の場所に配置してマスクをコピペするだけ、ワンピースに登場するスモーカー大佐のような表現が完成しますよ。
多くの煙素材が収録されており、パターン違いの煙表現が簡単に作成可能です。

煙に変化するエフェクトPSD

それでは煙に変化するエフェクトPSDを使ってみましょう。
扱い方は非常に簡単ですよ！

Photoshopを導入しましょう

当記事の内容を実践するにはPhotoshop（フォトショップ）が必須です。
未導入の方はフォトプラン公式サイトから入手可能。（月額は最安の1,180円、7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

白黒の煙エフェクトで絵を作る

STEP.1

エフェクトPSDをダウンロード

「Smoke Dispersion Photo Effect」をダウンロードします。

エフェクトの作者はPatrickさん、他にも商用利用可能で高品質な作品を数多く配信されていますよ。

STEP.2

画像を準備する

煙に変化させたい画像を準備します。

コチラの記事で無料で使える写真素材サイトを紹介しているのでご活用ください。

STEP.3

背景を消す

ツールパネルから [ オブジェクト選択ツール ] を選択します。
その後画面上部のオプションから [ 被写体を選択 ] をクリック。

最後にレイヤーマスクを作成して背景をマスクします。
※より詳しい手順はコチラの記事で解説しています。

最後に [ 右クリック ] → [ スマートオブジェクトに変換 ] をしておくと扱いが便利ですよ。

STEP.4

画像を配置

エフェクトPSDを開き、[ SIDE POSE ] というグループ内の [ mask ] と書かれたレイヤー上部に背景を透過にした人物画像を配置しましょう。

すると左図のように煙の手前に人物が配置されます。

サンプルは [ 編集 ] → [ 変形 ] → [ 水平方向に反転 ] を適用。

[ Ctrl ] を押しながらmaskレイヤーのレイヤーマスクサムネールをクリック。
するとマスクの形状で選択範囲が作成されます。

追加した人物画像のレイヤーをアクティブにし、[ ベクトルマスクを追加 ] をクリックします。
maskレイヤーは非表示にしましょう。

※サンプルは [ Ctrl + U ] → [ 色相彩度 ] → [ 彩度を-100 ] を追加しています。

すると煙の形状で人物がマスクされました。
リアル版モクモクの実のような表現ですね。

FINISH

完成

[ TONING ] というレイヤーグループ内に調整レイヤーのプリセットが収録されています。
[ CHANGE ME colorlookup ] を適用してみましょう。

すると左図の状態になります。
非常にカッコいいビジュアルが作れました。

制作時間は3分程度。
「Smoke Dispersion Photo Effect」を使えばPhotoshopに不慣れな方でも最大15分もあれば作れるでしょう。

煙に色を付ける方法

エフェクトPSDの煙は白黒で作られています。
下記で煙の色の変更方法を詳しく解説いたします。

STEP.1

カラー画像に戻す

先ほど人物に適用していた [ 色相・彩度 ] を削除し、カラー画像に戻します。

STEP.2

煙エフェクトを選ぶ

[ Create own Brushes to adjust effect ] というレイヤーグループ内に煙エフェクトが複数収録されています。

サンプルは [ Layer 2 ] を利用します。

※煙エフェクトだけでなく、煙のマスクも複数収録されているので様々なパターンが作れますよ。

STEP.3

着色用レイヤーを追加

新規レイヤーを作成し、右クリックメニューから [ クリッピングマスクを作成 ] します。

[ グラデーションツール ]等でお好きな色を付けます。

すると「画面全体がドチャ」っと塗りつぶされます。

STEP.4

描画モードを変更

レイヤーの描画モードを [ オーバーレイ ] 、[ ソフトライト ] 、[ カラー ] 等に変更してみましょう。

サンプルはソフトライトを適用。

すると黒い煙に色が乗りましたね。

FINISH

完成

同様の手順でmaskレイヤーに適用されている煙の色も変更したら完成です。

色変更の所要時間も3分程度。
「Smoke Dispersion Photo Effect」を使えばハイクオリティな煙表現があっという間に作れますよ。

その他の煙加工ができるエフェクト

その他の煙加工ができる高品質なエフェクトPSDです。
全て商用利用可能！
非常に高レベルな加工がフォトショ初心者の方にも短時間で再現できますよ。

#01 Dust or Smoke Dispersion Effect Mockup

まるでマジシャンが煙に消えるような様子が再現できるフォトショ用のエフェクトです。
もくもくとした雲のような質感の煙表現です。

ダウンロード

#02 Smoke Dispersion Photo Effect Mockup

吸い込まれるような煙表現が作れるエフェクトです。
Photoshopで煙表現を行うのは難易度が高いですが、当テンプレートを使うと初心者の方でもプロ並みの作品が短時間で作成可能です。

ダウンロード

#03 Smoke Dispersion Effect Mockup

かなりカッコいい形状の煙エフェクトが作れるエフェクトです。
スタイリッシュな絵作りにオススメ！

ダウンロード

#04 Smoke Text Effect Mockup

煙の質感が違うテキストエフェクトです。テキストを変更するだけで非常に凝ったロゴデザインが完了しますよ。

ダウンロード

#05 Dispersion Photo Effect with Dust Mockup

体の一部がさらさらと破片のように流れる様子が再現できるフォトショップ用のエフェクトです。

ダウンロード

#06 Monochrome Dispersion Photo Effect Mockup

モノクロで対象画像の一部を細かな粒子状に変化させることができるエフェクトモックアップです。
もちろん商用利用可能！

ダウンロード

その他の煙に変化するエフェクトPSD

【Photoshop】商用可！人物が煙になるエフェクトモックアップPSD

上記で紹介しきれなかった高品質＆商用利用可能な煙エフェクトのPSDです。画像を差し替えるだけで簡単にサンプルのような仕上がりにできるチート素材ばかり！

ワンランク上のテンプレート素材

Photoshopを学習する上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減してくれるだけでなく、スキルアップの為の教材としても最適ですよ。

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートで美しいレイアウトや余白、文字サイズが一瞬で作成可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート40選

デザイン制作を学ぶ導入としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

バナーはフォトショップを練習する上で良質な教材です。
中途半端な素材を参考にせず、高品質なテンプレートを参考にするだけで学習効率が大幅に向上しますよ。
ハイクオリティなバナーテンプレート50選

紙素材のポートフォリオだけでなく、デジタル媒体に特化したポートフォリオも作成しておくと就職や仕事を獲得する上で有利です。他者と差を付けてより高みを目指しましょう！
デジタル媒体向けポートフォリオテンプレ素材35選

制作物の説得力を高められる高品質なモックアップ素材を厳選しました。ゼロからモックを準備するには膨大な労力が必要ですが、素材を使えば一瞬！
様々なモックアップテンプレート57選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Photoshop（フォトショップ）で煙に変化する様子が作れるエフェクトPSDについてでした。

煙を作るのは難易度が高く、時間と手間が必要です。
しかし当記事で紹介した「Smoke Dispersion Photo Effect」を活用すれば、Photoshop初心者の方にもサンプルのような仕上がりが超短時間で再現可能！

収録されている煙素材も多く、違った表現を複数作る事ができます。
白黒、カラー、どちらの表現も簡単に作れるので是非お試しください。

ではまた！