① 作成したバナーのファイルを開いたまま、ファイルメニューから「新規」を選択し、「新規ドキュメント」画面で任意のファイル名とサイズを指定して新しいドキュメントを作成します。今回は10種類のサイズを作成するため、追加で9個のファイルを用意する必要があります。後でわからなくならないよう、ファイル名にサイズを入れておきます。

② ベースのバナーからデザイン要素をまるごとコピーし、別のサイズのドキュメントにペーストで配置。ドキュメントサイズに合わせてレイアウトを調整します。1つできたら別のファイルに移動して、同じ作業を繰り返します。

③ 10個のファイルを同時に開いて、ドキュメント間を行ったり来たりしながら作業するため、かなり効率が悪い…。コンピューターに負荷がかかって、処理速度も遅くなります。

① 作成したバナーのファイルを開いた状態で、アートボードツールを選択し、アートボード名をクリックします。アートボードの周囲に表示される「+」をクリックすると同じファイル上に新しいアートボードが追加されます。9回クリックすれば合計10個のアートボードが作成され、それぞれツールオプションバーでサイズを指定します。これは簡単！

② ベースのバナーのデザイン要素をすぐ隣のアートボードにドラッグ&ドロップで複製配置し、レイアウトを調整。デザイン要素はすべて1つのレイヤーパネルで管理できるので効率的。10個のバナーがあっという間に完成！

旧バージョン（CS）だと…

① 10個のファイルをすべて開いて、ロゴの色とタイトル文字を1つずつ修正していきます。単純な修正ですが、ファイルが10個もあるとそれなりに時間がかかります。うっかりすると修正漏れの危険性も。

② ロゴとタイトル文字を「埋め込みのスマートオブジェクト」で配置しているため、ロゴ10個分、タイトル文字10個分のスマートオブジェクトを開き、修正と保存を繰り返します。これ以上修正がないように…。

③ 10個ファイルを開いている上に、さらにスマートオブジェクトを開くため、作業スペースがごちゃごちゃ。どのサイズのファイルを修正しているのか、どこまで修正したのかがわからなくなってきます。

最新のCCなら！

① ロゴやタイトル文字など、共通するパーツはすべて「リンクされたスマートオブジェクト」で配置しているため、元のファイルを1つ修正するだけで、すべてのバナーに一瞬で反映されます。わずか数秒！

旧バージョン（CS）だと…

① 再びファイルを開き、ファイルメニューから「Web用に保存」を選択します。任意の形式を設定し、保存をクリックすれば書き出し完了。しかし、同じ作業をあと9回繰り返す必要があります…。

② 今度は解像度を2倍にして書き出します。「Web用に保存」だと、サイズを2倍にして書き出すと画像が劣化してしまいます。そのため、いったん「イメージ」→「解像度」からサイズを2倍にし、「Web用に保存」を開いて等倍で書き出します。これもあと9回繰り返します。

最新のCCなら！

① レイヤーパネルですべてのアートボードを選択し、右クリックから「書き出し形式」を選択します。設定画面の「すべてのスケール」でサイズを1つ追加して、「2×」を選択して書き出すと、すべてのバナーが等倍と2倍のサイズで1度に書き出されます。あっという間です！