イラストレーターで表の作成方法をお探しですね。
広告
Illustratorで「グラフ」と「表」をキレイに作る方法【初心者向け完全ガイド】
企画書やインフォグラフィックを作るとき、「グラフ」や「表」があると説得力がグッと上がりますよね。
でも、Illustratorのグラフツールをそのまま使うと、なんだか地味でダサい感じになってしまう…そんな経験ありませんか?
この記事では、Illustratorの基本機能を使って、円グラフや棒グラフ、表を「見た目もキレイで、しかも伝わりやすく」作る方法をわかりやすく解説します。
ただツールの使い方を説明するだけじゃなく、あとから数値を直しやすいデータの作り方も紹介するので、ぜひ参考にしてみてください!
1. まずは基本!Illustratorでグラフを作る手順
Illustratorでグラフを作るときは、ツールパネルにある「グラフツール」を使います。
円グラフや棒グラフなど、作りたいグラフの種類を選んだら、アートボード上をドラッグしてサイズを決めましょう。
すると「グラフデータウィンドウ」というExcelみたいな入力画面が出てくるので、そこに数字を入力するか、Excelのデータをコピペして適用ボタンを押せば、あっという間に正確なグラフができあがります。
このグラフデータウィンドウは、あとから数値を変えたいときにもすごく便利です。
作ったグラフを選択して、メニューの「オブジェクト」→「グラフ」→「データ」を選ぶと、いつでも数値を修正してグラフを更新できます。
ここで注意したいのが、グラフのサイズ変更です。
普通のオブジェクトみたいにバウンディングボックスをドラッグして拡大縮小すると、グラフの中の文字が歪んじゃうことがあります。
拡大縮小ツールを使うか、選択ツールでShiftキーを押しながらサイズを変えると、キレイなまま大きさを調整できますよ。
Illustratorのグラフツールは、最初の状態だとモノクロで地味なデザインです。
でも、この段階で正確なデータの形を作っておくことが、このあとのデザイン作業をスムーズに進めるための大事な土台になります。
まずは、見せたいデータがちゃんとグラフになっているか、項目の順番や割合に間違いがないかをしっかり確認しておきましょう。
ここで土台をしっかり固めておくことが、最終的な仕上がりを左右します。
2. 地味なグラフをオシャレに変身させるコツ
基本のグラフができたら、次は見た目を良くしていきましょう。
Illustratorのグラフは、いくつかのオブジェクトがまとまってできていますが、全体がグループ化されていて特殊な扱いになっています。
なので、棒グラフの1本だけとか、円グラフの1つの部分だけ色を変えたいときは、「ダイレクト選択ツール」(白い矢印のアイコン)を使います。
変えたい部分をクリックして、カラーパネルから色を選んで塗っていくのが基本の操作です。
グラフをキレイに見せるには、配色のルールをはっきりさせることが大切です。
原色をそのまま使うと、目がチカチカして安っぽく見えちゃいます。
メインのデータにはブランドカラーや少し落ち着いた色を使って、比較するデータには同じ系統の明るさ違いやグレーなどを合わせると、プロっぽい洗練された仕上がりになります。
それから、項目の境界線にも気を配りましょう。
最初の状態だと黒い線が入っていることが多いんですが、線を「なし」にするか、背景と同じ色(白など)で細い線にすると、スッキリした今風の印象になります。
あと、フォントの選び方や配置もグラフの美しさを左右する大事なポイントです。
最初から入っているゴシック体をそのまま使うんじゃなくて、全体のデザインに合わせたフォントに変えてみましょう。
数字には見やすい欧文フォントを使って、単位や項目名には日本語フォントを組み合わせると、グッとオシャレになります。
文字のサイズや余白をちょうどいい感じに調整して、情報がごちゃごちゃしないように整理することが、キレイなグラフを作る最大のコツです。
3. Illustratorで整った「表」を効率よくキレイに作る方法
Illustratorにはグラフツールみたいな専用の「表ツール」がないので、表を作るときはいくつかのやり方を使い分ける必要があります。
一番手軽で修正しやすいのが、テキストの「段組設定」や「タブ機能」を使う方法です。
まず、エリア内文字ツールで大きめのテキストボックスを作って、表に入れたい文字を入力します。
そのあと、メニューの「書式」→「エリア内文字オプション」を開いて、行や段の数、間隔を設定すると、均等に分割された見えないグリッドに合わせて文字を配置できます。
罫線でしっかり区切られた表を作りたいときは、「長方形ツール」と「段組設定」を組み合わせるのがとっても効率的です。
表の全体サイズになる長方形を描いたら、メニューの「オブジェクト」→「パス」→「段組設定」を選びます。
ここで好きな行数と列数を入力して、間隔を「0」にすると、一瞬で均等なマス目ができあがります。
このマス目に線の太さや色、背景色を個別に設定していけば、キレイに整った表がデザインできます。
Excelですでに作った表データがある場合は、Illustratorに直接コピペして使うこともできます。
ただし、そのままペーストするとレイアウトが崩れたり、変なスタイルが混ざったりすることがあります。
キレイに仕上げるには、ペーストしたあとにクリッピングマスクを解除して、バラバラになったテキストや線を整列ツールで並べ直すという、ちょっとした手間が必要です。
セルの背景色を交互に変える(ストライプにする)など、見る人の視線の流れを意識したデザインにすると、文字が多くても読みやすいオシャレな表になります。
4. あとから修正しやすいデータ作りと、よくある失敗を防ぐポイント
Illustratorでグラフや表を作るとき、多くの人がやってしまいがちなのが「あとから修正できなくなる」という失敗です。
特にグラフツールで作ったデータを、デザインを自由に変えようとして、メニューの「オブジェクト」→「グループ解除」を安易に実行してしまうケースがよくあります。
一度グループ解除してしまうと、グラフとしての特殊な機能が失われて、グラフデータウィンドウから数値を変えることが一切できなくなってしまいます。
この失敗を防いで、修正しやすいグラフデータを保つには、次のポイントを守ることが鉄則です。
* デザインを変えるときは「グループ解除」を絶対にしない
* 部分的な色や線の変更は「ダイレクト選択ツール」を使う
* 影や立体効果はアピアランスパネルから直接かける
これらを守れば、あとから数値を変えても効果が自動的についてくる「生きたデータ」を作ることができます。
見た目のキレイさだけじゃなく、データの構造としてのキレイさも保つことが、作業効率を落とさないための秘訣です。
表を作るときも、修正しやすさを意識することが大切です。
文字情報と背景の罫線(マス目)は別のレイヤーに分けて管理して、文字の配置には段落スタイルや文字スタイルを使いましょう。
こうしておけば、項目が増えたり減ったりしたときや、全体の色を一気に変えたいときでも、最小限の作業でキレイなまま修正できます。
常に「あとから誰かが数値を直すかもしれない」という視点を持ってデータを作ることが、Illustratorでのデザイン作業において一番プロっぽい姿勢と言えます。
この記事を参考に、ぜひキレイで使いやすいグラフと表を作ってみてくださいね!
広告
