IllustratorなどのデザインソフトでよりみかけるのW「アンカーポイント」。
「なんとなく聞いたことはあるけど、正確に何のことか説明できない」という人も多いのではないでしょうか。
この記事では、アンカーポイントの意味・役割・2種類の違い・基本操作を、デザイン初心者にもわかりやすく解説します。
アンカーポイントとは
アンカーポイント（anchor point）とは、図形や線（パス）の形を決めるための基準となる点のことです。
Adobe Illustratorの公式ドキュメントでは、「パスのシェイプと方向を制御する、パス上にあるポイント」と定義されています。
「anchor（アンカー）」は英語で「錨（いかり）」を意味します。
船の錨が海底に固定されて船の位置を決めるように、アンカーポイントはパスが必ず通る固定点として図形の形を決めます。
IllustratorやPhotoshopなどのソフトで長方形・円・自由な曲線を描くと、図形の頂点や曲がり角に小さな四角い点が表示されます。
それがアンカーポイントです。
パスの構成要素：3つの部品
アンカーポイントを正しく理解するには、「パス」全体の構造を知っておくと便利です。
パスは以下の3つの部品で構成されています。
アンカーポイント： パスが通る基準点。図形の頂点や曲がり角に配置される点のこと。
セグメント： アンカーポイントとアンカーポイントの間をつなぐ線（直線または曲線）のこと。
ハンドル（方向線）： アンカーポイントから伸びる補助線のこと。この方向や長さを変えることでセグメントの曲がり方を調整できる。
たとえば三角形は3つのアンカーポイントと3本のセグメントで構成されます。
円は4つのアンカーポイントと4本のセグメント、そしてそれぞれのハンドルで滑らかな曲線を表現しています。
アンカーポイントの2種類
アンカーポイントには、大きく分けて2種類があります。
スムーズポイント（滑らかな曲線を作る点）
ハンドルが左右に一直線に伸びているアンカーポイントです。
両側のセグメントを滑らかにつなぐ役割があり、曲線部分に使われます。
スムーズポイントのハンドルを動かすと、左右のハンドルが連動して動くため、曲線が急に折れ曲がらず自然なカーブを保ちます。
コーナーポイント（角を作る点）
ハンドルを持たない、または左右のハンドルが独立して動くアンカーポイントです。
角張った形や直線同士の接続に使われます。
コーナーポイントの状態は3通りあります。
- ハンドルがまったくない状態：直線同士をつなぐ角
- 片側にだけハンドルがある状態：直線と曲線をつなぐ
- 左右のハンドルが異なる角度を向いている状態：曲線同士を折れた形でつなぐ
スムーズポイントとコーナーポイントは「アンカーポイントツール」を使って相互に切り替えることができます。
アンカーポイントを操作する主なツール
Illustratorでアンカーポイントを操作するときに使うツールは以下の4つです。
ペンツール： アンカーポイントを新しく追加して、パスを描くためのツール。クリックするとコーナーポイント、ドラッグするとスムーズポイントが作成される。
ダイレクト選択ツール（白い矢印）： アンカーポイントを個別に選択して移動・編集するためのツール。通常の選択ツール（黒い矢印）ではアンカーポイントを個別に操作できないため、このツールを使う必要がある。
アンカーポイントの追加ツール： 既存のパスのセグメント上にアンカーポイントを追加するためのツール。ペンツールを長押しすると表示される。
アンカーポイントツール（切り替えツール）： スムーズポイントとコーナーポイントを切り替えるためのツール。ペンツールを長押しするとメニューに表示される。WindowsはAlt、MacはOptionキーを押しながらペンツールを使うと一時的に切り替わる。
アンカーポイントの数と品質の関係
アンカーポイントは多ければ良いというわけではありません。
アンカーポイントが多すぎると、以下のような問題が起きます。
- パスが複雑になり、滑らかな曲線が表現しにくくなる
- ファイルサイズが大きくなり、ソフトの動作が重くなる
- データをグッズや印刷物に入稿する際、仕上がりがガタガタになる場合がある
Illustratorには「オブジェクト」→「パス」→「単純化」という機能があり、アンカーポイントの数を自動で減らしてパスをシンプルにすることができます。
シンプルで意図した形をきれいに表現できるデータが、品質の高いデータといえます。
After Effectsにおけるアンカーポイントの意味
デザインソフト以外では、After Effects（動画編集ソフト）でも「アンカーポイント」という言葉が使われます。
ただし意味が異なるため注意が必要です。
After Effectsのアンカーポイントは、レイヤーの回転・拡大縮小が行われる基準点（中心点）を指します。
Illustratorのような「パスを構成する点」ではなく、「オブジェクトがどの位置を中心に変形するか」を決める概念です。
たとえばドアの開閉アニメーションを作りたい場合、アンカーポイントをドアの端（蝶番の位置）に移動させると、自然な開閉の動きを表現できます。
まとめ
アンカーポイントとは、図形や線（パス）の形を決める基準点のことです。
| 用語 | 役割 |
|---|---|
| アンカーポイント | パスが通る基準点。図形の形を決める |
| スムーズポイント | 曲線を滑らかにつなぐアンカーポイント |
| コーナーポイント | 角や直線をつなぐアンカーポイント |
| セグメント | アンカーポイント間をつなぐ線 |
| ハンドル（方向線） | 曲線の方向・カーブを調整する補助線 |
アンカーポイントを使いこなすことで、自由な形の図形を正確に作れるようになります。
IllustratorやPhotoshopを使い始めた方は、まずペンツールとダイレクト選択ツールの基本操作から慣れていくことをおすすめします。
参考情報源：
コメント