Adobe Illustrator の Shape Builder ツールの使用方法

Adobe Illustrator のシェイプビルダーツールを使用すると、初心者でも単純なシェイプを組み合わせて複雑なシェイプを作成できます。この簡単な Illustrator チュートリアルでは、基本的なシェイプをマージおよび減算して新しいシェイプを作成する方法を紹介します。

Shape Builder ツールは、バージョン CS5 で Illustrator に追加され、それ以降のすべてのバージョンに含まれています。Adobe Illustrator CC を使用しましたが、Illustrator CS5 以降を使用している限り、これらの手順は有効です。

シェイプビルダーツールを使用してシェイプをマージする方法
シェイプビルダーツールを使用してシェイプを消去する方法
シェイプビルダーツールオプションの設定方法
ギャップ検出
開いている塗りつぶされたパスを閉じていると見なす
結合モードでストロークをクリックするとパスが分割される
色を選択
選択
ハイライト
キープ・アット・イット

シェイプビルダーツールを使用してシェイプをマージする方法

ベクトル形状をマージすることから始めます。Illustrator のシェイプツールはすべて、ベクターシェイプを作成します。つまり、任意のサイズにスケーリングできます。

アートボードにいくつかの図形を追加します。長方形ツール、楕円形ツール、多角形ツール、ペンツールなど、任意の形状ツールを使用できます。

シェイプビルダーツールのマージモードを使用して、重なっているシェイプを移動し、シェイプが交差するようにします。

選択 ツールを使用して、重なっている 2 つ以上の図形を選択します。複数の図形を選択するには、 Shift キーを押したままにします。

ツールパネルから[シェイプビルダー]を選択するか、キーボードショートカットShift + Mを使用します。

シェイプビルダーツールを、選択したシェイプ全体にドラッグします。ドラッグすると、新しい形状の各部分が強調表示されます。マウスを離すと、形状が結合されます。カーソルの横に小さなプラス記号が表示され、ある図形を別の図形に追加していることがわかります。

ヒント:複数の図形が重なっている領域をうっかり見落としてしまわないようにするには、Shift キーを押しながら結合するすべての図形の周りにシェイプビルダーマーキーをドラッグします。

シェイプビルダーツールを使用してシェイプを消去する方法

グラフィックデザインプロジェクトでは、ある図形から別の図形を差し引く必要がある場合があります。Shape Builder には、簡単に作成できる消去モードがあります。

選択ツールを使用して、重なっている 2 つの図形を選択することから始めます。あるシェイプを別のシェイプから差し引きます。

シェイプビルダーツールを選択し、 Alt キーまたはOption キー(Mac)を押したまま、あるシェイプから別のシェイプと重なっているそのシェイプの部分にドラッグします。ご覧のとおり、Alt キーまたは Option キーを押すと、シェイプビルダーツールが消去モードになり、一方のシェイプが他方のシェイプから差し引かれます。カーソルの横に小さなマイナス記号が表示されるので、消去モードが有効になっていることがわかります。

ヒント:追加のアンカーポイントが、2 つの図形が交差していた新しい図形に追加されることに注意してください。必要に応じて、これらのアンカーポイントを使用してパスの形状を変更できます。

Illustrator のパスファインダーツールを使用して複雑なシェイプを作成したことがある場合は、代わりにシェイプビルダーツールを使用する方がはるかに速くて簡単であることに気付くでしょう。

シェイプビルダーツールオプションの設定方法

Adobe Illustrator で Shape Builder ツールがどのように機能するかについてよく理解できたので、カスタマイズできるオプションについて少し学習してください。

ツールバーのシェイプビルダーをダブルクリックして、シェイプビルダーツールオプションにアクセスします。

ギャップ検出

真ん中に隙間があり、重なり合う 3 つの楕円があるとします。

シェイプビルダーのオプションでギャップ検出をオンにすると、シェイプを結合するときにそのギャップ領域を含めるようにシェイプビルダーに指示できます。

ギャップの長さを正しく設定するには試行錯誤が必要な場合があるため、シェイプビルダーには必要なだけのギャップが含まれます。

開いている塗りつぶされたパスを閉じていると見なす

ペンツールを使用して開いたパスを作成し、[シェイプビルダー] オプションの[開いている塗りつぶされたパスを閉じていると見なす]ボックスをオンにした場合、シェイプビルダーはパスが開いている非表示のエッジを作成し、領域を作成できるようにします。

結合モードでストロークをクリックするとパスが分割される

[結合モードでストロークをクリックするとパスが分割される] チェックボックスがオンになっている場合は、パスの一部を選択できます。

色を選択

ここで、新しく作成された形状にどのように色を付けるかを選択します。

新しいシェイプのスタイルを、シェイプビルダーツールで最初に触れたオブジェクトと同じにする場合は、[アートワーク]を選択します。
最後に選択したオブジェクトの色見本で新しいシェイプを塗りつぶす場合は、[色見本]を選択します。

Cursor Swatch Previewのチェックボックスをオンにすると、フローティングカラーピッカーが表示されます。オプションを切り替えるには、左右の矢印を使用します。

選択

選択した [選択] オプションによって、シェイプビルダーの選択をオブジェクト間でドラッグしたときの動作が決まります。Freeformを選択すると、含めたくないオプションや領域を移動できます。

ハイライト

ハイライトオプションは、シェイプビルダーツールで選択したものを確認するのに役立ちます。Fillオプションを使用すると、Shape Builder は、ドラッグした領域をメッシュパターンで塗りつぶします。上のスクリーンショットでメッシュパターンを確認できます。

[編集可能時にストロークを強調表示] がオンになっている場合、パスの編集可能な部分は、選択した色でストロークされます。また、マージモードでは、[ストロークをクリックするとパスが分割されます] が上で選択されている必要があります。そうしないと、パスセグメントは編集できず、ハイライト表示されません。

キープ・アット・イット

Adobe Illustrator のシェイプビルダーツールに慣れてきたら、3D モデリングを試してみることをお勧めします。図形を追加したり削除したりすることで、ほとんど同じように機能します。唯一の違いは、Illustrator では 2 次元の形状を操作していることと、定義上、3D モデリングは 3 次元のオブジェクトを操作することを意味することです。