TOP > デザイン > Illustrator > 意外と知らないイラレのアートボードの整列と基礎知識

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

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

石川 洋平

2019/05/01

0

LineLine

この記事のURLをコピー

 

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

 

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

ざっくり言うと、

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

ということができます。

 

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

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

 

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

 

アートボードはDTP(印刷)では作業範囲

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

 

Illustratorのアートボードとは アートボードはDTP(印刷)では作業範囲

 

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

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

 

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

 

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

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

 

新規作成

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

 

Illustratorのアートボードの使い方 新規作成

 

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

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

 

Illustratorのアートボードで印刷、A4、アートボード数10で設定

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

Illustratorのアートボードの使い方 10Pのアートボードを最初から作成できました。

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

 

複製(コピー)の2つの方法

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

 

 

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

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

 

Illustratorアートボードの使い方 ①アートボードツールをクリック②カーソルが変化③SHIFTを押しながら④OPTIONを押してカーソルが変わったら離す

動画でも見てみます。

ガイドを一緒に使ったコピー

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

 

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

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

ウインドウ→アートボードウインドウを表示させ任意のアートボードをドラック&ドロップ。

 

 

順番変更

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

 

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

Illustratorのアートボードの使い方 レイヤーの順番変更

 

削除

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

 

Illustratorのアートボードの使い方 削除方法

 

回転

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

 

Illustratorのアートボードの使い方 回転方法

 

追加

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

Illustratorのアートボードの使い方 追加方法

サイズ変更

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

Illustratorのアートボードの使い方 サイズ変更方法

 

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

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

整列

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

 

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

Illustratorアートボードの整列の方法

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

 

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

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

 

スクリーン用の書き出し

 

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

Illustratorのアートーボードの書き出し スクリーン用の書き出し

 

 

 

石川 洋平

普通の4大在籍中に、美大などに憧れを持ちつつ、コピー機を使ったコラージュなどでデザインに目覚める。DTP、ムービー、Web、3D、一通り経験したのち、最終的に作ることから、ウェブマーケティングで売ることにジョブチェンジする。

0

LineLine

この記事のURLをコピー

コメント2件

  1. kiwikiwibanana より:

    ありがとうございました。
    初学者ですが、勉強になりました。