デザイン

【簡単】ドーナツ型のグラフの作り方【Illustrator】

  • このエントリーをはてなブックマークに追加

こんにちは、ワタナベです。

今回はIllustratorでドーナツ型の円グラフを作る方法の備忘録です。
ドーナツ型にした後も数値変更可能です(*´ω`)

STEP1 普通に円グラフを作る

STEP2 楕円形ツールでグラフより小さい正円を作り、グラフの真ん中に来るよう配置します

真ん中を透過させる必要がないならここで終了でもよいでしょう(;’∀’)
今回は透過させたいので次のステップへ進みます!

STEP3 「透明」パネルから「マスク作成」

グラフと正円を選択し、上部メニュー→「ウィンドウ」→「透明」からマスク作成をクリック!

マスク作成後、上図赤枠部分「マスクを反転」のみにチェックを入れるようにして完成✨
この状態でも数値などグラフのデータの変更が可能になります。

書き出すとちゃんと真ん中が透過されています(^O^)
簡単なのでぜひ作ってみてください。

▼THANKS!(グラフの他のアレンジ方法も載ってます!)

それではまた次回。
ご閲覧ありがとうございました♪

  • このエントリーをはてなブックマークに追加

【Webデザイナー募集!】D-Gripで一緒に働きませんか?

ただいま株式会社D-Gripシステムでは、制作部として一緒に働いてくれるWebデザイナーさんを募集しています。

実務経験がある方はもちろん、専門学校や独学で勉強された未経験の方でも歓迎です!
800サイト以上の運営実績のある会社で、プロのWEBデザイナーへの道を着実に歩んでいきませんか?

お問い合わせはコチラから↓
採用サイトへ

お電話はコチラから↓
TEL:03-5363-2191

採用サイトへ