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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

投稿者プロフィール

Mika
MikaLP専門webデザイナー
ブログでは主にweb/LPデザイン、WordPress(Lightningテーマ)、note、フリーランス、ランサーズなどの記事を書いています。

web制作会社退社後、ランサーズ(大手クラウドソーシングサイト)で実績220件以上の認定ランサーとしても活動中。

【プロフィールページを見る】

Follow me!

LP制作代行 フリーランス LPデザイナー LPデザイン依頼 WordPress ランディングページ 見積もり無料 料金価格

WordPressを活用した更新性の高いLP制作をしています。他、EC・楽天ショップなどの商品ページLPデザインなども承っております。

WordPressのLP以外にも通常のHTMLのLP制作の対応も可能です。

現時点で発注を考えていなくても、現在抱えていらっしゃる課題やお悩み、依頼を検討されているお仕事内容をぜひお聞かせください。
ご相談内容はメールフォームからお送りいただけますと幸いです。

制作のご依頼はこちらから

営業時間:平日9〜20時

営業日1日以内にご返信致します。
「資料DL・お問い合わせ」のフォームから自動返信メールで資料ダウンロード可能です。

WordPressのLP制作実績