Illustratorで罫線だけの円グラフを作成する

この記事は鷹野雅弘によって執筆されました。
公開日:2016年11月 6日、更新日:2016年11月22日

先日のAdobe MAX 2016. Day 1 Keynoteを観ていたところ、次のような画面がありました。

このグラフの表現、ちょっと目新しい感じですね。ということでIllustratorで実装する方法について考えてみました。

手順1(下準備)

  1. [直線ツール]を選択し、アートボードでクリック。[直線ツールオプション]で「長さ:102px、角度:0°」に設定する

  2. 塗りをなし、線を黒、1ptに設定する

  3. 長さ66pxの線を描き、線幅を4pt、[線端]を「丸型先端」に変更する

  4. 左揃えにする

  5. 次の手順でブラシを作成する前に、複製しておくとよい

手順2(ブラシの作成)

  1. 2本の線を選択し、[ブラシ]パネルで[新規ブラシ]アイコンをクリック。[新規ブラシ]ダイアログボックスで「アートブラシ」を選択する

  2. [アートブラシオプション]ダイアログボックスが開いたら、[ブラシ伸縮オプション]に「ガイド間で伸縮」を選択。

    [始点]に「2px」、[終点]に「102px」を設定する(単位がpxでない場合には、単位付きで入力)

手順3(ブラシの適用)

  1. 正円を描き、作成したブラシを適用する

  2. 回転ツールをダブルクリックして、[回転]ダイアログボックスを表示。

    [角度]に「90+3.6」と入力

  3. 完成。

手順4(異なる%)

「手順1(下準備)」の最後で複製した線を元にブラシを作成し、同様の手順で作成する

カラーの変更

カラーを変更するには、ライブカラーが最適です。[配色オプション]で「ブラック」の[保持]オプションをオフにして、お好みのカラーを設定します。

グラデーション

次のような表現をしたい場合、線にグラデーションを適用すればよいのですが、グラデーションを適用した線は、ブラシに登録できません。

アピアランスを分割してからならOKです。なお、グラデーションの適用方法は[グラデーション]パネル内で行います([線]パネルにはない)。

追記

なんか、このグラフのスタイル、むっちゃ推してる。

##追記(2016年11月22日): 修正は次のように行います。

円グラフを分解して、“使い捨て”で作る方がラクかもしれません。

『10倍ラクするIllustrator仕事術』(増強改訂版[CS5/CS6/CC/CC 2014対応])

2014年10月に発売。新しいバージョンを使いながらも、古いやり方のまま作業されている中級以上のユーザー向けの書籍。ツールやコマンドなどの基本的な使い方の解説はありません。

2015年3月、8月に増刷。前書(2011年版)と合算すると3万部超のロングセラーとなっています。

改訂版に関する情報

2011年に発売した書籍の改訂版です。

  • 対応バージョンは、CS5/CS5.1/CS6/CC/CC 2014
  • 178ページから78ページ増量の256ページ
  • 金額は180円(だけ)アップの2,380円(税別)

最新版への対応

2016年11月リリースのIllustrator CC 2017への対応版を、2017年2月に発売します。なお、書籍リリース後の追加情報は、サポートページにて公開しています。

全都道府県縦断セミナーツアー

2014年10月に技術評論社から発売された『10倍ラクするIllustrator仕事術』(増強改訂版)のプロモーションのために、全国47都道県にて実施。

47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』(増強改訂版)は、2011年発売の『10倍ラクするIllustrator仕事術』の改訂版。2014年に技術評論社から発売、現在5刷です。2011年版と合わせて35,000部のロングセラーとなっています。

詳しくはサポートサイトにて。

画像:『10倍ラクするIllustrator仕事術』改訂版

『10倍ラクするIllustrator仕事術』全都道府県縦断セミナーツアー、 47都道府県すべての県での開催が終了しました。ご参加ありがとうございました!

画像:『10倍ラクするIllustrator仕事術』改訂版

5つの「く」

画像:『10倍ラクするIllustrator仕事術』改訂版

DTP Transitのコアとなっている制作へ考え方「ムラなく、モレなく、直しに強く、手数を少なく、美しく」を5つの「く」としてまとめてみました。

オススメのスライド

お問い合わせ

メールマガジン

サイトの新着情報などを、月1回程度、メールマガジンでも配信しています(まぐまぐから配信。無料です)

オススメ記事

Illustrator

InDesign

Photoshop

その他

 

リンク

このページの上部に戻る