【Photoshop】圧倒的シズル感！湯気の作り方

2024-03-27

Qchan

温かい料理や飲み物の写真を美味しそうに見せるテクニックが知りたいです！

というあなたのために、Photoshopを使って簡単に『湯気』を作る方法をご紹介します。

Gaku

クライアントやプロのカメラマンからも喜ばれますよ。

執筆者／Gaku
グラフィックデザイナー14年目。フリーランスとして大手企業の広告制作経験あり。長年培ってきたデザインの経験をもとに、WebメディアDtipを運営中。

CONTENTS

湯気の作り方

STEP

コーヒーの画像を配置

Photoshopを起動し、画像を開きます。

今回は、freepik.comで配布されているこの画像を使います。

STEP

湯気の画像を配置

湯気の画像をコーヒーの画像の上に重ねて配置します。

「ファイル」→「埋め込みを配置」で配置します。

今回は、freepik.comで配布されているこの画像を使います。

レイヤー名を「湯気」と変えておきます。

STEP

描画モードをスクリーンに設定

湯気レイヤーの描画モードを「スクリーン」に設定すると、湯気画像の黒い部分が消えて合成されます。

スクリーンは、画像の黒色部分が消えるモードです。

STEP

大きさ、角度、位置の調整

仕上がりをイメージしながら湯気がマグカップから立ち上るように、湯気の大きさや角度、位置を調整しましょう。

STEP

レイヤーマスクを追加

湯気レイヤーを選択して「レイヤーマスク」をクリック。

レイヤーマスクは白の状態が見ている状態で、黒の状態がマスクがかかって見えない状態を表します。現在はすべてが見えている状態ですので、ブラシツールの塗りを黒にしてレイヤーマスクをかけていきます。

STEP

ブラシツールで不要な部分を削除

描画色を「黒」、背景色を「白」に設定。

ブラシツールを使って画面上をなぞりながら、湯気の不要な部分を消していきます。

湯気を消しすぎたら、消しゴムツールでなぞると消した湯気が出てきます。

STEP

不透明度を調整

湯気レイヤーの「不透明度」を変えて画像に馴染ませませれば完成です。

●不透明度：30%

リアルな質感の、湯気の画像が出来上がりました。

応用

同じ湯気の画像を使って、ラーメンの画像に適用します。

美味しそうなラーメンが出来上がりました。

まとめ

実際のデザインの現場でも、飲食店のメニュー表やポスターをデザインする機会は多くあります。

『湯気』を作るテクニックがあれば、温かい料理や飲み物の写真をよりいっそう美味そうに見せることができるので、ぜひ覚えておきたいテクニックです。

最新のIllustratorとPhotoshopをお得に購入する方法

先に結論から言います。

Adobe CC（Creative Cloud）を最も安くお得に買う方法は、Adobe公認スクールであるデジハリが提供する「Adobeマスター講座(Adobe CC付き)」を購入することです。

Adobe CC（Creative Cloud）とは
Adobe CCとは、写真加工や動画編集、アニメーション、Webサイト制作など、約20種類以上のクリエイティブなアプリ・ソフトを使うことができるAdobe社が提供しているプランです。Adobeソフトを複数使いたい場合は、単体プランで複数使うよりも安く抑えることができます。