色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

Webデザインで使われてるグラフのイラストの大半はIllustratorで作成されていることが多いです。

Illustratorで円グラフの作り方の紹介です。

(1)ツールバーから「円グラフツール」を選びます

色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

(2)円グラフツールをクリックした後でアートボード上で適当な大きさでドラッグして円グラフの大きさを決めます。

色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

(3)黒い円グラフ作成後に出てきたウィンドウに数値を入力します

図のような円グラフが作成されます。

色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

好きな色へグラフを変更する

オブジェクトの再配色で新規から好きな色を選んで色を変えることができます。

色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

円グラフをドーナツ状にしたいとき

楕円形ツールを選択して円グラフに重ねて「透明」パネルからマスクを作成し、「マスクを反転」をクリックすると円グラフがドーナツ状の形状になります。

ちょっとおしゃれ感が出ます。

色変えも数値も自由に変えれる!Illustratorで円グラフを作る方法

Illustratorでグラフを作るメリットは後から数値を自由に変更可能な点と色を自在に変えれる点です。

デザインにおいて自由度は高いです。

デザインに使用するグラフの元データはIllustratorが基本だと思います。

当事務所ではこういったグラフなどのデザイン画像、イラスト制作も承っております。

お気軽にご相談ください。

Follow me!

投稿者プロフィール

Mika
MikaLP専門webデザイナー
LP制作代行サービスをしています。
ブログではweb/LPデザイン、フリーランス、ランサーズのことなど記事を書いています。
LP制作代行 フリーランス LPデザイナー ランディングページ 見積もり無料 料金価格

WordPressのランディングページ(LP)制作を依頼してみませんか?
もちろん通常のHTMLのLP制作の対応も可能です。

WordPressのランディングページ(LP)はワードやパワポ感覚で編集が簡単に行えるためお客様ご自身で修正や更新が行えます。

WordPressのLP制作実績