【Photoshop初心者】複数バナー制作時必須！スマートオブジェクトの使い方

【はじめに】
バナー制作時、デザインはほとんど同じだけど複数サイズで制作する場合があります。
そんな時、1つ分のバナーを作れば他サイズのバナーも自然と出来上がっちゃうと便利じゃないですか？デザイン修正が入った場合にはいっぺんに全てのサイズのバナーを修正ができるといいですよね？

この記事では、同一デザインのバナーを複数サイズで制作する際に効率よく編集できちゃう技をご紹介していきます。

【方法】
1　各バナーの土台（アートボード）を作成
レイヤーパネルのハンバーガーメニューから、[アートボードを新規作成]を選択し、制作するバナーサイズのアートボードを作成します。

2　すべてのサイズで共通するパーツを配置
任意のアートボード上で、図形を適当に配置し、（のちにこの図形に対して共通の画像や背景を設定していきます。位置や大きさの微調整はあとでキメればいいから、ここでは適当でOK。）この図形をレイヤーパネルで選択し、右クリックから［スマートオブジェクトに変換］をします。
共通で配置したいパーツが背景画像、写真、文字画像…など複数あるのなら、同じ操作を繰り返していきます。

3　他のアートボードへパーツをコピー
レイヤーパネルのスマートオブジェクト名あたりで右クリックをし、［レイヤーを複製］を選択します。ポップアップが出てきたらコピー先アートボードを選択しましょう。これでパーツのコピーが完了ですので、ほか残りのパーツも同様の方法で各アートボードへコピーしていきましょう。

4　それぞれのパーツに本番の素材を組み込む
それぞれのスマートオブジェクトをレイヤー上で右クリックし、[コンテンツを編集]を選択します。（もしくはレイヤーパネルで編集したい画像をダブルクリックする。）すると別ウインドで編集画面が開くので、図形に本番の素材を流し込みましょう。クリッピングマスクを使用すれば、画像の形通りの画像や背景が簡単に作成できますね。

以上で、各アートボード上のオブジェクトに変更が反映されました。
このようにスマートオブジェクト化したオブジェクトを一つ変更するだけで、全てのオブジェクトに修正が反映されるため、制作時も修正時も効率よく作業を行うことができますね。

下記サイトを参考にしました。詳しく解説されています。
https://helpx.adobe.com/jp/photoshop/how-to/creating-multiple-banners-photoshop.html

【まとめ】
千里の道も一歩から。
Photoshop初心者にとってはとても重要な技術ですので、ぜひ自分でもどんどん使用して慣れていきましょう。