Shaperツールのつかいかた｜Adobe Illustrator Tips

【Shaperツールとは】

ドラッグによるジェスチャー操作で、様々な図形（シェイプ）の作成および交差部分の結合・削除ができるオールインワン的なツール。

• 長方形、楕円形、直線、多角形のシェイプを作成する。

• 重ねたパスの交差範囲を分割・結合・削除する。

• 加工後も元の形状は維持されて編集可能。

【Shaperツールの操作方法】

■機能を使うには

ツールバー「はじめに」「詳細」に表示されています。
ショートカットは 「Shift+N」。

■基本操作

▼シェイプの作成
ドラッグでおおよその形状を描くと、自動でシェイプに変換されます。

1. ツールバーからShaperツール（Shift+N）に切り替え。

2. ドラッグでおおよその形状を描く。

3. ドラッグを終了すると、近い形状のシェイプに変換される。

▼パスの結合・削除
重ねたパスの上でギザギザにドラッグすると、その部分だけを結合・削除できます。加工後も元のパスはそのまま残っているため、後から位置や大きさなどを編集できるのが特徴です。

1. 複数のパスを重ねる。

2. ツールバーからShaperツール（Shift+N）に切り替え。

3. 加工したい範囲をギザギザにドラッグ。

■キーボード／マウスの操作

• シェイプの作成 … ドラッグで図形を描く

• パスの結合・削除 … 対象範囲をジグザグにドラッグ

• 選択 … クリック

• 選択解除 … 何もない場所をクリック

• 一時的に選択・ダイレクト選択ツール（最後に使用した方）に切り替え … ⌘（Ctrl）長押し

• 面の選択モードへ移動 … 選択中のShaper Groupをクリック

• 設計モードへ移動 … バウンディングボックス右の「↓」をクリック／パスをダブルクリック／パスの線をクリック

（１）シェイプの作成の詳細

作成可能なのは長方形、正方形、楕円形、正円、直線、三角形、六角形で、形状によって角度の違いも反映されます。また、塗りと線の色は強制的に若干グレーよりの白黒に、線端は丸型線端になります。

• 長方形、正方形、楕円形 … 45°回転

• 六角形 … 90°回転

• 三角形 … 180°回転（横向きは不可）

• 直線 … 自由角度（Shiftで角度固定不可）

（２）パスの結合・削除の詳細

結合されるケースと削除されるケースの違いについて。
まとめると「複数の領域内を横断すれば結合。それ以外は削除」です。

• 結合する場合 … ギザギザが複数の領域内を横断すると、通過した領域がまとめて結合されます。パスの交差範囲は反映されません。

• 削除する場合 … ギザギザが単一の領域内にある、もしくは一度でもパスの外側に出た場合、通過したパスの交差範囲のみが削除されます。

▼結合後の色は、ギザギザを描きはじめた領域に合わされます。

▼塗りと線は判定が別です。下図のように塗りだけが消えて線が残る場合もありますし、逆にはみ出た線だけを削除することも可能です。

▼パスの選択やロックについて補足

• 結合・削除の加工において、パスの選択は不要です。

• パスを選択した状態で加工すると、選択パスのみが加工の対象になります。ただし、パス上でドラッグすると「選択パスの移動」の操作になるため、結合ができません。パス外からのドラッグによる削除のみ可能です。

• ロックや非表示にしたパスも加工対象から外れます。

（３）Shaper Groupの編集

前項のようにShaperツールでパスを加工すると、「Shaper Group」という特殊オブジェクトに変換されます。（選択時のプロパティから確認可）

Shaper Groupとしてのパスの加工は見た目だけで、元の形状は維持されています。そのため、加工後でも位置や大きさなどを調整できます。

加工後のパスを編集するには、「面の選択モード」と「設計モード」というShaper Groupのための特殊な機能を使用します。

▼面の選択モード
結合した領域の塗りの色を変更するモード。

1. Shaper Groupを選択。

2. Shaperツールで編集したい領域をクリックしてモード切り替え。

3. 選択でグレーっぽくなった領域の色を、プロパティなどから変更。

ちなみに、オブジェクトの選択および選択解除はShaperツールでも可能なため、わざわざ選択ツールに切り替える必要はありません。

▼設計モード
個別のパスを選択および編集するためのモード。個別のパスの色を変更したり、削除で見えなくなったパスを選択して変形も可能です。

1. Shaper Groupを選択。

2. Shaperツールで、以下のいずれかを行うとモード切り替え。
   ・バウンディングボックス右の「↓」をクリック。
   ・パスをダブルクリック。
   ・パスの線をクリック。

3. 編集したいパスをクリックで選択し、編集を行う。

なお、設計モード時の選択は、見えているパスの塗り部分か、点線で表示されている線の部分をクリックする必要があります。

また、選択後の移動についても通常のドラッグ操作では実行できません。中心点が表示されている場合はそこをドラッグするか、キーボードの矢印キーなどで移動させる必要があるようです。

▼Shaper Groupからパスを削除
設計モード時にバウンディングボックス外へパスを移動させると、グループからそのパスを除外できます。しかし、消すだけなら普通にdeleteでも削除できるため、「グループから外すけどパス自体は残したい」時にのみ有効？

■パネルの操作

Shaper Group選択時のプロパティパネルのクイック操作に、いくつか関連するボタンが表示されます。

• Shaper Groupを結合 … 複数のShaper Groupを選択時にのみ使用可能。選択グループを統合して１つのグループにするっぽいけどよくわからん。

• 拡張 … Shaper Groupを分割・統合し、通常のパスの状態に変換。

• 隙間オプション … パスの加工時に、わずかな隙間を無視して加工できるようにするオプション。ライブペイントツールに全く同じ設定があるので、詳しくはそちらを参照。

■メニューの操作

Shaperツール専用のメニュー機能はありませんが、なぜか オブジェクト＞ライブペイント 内の機能をそのまま使用できます。

• 解除 … Shaper Groupを解除し、通常のパスに戻す。着色は解除され、黒い線だけの状態になります。

• 隙間オプション … 多少の隙間があってもパスを結合・削除できる「隙間オプション」を設定。詳しくはライブペイントツールにて。

• 拡張 … Shaper Groupを分割し、見た目通りの通常のパスに変換。

【Shaperツールのヒント】

描いた図形は「シェイプ」になる

Shaperツールで作成したパスは、「シェイプ」という特殊な状態になります。楕円形ツールや多角形ツールなどで作成した場合と同じく、楕円形を扇形に変形する、多角形の角の数を変更するなどの変形が可能です。

シェイプの色や線の設定は固定

事前に塗りや線の色を設定しても、作成されるシェイプは白い塗りと黒い線になります。また、線の「線端」は「丸型線端」になります。

厳密に言えば完全な白と黒ではなく、わずかにグレー寄りの白黒になります。意図は不明ですが、「オブジェクトの再配色」の初期設定では純粋な白黒は対象外となるので、それを避けるためと推測。

また、例外として直線のみ、作成時の塗りの色が維持されます。つまり、直線に塗りが設定される不適切な状態になります。Shiftで角度固定できないなど不便な面もあるため、直線の作成に関しては非推奨です。

Shaper Groupは実質ライブペイント？

完全に余談ですが、Shaper Group選択時のプロパティパネルの「拡張」「隙間オプション」はライブペイントツールと全く同じ機能であり、なんと「隙間オプション」を開くと「ライブペイントグループ」とそのまんまの文言も残っています。また、ライブペイントツールでの着色や オブジェクト＞ライブペイント の機能も、そのままShaper Groupに使用できます。このことからShaper Groupはライブペイント関連の機能をそのまま流用・拡張した機能ではないかと推測できます。

【関連リンク】

▼イラレ職人コロの関連記事を検索

▼アドビ公式ヘルプ

• Shaper ツールを使用したフリーハンド描画によるシェイプの作成

• Shaper ツールやシェイプ形成ツールを使ったシェイプの新規作成

▼その他機能についての解説はこちら

Shaperツールについて、よくわからない点や悩みがあれば、この記事のコメントで気軽に相談してください。