【Photoshopテクニック】水滴のついたリアルな缶にパッケージデザインを合成する方法！

Illustratorなどのデザインツールで作成したパッケージデザインをコピーし、Photoshopの画像にペーストします。ペーストする際は、「ピクセル」を選択して「OK」をクリックしましょう。

サイズは200%程大きくしておきましょう。

新しくできたレイヤー名をわかりやすいように「パッケージデザイン」などに変更します。

「パッケージデザイン」レイヤーを右クリックし、「スマートオブジェクトに変換」を選択します。

レイヤーの不透明度を少し下げて、缶の輪郭が透けて見えるようにしておくと、後の調整がしやすくなります。

自由変形モードに切り替えて、パッケージデザインを缶の大きさに合わせます。
缶の側面を覆うように、デザインを少しはみ出るくらいに拡大・調整しましょう。

デザインの上で右クリックして「ワープ」を選択します。

画面上部のオプションバーにある「ワープ」のドロップダウンメニューから「上弦」を選択します。

ワープグリッドのハンドルを操作して、デザインが缶の曲面に自然に沿うように調整します。特に下の丸みに合わせるのがポイントです。調整が終わったら、Enterキーを押して確定します。

再度、自由変形（⌘（Ctrl）＋T）に切り替え、「ワープ」モードにします。左右のワープを垂直方向に分割し、曲面にそわせていきます。

元の画像レイヤー（背景レイヤーなど）を選択し、クイック選択ツールやオブジェクト選択ツールを使って缶本体の輪郭を選択し切り抜きます。切り抜かれた缶のレイヤー名を「缶」にしておきましょう。

「パッケージデザイン」のグループを選択した状態で、レイヤーマスクを追加します。

「缶」レイヤーのサムネイルを⌘（Ctrl）を押しながらクリックし、缶の選択範囲を読み込み、先程作成したレイヤーマスクを黒く塗りつぶします。

レイヤーマスクが選択されている状態で、階調の反転（⌘（Ctrl）＋I）をして、白と黒の領域を入れ替えます。

すると、缶からはみ出ていた部分が非表示になり、缶のエリアのみパッケージデザインが表示されます。

ペンツールで缶の上下のデザインを反映させたくない部分の選択範囲をパスで作成します。

作成されたパスの選択範囲を読み込み、レイヤーマスクを黒く塗りつぶします。

「パッケージデザイン」レイヤーの描画モードを「乗算」に変更します。

乗算にすることで、フラットだったパッケージデザインが缶に馴染みます。

「パッケージデザイン」レイヤーを複製し、描画モードを「ソフトライト」に変更します。

ソフトライトにすることで、パッケージデザインの色が元々のデザインの色に近づきます。

「缶」レイヤーをダブルクリックして、レイヤースタイルパネルを表示させます。

「ブレンド条件」の「現在のレイヤー」にある黒いスライダーを右に移動させると、暗い部分が消え、ハイライトや水滴の白い部分が浮かび上がってきます。

「レベル補正」調整レイヤーを作成し、「缶」レイヤーにクリッピングマスクします。

ハイライトが弱い部分を見ながら調整してください。

ハイライトが強い部分はレイヤーマスクを黒く塗ってで非表示にします。

必要であれば、レベル補正を追加して全体を調整したら完成です。

グループ内のスマートオブジェクトになっている「パッケージデザイン」レイヤーをダブルクリックします。

すると、元のデザインデータが新規タブで開きます。

このデータ内で、別のパッケージデザイン（例：青い方）をコピー＆ペーストではりつけます。

上書き保存（Command（Ctrl）＋S）をすると、元のモックアップ画像に新しいデザインが適用されているのが確認できます。