Illustratorで図形を描いて色を塗るには
クラスメソッド株式会社山崎 基央
福田 寅成
2009/9/8
Illustratorで単純図形の描画
Illustratorでは、基本的な矩形や円、多角形などを描くことが簡単にできます。
例えば、ツールから［長方形ツール］を選択し、キャンバスにドラッグ＆ドロップして描いてみましょう。［長方形ツール］を長押しすると、ほかの形も描くことができます。円のツールを選択してキャンバスにドラッグ＆ドロップして描いてみましょう。
 |
| 図1 ［ツールパレット］ |
図1のようにIllustratorでは、［長方形］［角丸長方形］［楕円形］［多角形］［スター］（星）の5つを基本図形として簡単に描くことができます。アイコンの6つ目にある［フレアツール］は特殊な図形ツールです。
 |
| 図2 キャンバスに描かれたサンプル |
Illustratorで正方形や正円の描画
さて、上記のように長方形と楕円は描けましたか？ 次に、［Shift］キーを押しながら図形を描いてみましょう。
 |
| 図3 正方形と正円 |
今度は正方形と正円が描かれています。［Shift］キーで縦と横の長さの比率を同じにしてキャンバスに描くことができます。
Illustratorで複雑な“スター”や三角形の描画
同じように［スターツール］［多角形ツール］も描いてみましょう。今度は、ドラッグ中にキーボードの［↑］キーと［↓］キーを押してみましょう。頂点の数が変わるのが分かりますか？ 図4では、頂点数を複雑にしたスターと、三角形を描いてみました。
 |
| 図4 複雑なスターと三角形 |
Illustratorにおける“塗り”と“線”
Illustratorで扱われるすべてのパス（オブジェクト）データは“塗り”と“線”を持っています。塗りには、単色での塗りつぶし、グラデーション、パターンといった複数の要素を適用できます。線は単色しか扱えませんが、太さや塗りに対して外側に描くのか内側に描くのか、また角はどのようになっているのかなどを設定できます。
下記の［カラーピッカー］ツールで、選択した図形の線と塗りを確認できます。下記ツールはダブルクリックで表示されます（クリックだと、シンプルな色選択画面が出ます）。
 |
| 図5 ［ツールパレット］→［カラー選択］ |
 |
| 図6 色を変更した図形 |
このように、簡単に色を変更できます。
 |
D89 デザインTips インデックス へ |
TechTargetジャパン
- 次のモバイルアプリはどのフレームワークで作る？ （2012/5/24）
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS＆専用エディター」でCSSをシンプルに書こう （2012/5/23）
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら （2012/5/18）
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング （2012/5/15）
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
 |
|
|
|
|
キャリアアップ
スポンサーからのお知らせ
- - PR -
イベントカレンダー
お勧め求人情報
転職／派遣情報を探す
*＊先週の人気講座ランキング＊*
〜 Android編 〜
ホワイトペーパー（TechTargetジャパン）
著作権はアイティメディア株式会社またはその記事の筆者に属します。（著作権について）
当サイトに掲載されている記事や画像などの無断転載を禁止します。
「＠IT」「＠IT自分戦略研究所」「＠IT情報マネジメント」「JOB＠IT」「＠ITハイブックス」「＠IT MONOist」「ITmedia」「誠」は、アイティメディア株式会社の登録商標です。
当サイトに関するお問い合わせは「＠ITへのお問い合わせ」をご覧ください。