【Illustrator】アートボードツールの使い方を徹底解説forイラレ初心者

Webデザイナー、UI/UXデザイナーの@sdesignlaboです。

Illustrator（イラストレーター）のアートボードツールの使い方を徹底解説します。

例えば1つのAIファイルの中に2つのアートボードを作り、チラシの表面と裏面のデザインを作成など。
複数のアートワークを作成・管理する事はイラレを使った制作を行う上で多々発生します。

そんな便利なアートボードを自在に編集する為のツールであるアートボードツールの活用方法をイラレ初心者の方にも分かりやすく、順を追って解説！
知っておくと非常に便利なアートボードツールを活用し、制作を効率化しましょう。

この記事の目次

アートボードの追加・削除

2パターンのアートボードの追加方法とアートボードの削除方法です。
アートボードの基本操作なのでマスターしておきましょう！

Illustratorを導入しましょう

当記事の内容を実践するにはIllustratorが必須です。
未導入の方はAdobe公式サイトからダウンロードしておきましょう。（7日間の無料体験が可能）
なお、AdobeCCのプランはコチラの記事で徹底解説しています。

アートボードの追加方法①

STEP.1

アートボードツールを選択

新規ドキュメントを作成します。
任意のサイズで大丈夫です。

ツールバーから [ アートボードツール ] を選択します。
※ショートカットは [ Shift + O ]

STEP.2

作成したい場所をドラッグ

アートボードを追加したい個所をドラッグします。
※既に作成済みのアートボートと被らないようにドラッグ

FINISH

完成

新しくアートボードが追加されました。

アートボードの追加方法②

STEP.1

アートボードツールを選択

STEP.2

コントロールパネルを確認

※クリックで拡大

画面上部のコントロールパネルを確認しましょう。
アートボードの設定が表示されています。

左から
・プリセットを選択
・縦置き、横置き
・新規アートボード
・アートボードを削除
・アートボード名を入力
・オブジェクトと一緒に移動またはコピー（初期設定はON）
・アートボードオプション
・アートボードの基準点（初期設定は左上）
・アートボードのX座標値、Y座標値
・アートボードの幅、高さ
・すべて再配置
・選択範囲に整列

FINISH

完成

[ 新規アートボード ] をクリックすると同じサイズのアートボードが追加されます。

選択中のアートボードをドラッグすると移動できます。

アートボードの削除

[ アートボードを削除 ] または [ Delete ] または [ BackSpace ] で選択中のアートボードを削除できます。

アートボードのサイズ変更

アートボードのサイズ変更の方法を3パターン紹介します。

アートボードのサイズ変更方法① 縦横に任意の値を入力

STEP.1

アートボードツールを選択

Illustratorは導入されていますか？
まだの方はIllustrator公式サイトから入手しておきましょう。

[ アートボードツール(Shift+O) ] でサイズ変更したいアートボードをクリックします。

STEP.2

幅と高さを入力

画面上部のコントロールパネルに注目します。
W（幅）とH（高さ）を入力する項目があります。
任意の値を入力しましょう。
単位は [ px ] や [ mm ] など、設定したい単位を半角英数で入力。

FINISH

完成

完成です。
キッチリサイズ指定ができるのでよく使う設定方法です。

アートボードのサイズ変更方法② ドラッグで自由な形に

STEP.1

アートボードツールを選択

[ アートボードツール(Shift+O) ] でサイズ変更したいアートボードをクリックします。

STEP.2

サイズ変更をする

アートボードの四隅、上下左右に白い点があります。

白い点の上にカーソルを合わせてドラッグするとアートボードが変形します。

FINISH

完成

好きなサイズに変更したら完成です。

アートボードのサイズ変更方法③ 規定サイズから選択

STEP.1

アートボードツールを選択

[ アートボードツール(Shift+O) ] でサイズ変更したいアートボードをクリックします。

STEP.2

プリセットから任意のサイズを選択

画面上部のコントロールパネルに注目します。
一番左の [ プリセットを選択 ] に規定サイズがズラリとあります。
お好きなサイズを選択します。

サンプルは [ レター ] を選択しました。

FINISH

完成

完成です。

プリセットを選ぶだけなので、キャンバスのサイズを事前に調べる必要がありません。

アートボードのレイアウトを整列する

STEP.1

バラバラのアートボード

アートボードの数が増えてくるとレイアウトがズレてくることがあります。

STEP.2

全てのアートボードを再配置

画面上部のコントロールパネルにある [ すべてて再配置 ] をクリックします。

[ すべてのアートボードを再配置 ] の画面が開きます。
レイアウトパターンを設定し、[ OK ] をクリックします。

※ [ オブジェクトと一緒に移動 ] にチェックしておきましょう。
アートボード内のオブジェクトが一緒に移動します。

FINISH

完成

完成です。
キレイに再配置されました。

Webデザインカンプのテンプレート

【商用可】Webサイトのデザインカンプ用テンプレート35選！サイトデザインを瞬殺【Photoshop・Illustrator】

商用利用可能で高品質なWebデザインカンプのテンプレートを厳選しました。ノンデザイナーでも画像と文字を差し替えるだけで品質の高いサイトデザインが作れる優れもの！

アートボードツールオプションを設定

・画面上部のコントロールパネル
・ツールバーのアートボードツール上をダブルクリック

上記で [ アートボードツールオプション ] の画面が開きます。
名前、プリセット、サイズ、位置、表示設定、全般設定、削除等が行えます。

要はアートボードに関する設定が諸々行える設定パネルですね。

アートボードツールの応用例

アートボードを使った作例をいくつか紹介します。
レイヤーやファイルを分けて管理をされていた方は一度アートボードでの管理をお試しください。
非常に便利ですよ！

サイズ違いのバナーを作る

例えばサイズ違いのバナーを作るとします。
1つのアートボードでレイヤーを分けて作る事もできますが、一覧性があると見やすく編集も容易ですよね。

アートボードツールは複数サイズの制作物を作る際に便利！

詳しくはコチラの記事で解説しています。

ポートフォリオ等の冊子制作

同じ用紙サイズのページで構成された複数ページの媒体を作る際にアートボードツールは使えます。

なお、ニーアオートマタ風のポートフォリオテーマはコチラで紹介しております。

冊子を作るならInDesign

ポートフォリオのような冊子媒体はイラストレーターでも作る事は可能ですが、さらに効率的に作るならAdobe InDesign（インデザイン）が圧倒的にオススメです。
使い方はIllustratorがある程度使える方ならInDesignも同じ操作系で簡単に使えますよ。
未導入の方はAdobe公式サイトから導入できます。

ポストカードの表と裏で分ける

例えば名刺やポストカードの両面をデザインします。
表はアートボード1で、裏はアートボード2で作るといった使い方もできます。

名刺の作り方はコチラ、らき☆すた風ポストカードのサンプルはコチラで紹介しております。

高品質なポートフォリオテンプレート

紙媒体やPDF形式で作成したポートフォリオの品質を手っ取り早く高めるには、高品質なテンプレートの活用が最も効率的かつ効果的です。

商用利用可能で高品質テンプレートばかり厳選！
今まで意識しなかった多くの「気づき」に出会えますよ。

※なお、ポートフォリオ制作はInDesign（インデザイン）を使うのが最も効率的です。
コチラでインデザ初心者の方向けにポートフォリオテンプレートの使い方を詳しく解説しております。

#01 Pink Portfolio Layout

ピンク系のキレイ目カワイイ風ポートフォリオ用テンプレートです。InDesign形式なので文字と画像の差し替えが超楽！
2時間あればポートフォリオが作れます。
編集にはInDesignが必須、未導入の方はInDesign公式サイトから入手しておきましょう。

ダウンロードする

#02 Portfolio Layout with Gray Accents

モノトーン系でどんな作風にも合うポートフォリオ用テンプレートです。イラスト、写真、建築、Web、グッズ…テンプレ選びに迷ったらコレがオススメ！
A4に印刷したポートフォリオ、PDF形式、どちらも短時間で作成可能です。

ダウンロードする

#03 Portfolio Layout with Yellow Accents

黄色が鮮やかでキレイなポートフォリオテンプレートです。
爽やかな画風のイラストにもピッタリ！
クセが無く、ベースデザインとして非常に扱いやすいテンプレートの一つです。

ダウンロードする

#04 Portfolio Template in Pale Green and Mint

収録されているレイアウトパターンが非常に豊富なポートフォリオ用テンプレートです。
作品を大きく見せる、制作過程を見せる、複数見せる、横長作品を画面内に綺麗に収める等、どんなパターンにも当てはめる事が可能ですよ。

ダウンロードする

#05 Minimalist Portfolio Layout

ポートフォリオの表紙には必ずメインビジュアルを入れないとダメか？そんな事はありません。
単色に文字だけで構成した表紙も素敵です。
ページ中身のレイアウトパターンも豊富、あえて表紙をシンプルにする手法もアリですよ。

ダウンロードする

紹介しきれなかったポートフォリオテンプレートや素材

上記のテンプレートはほんの一部。
下記リンクで多数の高品質なポートフォリオテンプレートを紹介しています！

ポートフォリオ用の高品質なテンプレート46選【InDesign,Illustrator,Photoshop】

【InDesign】ポートフォリオ用のテンプレートを編集する方法forインデザ初心者

ワンランク上のテンプレート素材

Illustratorのスキルアップをする上で、プロが作成した生データを研究する事は重要です。

下記記事でプロが作成した高品質で汎用性の高いテンプレート素材を紹介しています。
全て商用利用可能、テキストや画像を変えるだけでプロの品質が出せます。

制作の手間を劇的に軽減するだけでなく、スキルアップの教材としても活用できますよ！

AI形式で作られた高品質なフライヤーのテンプレート50選です。画像と文字を差し替えるだけ、超短時間でハイクオリティなフライヤーが作成可能！
様々なフライヤーのテンプレート50選

デザイン制作を学ぶ導入編としてオススメの名刺デザイン。
想像だけで作るとイマイチになりがちですが、良質なテンプレートを元に作るだけで吸収できる情報の質が段違い！
相手に舐められない名刺テンプレート50選

例えばクリエイターの就職や転職に必須のポートフォリオ。
プロのテンプレートでレイアウトや余白、文字サイズを簡単に研究可能。内定獲得の可能性が格段にアップします！
厳選！ポートフォリオ用テンプレート45選

ロゴ作成とIllustratorの相性は抜群！
ロゴ制作の効率化だけでなく、アイディアやデータの作り方を学習・研究するための良質な教材だらけですよ。
ハイクオリティなロゴテンプレート50選

単なる白黒のテキストを高品質なロゴのようなグラフィックにできるエフェクトです。
ロゴ・見出しなどキャッチなオリジナルタイトルを一瞬で作成できる優秀な素材ばかり！
商用利用が可能で高品質なテキストエフェクト50選

継ぎ目が無い高品質な背景素材50選です。
全て商用利用OK！作品の密度を一気に高める事ができる汎用性の高い素材ばかりです。
商用利用できる高品質なシームレス背景パターン58選

良質な素材をもっと見る

上記で紹介しているテンプレートはごく一部。
下記記事で良質な素材を紹介しております。併せてチェックしてください！

クリエイティブ業務で使える優良素材まとめ

【最強素材サイト】Adobe Stockのテンプレートがチート級に便利な件について

おわりに

以上、Illustrator（イラストレーター）のアートボードツールの使い方についてでした。

複数のデザインを1つのAIで作る場合、レイヤーだけで管理をされていた方はアートボードを複数作成してみてください。
間違いなく制作効率が上がりますよ。

レイヤーを表示・非表示で管理するのは面倒。
アートボードを使えば一覧性のあるファイルが簡単に作れます。

ではまた！

InDesignは活用されていますか？

Illustratorだけでなく、InDesign（インデザイン）も活用されているでしょうか？
ポートフォリオ制作はイラレよりInDesignの方が効率的に作成できます。
まだInDesignを導入されていない方はAdobe公式サイトから入手できます。
高品質で商用利用可能なポートフォリオテンプレート42選はコチラ！

Illustratorの操作方法

イラレ基本操作