![これだけ覚えればだいたいOK! Illustrator基本の10](/attach/images/2008february/Illustrator/title_illustrator10.gif)
Illustratorはイラストを描くうえでかかせないアプリケーションです。その機能や操作は数限りなくありますが、はじめからすべてをマスターするのではなく、まずは基本的な機能を集中しておぼえていきましょう。Illustratorの基本的な機能を確実にマスターすることが、Illustrator上達の近道と言えます。
第1章 基本のツール(1) |
Illustratorにはさまざまなツールがツールボックスの中にあり、これらのツールを使ってイラストやロゴなどを作成していきます。ここではIllustratorで作成されるオブジェクトの構成とともに、描画の基本的なツールを説明していきます。
そもそもIllustratorで作成されてるオブジェクトはどうなっているのでしょう?
Illustratorは「ベクトルデータ」というもので構成されていて、オブジェクトの形状を数値計算で割り出すため、拡大してもオブジェクトの表示が劣化しないという特長があります。オブジェクトはすべてパス(線)とアンカーポイント(点)で構成されており、この点や線を移動して変形することができるのです。
▼ベクトルデータ(上〜中)に対して、ビットマップデータ(下)はオブジェクトをピクセルで表現するため、拡大すると表示が粗くなります。
![ベクトルデータ例](/attach/images/2008february/Illustrator/vol.001/mdn_ai_001.gif)
![ベクトルデータ例(拡大)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_002.gif)
![ビットマップデータ](/attach/images/2008february/Illustrator/vol.001/mdn_ai_003.gif)
▼オブジェクトは、パス(線)とアンカーポイント(点)と方向ハンドルなどで構成されています。
![オブジェクト例](/attach/images/2008february/Illustrator/vol.001/mdn_ai_004.gif)
![パス(線)とアンカーポイント(点)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_005.gif)
![方向ハンドル](/attach/images/2008february/Illustrator/vol.001/mdn_ai_006.gif)
●選択系のツール
![ツールボックス](/attach/images/2008february/Illustrator/vol.001/mdn_ai_007.gif)
オブジェクトを選択するために使います。ただし、ベクトルデータにはオブジェクトを構成するパスやアンカーポイントもあるため、各用途に合わせて選択ツールを使い分けたりします。それぞれの特徴を説明していきましょう!
▼選択ツール
オブジェクト全体を選択します。パスやアンカーポイントだけを選択することはできません。
![オブジェクト全体を選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_009.gif)
![選択ツール](/attach/images/2008february/Illustrator/vol.001/mdn_ai_008.gif)
▼ダイレクト選択ツール
パスやアンカーポイントさらには方向ハンドルなどを選択することができます。オブジェクトの一部を変更したい場合などに大変便利。
![パスやアンカーポイント、さらには方向ハンドルなどを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_011.gif)
![ダイレクト選択ツール](/attach/images/2008february/Illustrator/vol.001/mdn_ai_010.gif)
![パス(線)とアンカーポイント(点)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_012.gif)
▼グループ選択ツール
グループになっているオブジェクトの一部を選択することができます。
![グループ選択ツール](/attach/images/2008february/Illustrator/vol.001/mdn_ai_013.gif)
![オブジェクトの一部を選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_014.gif)
●描画系のツール
Illustratorには描画に関するツールもいくつか用意されています。代表的なのがペンツールがですが、この扱いがIllustratorのキモとも言えます(次の項目で詳しく説明します)。
▼ペンツール
ペンツールは直線・曲線を描くことができ、正確な線が必要になるトレースなどに向いています(次の項目で詳しく説明します)。
![ペンツール使用例](/attach/images/2008february/Illustrator/vol.001/mdn_ai_016.gif)
![ペンツールを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_015.gif)
▼鉛筆ツール
ペンツールと同様に線を描くツールですが、マウスを自由に動かして線を描くことができます。ラフな線を描くのに便利なツールです。
![鉛筆ツール使用例(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_018.gif)
![鉛筆ツールを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_017.gif)
![鉛筆ツール使用例(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_019.gif)
![鉛筆ツール使用例(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_020.gif)
▼ブラシツール
鉛筆ツールと同様、ラフな線を描くことができますが、ブラシツールで描いた線は、ブラシ機能によって線にさまざまな表情を付けることができます。筆で描いたような線などはこのブラシツールを使います。
![ブラシツール(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_021.gif)
![ブラシツール(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_022.gif)
![ブラシツール(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_023.gif)
![ブラシ機能によって線に様々な表情を付ける](/attach/images/2008february/Illustrator/vol.001/mdn_ai_024.gif)
![筆で描いたような線](/attach/images/2008february/Illustrator/vol.001/mdn_ai_025.gif)
▼直線ツール
Illustrator10から直線を描くツールが追加されました。ワンクリックで直線を描けるほか、アートワーク上をクリックすれば数値入力でも描くことができます。
![直線ツール使用例(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_027.gif)
![直線ツールを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_026.gif)
![線ツール使用例(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_028.gif)
![直線ツール使用例(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_029.gif)
![直線ツール数値入力](/attach/images/2008february/Illustrator/vol.001/mdn_ai_030.gif)
▼円弧ツール
Illustrator10から曲線を描くツールが追加されました。ワンクリックで曲線を描けるほか、アートワーク上をクリックすれば数値入力でも描くことができます。
![円弧ツール使用例(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_032.gif)
![円弧ツールを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_031.gif)
![円弧ツール使用例(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_033.gif)
![円弧ツール使用例(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_034.gif)
![円弧ツール数値入力](/attach/images/2008february/Illustrator/vol.001/mdn_ai_035.gif)
▼スパイラルツール
らせんになった曲線を描くことができます。アートワーク上をクリックすれば数値入力でも描くことができます。
![スパイラルツール使用例(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_037.gif)
![スパイラルツールを選択](/attach/images/2008february/Illustrator/vol.001/mdn_ai_036.gif)
![スパイラルツール使用例(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_038.gif)
![スパイラルツール使用例(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_039.gif)
![スパイラル数値入力](/attach/images/2008february/Illustrator/vol.001/mdn_ai_040.gif)
スパイラルツールは、描いている最中に形状を変更することができます。
・[command]キーを押しながら作成すると、円の比率を可変します。
![[command]コマンドキーを押しながら作成](/attach/images/2008february/Illustrator/vol.001/mdn_ai_041.gif)
![[→]コマンドキーで可変したらせんをデフォルトに戻す](/attach/images/2008february/Illustrator/vol.001/mdn_ai_042.gif)
・[→]キー:可変したらせんをデフォルトに戻します。
![[↓]辺の数を減らします(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_043.gif)
![[↓]辺の数を減らします(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_044.gif)
・[↓]キー:辺の数を減らします。
![[↑]辺の数を増やします(2)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_046.gif)
![[↑]辺の数を増やします(1)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_045.gif)
・[↑]キー:辺の数を増やします。
![[↑]辺の数を増やします(3)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_047.gif)
![[↑]辺の数を増やします(4)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_048.gif)
![[↑]辺の数を増やします(5)](/attach/images/2008february/Illustrator/vol.001/mdn_ai_049.gif)
第1章 基本のツール 1>2>3
第2章 ベジェ曲線を操ろう! 1>2>3
第3章 図形だけで作る模様 1>2>3
第4章 塗りと線しくみ 1>2
第5章 透明効果
第6章 グラデーションとグラデーションメッシュ 1>2
第7章 マスク機能
第8章 ブレンド機能
第9章 文字の基本 1>2
第10章 パスファインダと整列 1>2