illustrator cc2014 円グラフの作り方
DESCRIPTION
Illustrator CC 2014 円グラフの作成 ウェブ用の出力 グラフデータの二次利用TRANSCRIPT
![Page 1: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/1.jpg)
Illustrator CC 2014円グラフの作り方
!
Osaka YMCA International College Terry Lee
![Page 2: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/2.jpg)
課題
![Page 3: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/3.jpg)
![Page 4: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/4.jpg)
ツールバーの設定
![Page 5: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/5.jpg)
ツールバーの【円グラフツール】を選択し、
画面に適切な正方形をドラグしてください。
![Page 6: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/6.jpg)
数字を入力ダイヤルボックスに数字を入力
tab tab
![Page 7: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/7.jpg)
tab
入力が終わり、【enter】キーを押しますと円グラフが自動作成されます。
![Page 8: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/8.jpg)
線の削除について
選択ツールを選ぶ
円グラフを選択
線を表にクリック なしをクリック 線の色がなくなる
![Page 9: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/9.jpg)
カラーの設定 カラーのパレットを選択
CMYKを選択
【塗り】を選択
![Page 10: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/10.jpg)
CMYKについて、細かな設定ができる
オプションを表示
![Page 11: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/11.jpg)
選択を解除について
選択している状態
選択>選択を解除をクリック
選択していない状態
![Page 12: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/12.jpg)
カラーの円グラフを作る
円グラフ全体を選択
シアンを選ぶ
![Page 13: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/13.jpg)
ダイレクト選択ツール
ツールの【ダイレクト選択ツール】を選択
円グラフの右上の部分を選択
赤を選択
![Page 14: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/14.jpg)
カラーを付ける
赤
オレンジ
グリーン
シアンのまま
グレー
![Page 15: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/15.jpg)
カラーを付けた後選択>選択解除してください
文字の入力になり、文字ツールを選択
文字パネルを確認 ツール>文字を選択!
![Page 16: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/16.jpg)
入力について
数字32%を入力してください。文字サイズは18pt
![Page 17: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/17.jpg)
影の作成について
数字の32%を選択
![Page 18: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/18.jpg)
色を付ける
![Page 19: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/19.jpg)
影について
ダイレクト選択ツールを選択し、白い文字を黒い文字の上に 斜めに配置すれば、影が見えるようになります。
![Page 20: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/20.jpg)
コピー&ペーストにした後、文字を白く変換し、 重ねるように配置してください。
![Page 21: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/21.jpg)
![Page 22: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/22.jpg)
凡例の作成について
赤を選ぶ
色を吸い取る
![Page 23: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/23.jpg)
![Page 24: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/24.jpg)
文字の入力
文字ツールを選択し、英語入力を選ぶ
![Page 25: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/25.jpg)
入力
文字ツールをクリックし、単語を入力〃〃〃
![Page 26: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/26.jpg)
整列について
![Page 27: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/27.jpg)
![Page 28: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/28.jpg)
○を選択
![Page 29: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/29.jpg)
垂直方法に中央に分布
![Page 30: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/30.jpg)
垂直方法に中央に分布
完成図
![Page 31: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/31.jpg)
完成
![Page 32: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/32.jpg)
二次利用について他のソフトウェアに利用の為に出力が必要です。
![Page 33: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/33.jpg)
![Page 34: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/34.jpg)
名前を付ける
デスクトップを選択
保存を押します
デスクトップに保存
![Page 35: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/35.jpg)
デスクトップに保存
![Page 36: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/36.jpg)
二次利用について
![Page 37: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/37.jpg)
![Page 38: Illustrator cc2014 円グラフの作り方](https://reader034.vdocuments.net/reader034/viewer/2022042614/5583675bd8b42a972b8b4b38/html5/thumbnails/38.jpg)
The End