意外と知らないイラレのアートボードの整列と基礎知識

ここでは、アートボードの基礎知識と共に、バラバラのアートボードがキレイに整列される方法など意外と知らないアートボードの全てをお伝えします。

そもそもIllustratorのアートボードとは

ざっくり言うと、

• Web/PDFでは書き出し範囲
• DTP（印刷）では作業範囲

ということができます。

アートボードはWeb/PDFでは書き出し範囲

Webでの使い方やPDF作成の際は、アートボードがそのま書き出し範囲となります。

アートボードはDTP（印刷）では作業範囲

正確には、DTP（印刷）では作業範囲の中にトンボを設定し、印刷範囲を設定する使い方をします。

アートボードとカンバスの違い

アートボードの外をカンバスとよびます。ここは、同じIllustratorファイルにいれておきたいけど、印刷範囲内などにいれておけないファイルの逃し先になります。アウトライン前のテキストオブジェクト、アピアランスを分割する前のファイルなど、のちのち修正が入ったときに再度加工できるように残しておくときによく使われます。

イラレのアートボードの具体的な使い方

では具体的な使い方をみていきます。

新規作成

「ファイル」→「新規」でWeb、印刷、フィルムとビデオなどが選べます。Webの場合はRGB、72PPI。印刷の場合はCMYK、300PPI。とあらかじめ設定されているので便利です。

複数のアートボードを最初から作る

あらかじめ複数のアートボードも作成できるので、ここでは「印刷」→「A4」→「アートボード10」このように設定します。

A4の10Pのカタログ用アートボードが最初から作成されました。

ただ、現実的にはあまり使わない方法でもあります。Webやカタログ作成のときは、雛形として、ガイドなども一緒にコピーしたいためです。複数のデザインがあるWebページやカタログなどは、デザインの枠内におさめるなど統一ルールを用います。

複製（コピー）の２つの方法

では、その現実的な使い方の複製の方法です。あらかじめアートボードなどにデザインの目安であるガイドが引いてあるとします。詳しくは下記リンクの「パスのオフセットを使ったガイド作成」を確認してください。

もっと詳しく

illustratorのガイドの使い方（動画で解説）

アートボードツールでコピー

「アートボードツール」をクリック、「カーソルが十字に変化」→水平移動のSHIFTを押しながら、コピーである「OPTION」を押して、矢印を二つ重ねたカーソルに変わったら離す。

動画でも見てみます。

ここのポイントはガイドとアートボードが一緒にコピーされる部分がポイントです。

アートボードウインドウからコピー

「ウインドウ」→「アートボード」ウインドウを表示させ、任意のアートボードをドラッグ&ドロップでファイルアイコンに落とします。これでもガイドも含めたアートボードの内容がコピーされます。

順番変更

複数のアートボードをコピーをしていると、アートボードの前後を入れ替えたいときがあります。書き出しをするときにはアートボードウインドウの順番通りに書き出されます。

その場合「アートボードウインドウ」の任意のレイヤーをドラッグ&ドロップで挿入したい場所にドラッグ&ドロップして入れ替えます。

削除

削除はアートボードツールで任意のアートボードを選択か、アートボードウインドウから任意のアートボードを選択して、ゴミ箱に入れる２通りの方法があります。

回転

「アートボードツール」をダブルクリックして「アートボードオプション」を表示させ、方向を選択することで、アートボードの縦横の回転が可能です。

追加

「ウインドウ」→「アートボード」を選択し、アートボードウインドウを表示させます。右下にあるファイルアイコンをクリックすることで、アートボードの追加が可能です。

サイズ変更

「アートボードツール」をダブルクリックして「アートボードオプション」を表示させ、幅、高さを選択することで、アートボードのサイズ変更が可能です。

意外と知らないアートボードのテクニック

わたしの周りのデザイナーは知らない人が多かったです。ベテランも意外と知らないのが、アートボード自体の整列です。

整列

アートボードを入れ替えたり、コピーなどをしているとアートボードが、あちこちにバラバラになるときがあります。これはデザイナー的になんだか気持ち悪いということと、他の人にデータを引き継ぐときに、乱雑なデータの作りに見えるときがあります。

「アートボードウインドウ」のハンバーガーメニューをクリック→「すべてのアートボードを再配置」→任意のレイアウトを選択。

ぐちゃぐちゃのアートボードがZ字の順番に配置されました。

便利になったアートボードの書き出し

書き出しは３種類ありますが、画像書き出しの場合、もはやこれ以外あまり使わなくなったというスクリーン用の書き出しです。まずはアートボード名を任意の名前に変更します。「ファイル」→「スクリーン用に書き出し」を選択。

「スクリーン用に書き出し」画面で、アートボードごとに書き出しができます。サブフォルダーを作成にチェックをいれておくと、一つのフォルダにまとまって便利です。サフィックスは空欄にしておきます、複雑なファイル名になってしまうからです。