就労移行支援事業所Job庵 デザインプログラム Illustrator 基礎1

1. Illustrator
基礎１
基本用語・操作を覚えよう

2. Adobe Illustratorで作れるモノ
・企業や製品のロゴ ・Webサイトのアイコン

3. ・商品のパッケージ ・図やインフォグラフィック

4. ・ポスター
・イラスト
・インターフェイス

5. ベクタ形式（ドロー系）が採用されている
Illustratorの特徴１
画像を数値で記録している画像形式
✖複雑な図形の表示に時間がかかる
Photoshopはラスタ形式（ペイント系）
劣化させることなく拡大縮小ができる

6. Illustratorの特徴２
簡単に移動や複製、変形を行える
オブジェクト
オブジェクトとは
図形や配置した写真等操作の対象となる
「もの」を意味する

7. パスで描かれたジョブわんの拡大図
アンカーポイント同士を結ぶ線（セグメント）
で描かれている。
このようにパスで描かれた曲線を
ベジェ曲線と呼ぶ。

8. Illustratorで作るイラストは
「線」と「塗り」でできている

9. オープンパスとクローズドパス

10. アートボード
印刷したり、Web用に保存するときの領域のこと

11. はみ出して描けますが、はみ出た部分は
印刷・画像の保存がされません。
アートボード

12. 新規ドキュメントを作成
ファイル→新規（Ctrl+N）

13. パスを描くためのツール
今日はペンツールを使用します。
※端に三角が出ているアイコンは長押し
で一覧が出るようになっています。

14.
直線を描く
曲線を描いてみよう

15. オベジェクトを選択する
いろいろな選択ツール
この黒い矢印アイコンが選択ツールです。選択したいオ
ブジェクトを、これでクリックすると選択されます。
複数選択したいときは、shift キーを押しながらクリッ
クです。また、ドラッグするとドラッグした範囲内のも
のを選択します。
１．選択ツール

16. オベジェクトを選択する
いろいろな選択ツール
パスの中の アンカーポイントを選択するときに使いま
す。
２．ダイレクト選択ツール、グループ選択ツール

17. 覚えておきたいよく使う操作
1.一作業の終わりに、関係無い箇所を
ctrl + クリック
で作業を終了させます。
2.取り消し、やり直しは
ctrl + Zキー

18. 下記のイラストを作ってみましょう

19. 色や線等を設定をする
アピアランスウィンドウ
アピアランスウィンドウ
ウインドウ → アピアランス
または、shift + F6キーで表示。
画面右側に表示されます。
黄色で囲った四角が現在の色で
す。斜線の場合は色が無いことを
意味
しています。
四角をクリックすると下向き三角
が表示されるのでクリックすると
色の一覧が出て来ます。
一覧の中の色をクリックすると
その色になります。

20. 色や線等を設定をする
アピアランスウィンドウ
・色をからカラーコードで指定したい場合
shiftを押しながら黄色で囲った四角をク
リックすると左の画像のような画面になりま
す。
ジョブわんの顔を作るために線を無しにし
て、カラーコードを「#dba871」にしま
す。

21. 顔のベースを作る
ペンツールで曲線を描いて顔を作
ります。
①描き始めたい位置をクリック
②曲線の向きを変えたいところを
クリック
③2点目のアンカーポイントをク
リック
※これをしないと曲線の向きが限
定されます。
④２〜３を繰り返して顔の形を作
ります。

22. パーツを作る
顔のベースが描けたら耳と鼻も同
じように作ります。
口は線を2ptにして塗りを無しに
してペンツールで描きます。

23. パーツを作る
目は「楕円形ツール」を使いま
す。「楕円形ツール」が選択され
た状態で、shiftを押しながらド
ラッグすると正円が描けます。
shiftを押さないでドラッグする
と楕円になります。

24. パーツを組み合わせる
ジョブわんの顔はパーツが重なってできていま
す。肌のパスが一番下で目鼻等他のパスが上に
来る構成です。
このように「階層」になっていることを「レイ
ヤー」と呼びます。
茶色いパスが一番下になっていない場合はレイ
ヤーパネル上でパスを選択し、下までドラッグ
します。

25. 完成
パーツを所定位置まで移動させて完成です。