Adobe Illustrator のシェイプ ビルダー ツールを使用すると、初心者でも単純なシェイプを組み合わせて複雑なシェイプを作成できます。この簡単な Illustrator チュートリアルでは、基本的なシェイプをマージおよび減算して新しいシェイプを作成する方法を紹介します。
Shape Builder ツールは、バージョン CS5 で Illustrator に追加され、それ以降のすべてのバージョンに含まれています。Adobe Illustrator CC を使用しましたが、Illustrator CS5 以降を使用している限り、これらの手順は有効です。
目次
- シェイプ ビルダー ツールを使用してシェイプをマージする方法
- シェイプ ビルダー ツールを使用してシェイプを消去する方法
- シェイプ ビルダー ツール オプションの設定方法
- ギャップ検出
- 開いている塗りつぶされたパスを閉じていると見なす
- 結合モードでストロークをクリックするとパスが分割される
- 色を選択
- 選択
- ハイライト
- キープ・アット・イット

シェイプ ビルダー ツールを使用してシェイプをマージする方法
ベクトル形状をマージすることから始めます。Illustrator のシェイプ ツールはすべて、ベクター シェイプを作成します。つまり、任意のサイズにスケーリングできます。
- アートボードにいくつかの図形を追加します。長方形ツール、楕円形ツール、多角形ツール、ペン ツールなど、任意の形状ツールを使用できます。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
- シェイプ ビルダーツールのマージ モードを使用して、重なっているシェイプを移動し、シェイプが交差するようにします。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
- 選択 ツールを使用して、重なっている 2 つ以上の図形を選択します。複数の図形を選択するには、 Shift キーを押したままにします。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
- ツール パネルから[シェイプ ビルダー]を選択するか、キーボード ショートカットShift + Mを使用します。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
- シェイプ ビルダー ツールを、選択したシェイプ全体にドラッグします。ドラッグすると、新しい形状の各部分が強調表示されます。マウスを離すと、形状が結合されます。カーソルの横に小さなプラス記号が表示され、ある図形を別の図形に追加していることがわかります。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ヒント:複数の図形が重なっている領域をうっかり見落としてしまわないようにするには、Shift キーを押しながら結合するすべての図形の周りにシェイプ ビルダー マーキーをドラッグします。
シェイプ ビルダー ツールを使用してシェイプを消去する方法
グラフィック デザイン プロジェクトでは、ある図形から別の図形を差し引く必要がある場合があります。Shape Builder には、簡単に作成できる消去モードがあります。
- 選択ツールを使用して、重なっている 2 つの図形を選択することから始めます。あるシェイプを別のシェイプから差し引きます。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
- シェイプ ビルダー ツールを選択し、 Alt キーまたはOption キー(Mac)を押したまま、あるシェイプから別のシェイプと重なっているそのシェイプの部分にドラッグします。ご覧のとおり、Alt キーまたは Option キーを押すと、シェイプ ビルダー ツールが消去モードになり、一方のシェイプが他方のシェイプから差し引かれます。カーソルの横に小さなマイナス記号が表示されるので、消去モードが有効になっていることがわかります。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ヒント:追加のアンカー ポイントが、2 つの図形が交差していた新しい図形に追加されることに注意してください。必要に応じて、これらのアンカー ポイントを使用してパスの形状を変更できます。
Illustrator のパスファインダー ツールを使用して複雑なシェイプを作成したことがある場合は、代わりにシェイプ ビルダー ツールを使用する方がはるかに速くて簡単であることに気付くでしょう。
シェイプ ビルダー ツール オプションの設定方法
Adobe Illustrator で Shape Builder ツールがどのように機能するかについてよく理解できたので、カスタマイズできるオプションについて少し学習してください。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ツールバーのシェイプ ビルダーをダブルクリックして、シェイプ ビルダー ツール オプションにアクセスします。
ギャップ検出
真ん中に隙間があり、重なり合う 3 つの楕円があるとします。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
シェイプ ビルダーのオプションでギャップ検出をオンにすると、シェイプを結合するときにそのギャップ領域を含めるようにシェイプ ビルダーに指示できます。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ギャップの長さを正しく設定するには試行錯誤が必要な場合があるため、シェイプ ビルダーには必要なだけのギャップが含まれます。
開いている塗りつぶされたパスを閉じていると見なす
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ペン ツールを使用して開いたパスを作成し、[シェイプ ビルダー] オプションの[開いている塗りつぶされたパスを閉じていると見なす]ボックスをオンにした場合、シェイプ ビルダーはパスが開いている非表示のエッジを作成し、領域を作成できるようにします。
結合モードでストロークをクリックするとパスが分割される
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
[結合モードでストロークをクリックするとパスが分割される] チェックボックスがオンになっている場合は、パスの一部を選択できます。
色を選択
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ここで、新しく作成された形状にどのように色を付けるかを選択します。
- 新しいシェイプのスタイルを、シェイプ ビルダー ツールで最初に触れたオブジェクトと同じにする場合は、[アートワーク]を選択します。
- 最後に選択したオブジェクトの色見本で新しいシェイプを塗りつぶす場合は、[色見本]を選択します。
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
Cursor Swatch Previewのチェックボックスをオンにすると、フローティング カラー ピッカーが表示されます。オプションを切り替えるには、左右の矢印を使用します。
選択
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
選択した [選択] オプションによって、シェイプ ビルダーの選択をオブジェクト間でドラッグしたときの動作が決まります。Freeformを選択すると、含めたくないオプションや領域を移動できます。
ハイライト
![Adobe Illustrator の Shape Builder ツールの使用方法 Adobe Illustrator の Shape Builder ツールの使用方法]()
ハイライト オプションは、シェイプ ビルダー ツールで選択したものを確認するのに役立ちます。Fillオプションを使用すると、Shape Builder は、ドラッグした領域をメッシュ パターンで塗りつぶします。上のスクリーンショットでメッシュ パターンを確認できます。
[編集可能時にストロークを強調表示] がオンになっている場合、パスの編集可能な部分は、選択した色でストロークされます。また、マージ モードでは、[ストロークをクリックするとパスが分割されます] が上で選択されている必要があります。そうしないと、パス セグメントは編集できず、ハイライト表示されません。
キープ・アット・イット
Adobe Illustrator のシェイプ ビルダー ツールに慣れてきたら、3D モデリングを試してみることをお勧めします。図形を追加したり削除したりすることで、ほとんど同じように機能します。唯一の違いは、Illustrator では 2 次元の形状を操作していることと、定義上、3D モデリングは 3 次元のオブジェクトを操作することを意味することです。