[イラスト/ドロー]編
Illustratorでパスを作成・編集するには
クラスメソッド株式会社山崎 基央
福田 寅成
2009/9/8
Illustratorの「アンカーポイント」とは
Illustratorでは、パス(オブジェクト)の編集を基本として図形を作っていきます。基本図形を描いて編集することよりも、ゼロからパスを描いていくことの方が多いでしょう。それには、[ツールパレット]→[ペンツール]を選択し、キャンバスに四角形を描きます。
![]() |
| 図1 [ツールパレット]→[ペンツール] |
4つ点を打つだけですが、最後の点は最初に置いた点の上で打つようにしましょう。開始点と終了点を同じ点にすることで「閉じた線」を描くことができます。
また、この点のことを「アンカーポイント」といいます。
![]() |
| 図2 四角形とアンカーポイント |
アンカーポイントを減らしたり増やしたりするには
アンカーポイントを減らしたり増やしたりして、自分の好きな形にしていきましょう。
まずは、アンカーポイントを1つ増やして五角形にします。アンカーポイントを増やすためには、[ペンツール]の一覧から[アンカーポイントの追加ツール]を選択して、追加したい線上でクリックします。その後、[ダイレクト選択ツール]を使って、アンカーポイントをドラックすることで、パスの形を変形できます。
![]() |
| 図3 [ダイレクト選択ツール] |
[ダイレクト選択ツール]をうまく使うコツは、編集したい点だけをきっちりクリックすることです。アンカーポイントを選択しようとしたときに誤って塗りを選択すると、そのオブジェクト全体が選択されたことになってしまいます。
四角形を星に変形させるには
次に、[アンカーポイントの追加ツール]を使って、線の(大体)中心にアンカーポイントを追加していきましょう。5つの辺すべてにアンカーポイントが追加できたら[ダイレクト選択ツール]を選択して、追加したアンカーポイントをオブジェクトの中へ押し込むように移動します。
![]() |
| 図4 四角形を星に変形させる |
星のようになったでしょうか? ヒトデのようになっているかもしれません。
ちなみに、[Shift]キーを押しながらアンカーポイントを追加すると、水平か垂直、または、斜め45度の直線が描けます。
| D89 デザインTips インデックス へ |
TechTargetジャパン
リッチクライアント & 帳票 フォーラム 新着記事
- 次のモバイルアプリはどのフレームワークで作る? (2012/5/24)
スマホアプリの開発を容易にするJavaScriptのフレームワークが続々と増えている。それぞれの良さや仕組み、何がどこまでできるのかを徹底解剖する - 「LESS&専用エディター」でCSSをシンプルに書こう (2012/5/23)
「LESS」はCSS初心者に向けた、シンプルなライブラリだ。「LESS」で、変数などのプログラミングの基礎的な考え方もCSSで学ぼう - 学校が世界一のデジタル環境になったら (2012/5/18)
授業はアーカイブに蓄積され、家からも見られる。家族が授業テーマのアイデアを出す。そんな姿が実現されるかもしれない - 1000万ドル調達も夢じゃないクラウドファウンディング (2012/5/15)
クラウドファンディングは、寄付型でも投資型でもない「購入型」が主流。商品を“開発する前に販売”して開発費用を集める逆転のシステムだ
|
|
@IT 新着記事
キャリアアップ
スポンサーからのお知らせ
- - PR -
イベントカレンダー
お勧め求人情報
転職/派遣情報を探す
**先週の人気講座ランキング**
〜 Android編 〜
ホワイトペーパー(TechTargetジャパン)
ソリューションFLASH

![図1 [ツールパレット]→[ペンツール]](/fwcr/design/tips/images/017_01.gif)

![図3 [ダイレクト選択ツール]](/fwcr/design/tips/images/017_03.gif)
