【画像の変形】置き換えるだけ!パッケージデザインをモックアップに貼る方法「アルミ蒸着フィルム編」【ワープ】

【画像の変形】置き換えるだけ!パッケージデザインをモックアップに貼る方法【ワープ】

【Photoshop基本操作】あなたのデザインに置き換えるだけ!実物イメージが簡単に視覚化できる、モックアップの雛形ファイルです。チョコレート菓子の個包装に、はめ込み合成しましょう。
分割をカスタマイズ!
より自然に見せるための課題は、パースと膨らみです。自由な変形が行える [ ワープ ] は、複数のコントロールポイントで、自由な変形が行えます。でも、その自由さが、かえって操作を難しくしていますね。
[ 分割 ] オプションでは、対象物の基本構造に合わせたメッシュが作成できます。これなら、カンタンに操作できます。

パッケージデザインをモックアップに貼る方法

これから行う操作は、あらかじめ作成したパッケージデザインを、モックアップに貼る方法です。
モックアップの雛形ファイル → コンテンツを置き換える
モックアップとは、試作模型や見本品を指す呼称です。その目的は、実物のイメージに限りなく近づけて、機能や外観デザインを検討することにあります。
モックアップの元画像
モックアップの元画像
このレッスンでは、チョコレート菓子の、個包装モックアップを使用します。コンテンツを置き換えるだけの基本操作と、簡単な編集方法をご紹介しましょう。

コンテンツを置き換える

[ コンテンツを置き換え ] は、スマートオブジェクトの機能です。モックアップの雛形ファイルを使用して、 [ コンテンツを置き換え ] の基本操作を行いましょう。

最初の置き換え

素材画像をダウンロードして開きます。素材画像は、[ 幅 : 1920 pixel ]、[ 高さ : 1080 pixel ]、 [ 解像度 : 300 pixel/inch ]、[ カラーモード : RGB カラー ] を使用しています。ファイル容量に注意してください。
素材画像を開く
素材画像を開く
Pixabay - 無料の写真
雛形ファイルを確認しよう!
モックアップの雛形ファイルには、あらかじめ、光沢、ドロップシャドウ、背景などの効果が設定されています。
雛形ファイルのレイヤー構造
雛形ファイルのレイヤー構造
[ レイヤー ] パネルで、[ Your design here! ( graphic-a ) ] を選択します。このスマートオブジェクトの内容を、あなたのデザインに置き換えるだけで、リアルなモックアップの、はめ込み合成が完成します。
[ Your design here! ] を選択
[ Your design here! ] を選択
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを置き換え ] を選択します。素材画像の [ giantbar-front.psd ( 平面デザイン-表 ) ] を選択します。ドキュメントのサイズ : 1206 px × 398 px
[ 配置 ] をクリックします。
平面デザイン-表を選択
平面デザイン-表を選択
雛形ファイルのグリッド画像を、新しいデザインに置き換えることができました。
新しいデザインに置き換えることができた
新しいデザインに置き換えることができた
雛形ファイルのしくみ!
[ コンテンツを置き換え ] で選択するファイルは、モックアップに貼る、あなたのデザイン例です。ここでは、デザインの元となる変形前の画像を、「平面デザイン」と呼びます。
サンプル : 平面デザイン-表 ( 1206 px × 398 px )
サンプル : 平面デザイン-表 ( 1206 px × 398 px )
サンプル : 平面デザイン-裏 ( 1206 px × 398 px )
サンプル : 平面デザイン-裏 ( 1206 px × 398 px )
雛形ファイルには、モックアップの形状に合わせた、変形の情報を含むスマートオブジェクトが作成されています。このスマートオブジェクトは、さまざまな効果をつけるレイヤー層にあり、その複製が [ Your design here! ] です。
雛形ファイルのしくみ
雛形ファイルのしくみ

2つめの置き換え

同様にして、右側のグリッド画像も置き換えましょう。ここでは、「平面デザイン-裏」を選択します。
[ レイヤー ] パネルで、[ Your design here! ( graphic-b ) ] を選択します。
[ Your design here! ] を選択
[ Your design here! ] を選択
[ レイヤー ] メニューから、[ スマートオブジェクト ] – [ コンテンツを置き換え ] を選択します。素材画像の [ giantbar-back.psd ( 平面デザイン-裏 ) ] を選択します。ドキュメントのサイズ : 1206 px × 398 px
[ 配置 ] をクリックします。
平面デザイン-裏を選択
平面デザイン-裏を選択
パッケージデザインを、モックアップに貼ることができました。
パッケージデザインをモックアップに貼ることができた
パッケージデザインをモックアップに貼ることができた
レッスン動画を配信中!
【Photoshop講座】置き換えるだけ!パッケージデザインをモックアップに貼る方法【2021】
サムネールをクリックすると、レッスン動画にリンクします。
続きは↓下の番号をクリック!
123456

スポンサード リンク