1年生の時に初めて受けたIllustratorの授業で、インフォグラフィックスやグラフ、チャートを作ったのを覚えています。 Adobe Illustratorはグラフを作るのに向いているのか、という疑問の答えになりますか？ もちろん、向いていますよ。

また、グラフツールを使えば、さまざまな種類のグラフを簡単に作成することができます。

このチュートリアルでは、Adobe Illustratorでさまざまなグラフツールを使ってグラフを作成し、スタイルを設定する方法と、編集のヒントを紹介します。

注：このチュートリアルのスクリーンショットは、Adobe Illustrator CC 2022 Mac版から引用しています。 Windowsやその他のバージョンでは、異なる表示となる場合があります。

Adobe Illustratorのグラフツールはどこにあるのか

グラフツールは、Adobe Illustratorのドキュメントウィンドウの左側にあるツールバーから探すことができます。 デフォルトのグラフツールは「列グラフツール」ですが、アイコンをクリックしてメニューを展開すると、他のグラフツールも表示されます。

ツールバーにツールが表示されない場合は、ベーシックツールバーを使っていることが原因です。 この場合、オーバーヘッドメニューからツールバーをアドバンスツールバーに切り替える必要があります。 ウインドウ > ツールバー > アドバンスト .

では、グラフを作ってみましょう。

Adobe Illustratorのグラフツールの使い方

Adobe Illustratorには9つのグラフツールが用意されており、その方法も同様です。 どのツールを選んでも、シートにデータを記入することで、選んだ種類のグラフが作成されます。

棒グラフ・柱状グラフ、折れ線グラフ、円グラフはよく使われるので、その作り方を紹介します。

例1：Illustratorで棒グラフ・段組みグラフを作る方法

棒グラフと列グラフは、データの表示方向が異なるだけで、基本的には同じものです。 まあ、これは私の意見ですが。 とにかく、デフォルトの列グラフツールから始めてみましょう。

ステップ1． を選んでください。 カラムグラフツール をツールバーから選択するか、キーボードショートカットの J をクリックすると起動します。

ステップ2． グラフの大きさは、アートボードをクリックして入力するか、アートボード上で直接クリック＆ドラッグします。 グラフの大きさはいつでも変更できるので、正確な数値がなくても心配はいりません。

をクリックしたら よっしゃー ボタンをクリックすると、グラフのデータを入力するシートが表示されます。

ステップ3． 入力する 表の最初のボックスをクリックし、上の白いバーで属性を入力します。 を押します。 戻る または 入力 キーを押すと、その属性がテーブルに表示されます。

例えば、データA、データB、データC、データDを置くことができます。

そして、表の2行目に各属性の値を入力する。

例えば、日付Aが20％、データBが50％、データCが25％、データDが5％なので、対応するデータの下に20、50、25、5という数字を足せばいいのです。

注意：数字の合計は100でなければなりません。

また、ExcelのグラフをAdobe Illustratorに取り込んで編集することもできます。 そのため、すでにExcelにデータがあり、もう一度作り直したくない場合は、「データを取り込む」ボタンをクリックしてExcelファイルを選択すると、ExcelからAdobe Illustratorにデータを取り込むことができます。

データを入力したらチェックボタンをクリックし、シートを閉じます。

グラフがグレースケールで表示されるので、次はグラフにスタイルを設定します。

ステップ4． グラフを選択し 対象物 > アングループ をクリックして、グラフのグループ化を解除し、編集できるようにします。 グループ化を解除すると、次のようなメッセージが表示されます。 をクリックします。 はい .

通常、テキストはグループ化され、シェイプはサブグループにまとめられているので、何度かグループ化を解除する必要があります。

注意：一度グループ化を解除すると、グラフツールを使ってデータを変更することはできません。 ですから、データに100％の自信がない場合は、何か変更を加える場合に備えて、グラフを複製しておくとよいでしょう。

オブジェクトのグループ化を解除したら、グラフのスタイルを変更します。 色を変えたり、テクスチャを追加したり、テキストを追加したり、必要なら3Dの列グラフを作ることもできます。 たとえば、色から始めるとします。

ステップ5． 列を選択して色を変更します。 Adobe Illustratorでは色の塗りつぶしの方法がたくさんあります。 見本から好みの色が見つからない場合は、自分で見本を作ることができます。

以上、コラムグラフをよりスタイリッシュにするために、自由にアレンジしてください。

では、次に 棒グラフツール .列グラフツールと同じデータを入力すると、このような基本的な棒グラフができあがります。

先ほど紹介した方法で、棒グラフのスタイルを変更することができます。 例えば、ここでは色を変更する以外に、棒のサイズも変更しています。

例2：Illustratorで円グラフを作成する方法

先ほど述べたように、方法は似ているので、例題1と同じ手順で円グラフを作ることができます。 ただし、手順1では、「列グラフツール」を選ぶ代わりに 円グラフツール .

データを入力すると、列グラフの代わりに円グラフが表示されます。

円グラフを立体的にしたり、ハーフパイにしたり、ドーナツ円グラフにしたりと、楽しい工夫があります。

ただ、いくつかのアイデアを共有するために🙂。

例3：Illustratorで折れ線グラフを作成する方法

ラインツールは、通常、異なるタイムライン間でデータを比較したい場合に使用します。 シート上でデータを入力する際に、列や円グラフを作るよりも少し複雑です。 実際には、Excelのスプレッドシートでデータを入力する方法と同じです。

簡単な例ですが、あるアイスクリーム屋さんが、1000人に好きなアイスクリームのフレーバーに投票してもらっていて、ここに過去1年間のデータがあります。

あまりスタイリッシュには見えませんでしたね。

オブジェクトのグループ化を解除し、例1と同じ方法でスタイルを設定することができます。 インジケーターの形状を変更することができます。例えば、私は味を表現するために異なる形状を選択しました。

補足：グループ化を解除した後、再度グループ化を行う場合 選び取る を選択すると、オーバーヘッドメニューに移動します。 選択 > 同じ > 外観 .

見た目は良くなった？

まとめ

Adobe Illustratorでグラフやチャートを作る一番の利点は、簡単にスタイルを設定でき、データのビジュアル化を見事に実現できることです。 このチュートリアルの3つの例を見れば、残りのグラフツールを把握するのに役立つはずです。

繰り返しになりますが、グループ化を解除してグラフのスタイルを整える前に、データが正確であることを確認することが重要です。