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

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

シェイプ ビルダー ツール^{(Shape Builder Tool)}を使用してシェイプ^(Shapes)をマージする方法

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

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

1. シェイプ ビルダー ツールの^{(Shape Builder Tool)}マージ モード^{(Merge Mode)}を使用して、重なっているシェイプを移動し、シェイプが交差するようにします。

1. 選択ツール^{(Selection Tool)}を使用して、重なっている 2 つ以上の図形を選択します。複数の図形を選択するには、 Shift キー^(Shift)を押したままにします。

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

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

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

シェイプ ビルダー ツール^{(Shape Builder Tool)}を使用してシェイプ^(Shapes)を消去する方法

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

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

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

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

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

シェイプ ビルダー ツール オプション^{(Shape Builder Tool Options)}の設定方法

シェイプ ビルダー^{(Shape Builder)}ツールがAdob ​​e Illustrator^{(Adobe Illustrator)}でどのように機能するかについてよく理解できたので、カスタマイズできるオプションについて学習してみましょう。

ツールバーのシェイプ ビルダー^{(Shape Builder)}をダブルクリックして、シェイプ ビルダー ツール^{(Shape Builder Tool)}オプションにアクセスします。

ギャップ検出

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

シェイプ ビルダーのオプションで^{(Shape Builder Options)}ギャップ検出^{(Gap Detection)}をオンにすると、シェイプを結合するときにそのギャップ領域を含める ようにシェイプ ビルダー^{(Shape Builder)}に指示できます。

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

開いている塗りつぶされたパス^{(Open Filled Paths)}を閉じていると見なす

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

結合モード^{(Merge Mode)}では、ストローク^{(Stroke Splits)}をクリックするとパス^(Path)が分割されます

[結合モード^{(Merge Mode)}] で [ストロークをクリックすると^{(Stroke Splits)}パス^(Path)を分割] ボックスがオンになっている場合は、パスの一部を選択できます。

色を選択

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

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

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

選択

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

ハイライト

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

[編集可能^(Editable)時にストロークを強調^{(Highlight Stroke)}表示] がオンになっている場合、パスの編集可能な部分は、選択した色でストロークされます。In Merge Mode、Clicking Stroke Splits the Path上で選択したものも必要です。そうしないと、パス セグメントは編集できず、ハイライト表示されません。

キープ・アット・イット

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

How to Use Adobe Illustrator’s Shape Builder Tool

With Adobe Illυstrator’s Shape Builder tool, even beginnerѕ can combine simple shаpes to create complex ones. In this simple Illustrator tutorіаl, we’ll show you how to merge and subtract basic shapes to create a new shape.

The Shape Builder tool was added to Illustrator in version CS5, and all versions since then have included it. We used Adobe Illustrator CC, but as long as you’re using Illustrator CS5 or later, these instructions should work.

How to Merge Shapes With the Shape Builder Tool

We’ll start by merging vector shapes. All of the shape tools in Illustrator create vector shapes. That means they can be scaled to any size.

1. Add a few shapes to the artboard. You can use any shape tool like the rectangle tool, the ellipse tool, the polygon tool, or the pen tool.

1. We’ll use the Merge Mode of the Shape Builder Tool on overlapping shapes and move the shapes, so they intersect.

1. Use the Selection Tool to select two or more overlapping shapes. Hold down Shift to select multiple shapes.

1. Select Shape Builder from the tools panel or use the keyboard shortcut Shift + M.

1. Drag the Shape Builder tool across the selected shapes. Each part of the new shape will be highlighted as you drag over them. When you release the mouse, the shapes will merge. You’ll see a tiny plus sign next to the cursor to remind you that you’re adding one shape to another.

TIP: To avoid inadvertently missing some overlapping areas of multiple shapes, press Shift while you drag the Shape Builder marquee around all the shapes you want to merge.

How to Erase Shapes with the Shape Builder Tool

Sometimes a graphic design project will require you to subtract one shape from another. Shape Builder has an Erase mode that makes it easy.

1. Begin by using the Selection Tool to select two overlapping shapes. We’ll subtract one shape from the other.

1. Select the Shape Builder Tool and hold down Alt or Option (Mac) while you drag from one shape into the part of that shape that overlaps the other shape. As you can see, pressing Alt or Option puts the Shape Builder tool into Erase mode so that one shape is subtracted from the other. You’ll know you’ve activated Erase mode because you’ll see a tiny minus sign next to the cursor.

TIP: Notice that additional anchor points are added to your new shape where the two shapes used to intersect. If you like, you can use those anchor points to reshape the path.

If you’ve ever used Illustrator’s Pathfinder tool to create complex shapes, you’ll love how much faster and easier it is to use the Shape Builder tool instead.

How to Set Shape Builder Tool Options

Now that you have a good idea of how the Shape Builder tool works in Adobe Illustrator, take a minute to learn about the options you can customize.

Access the Shape Builder Tool options by double-clicking on Shape Builder in the toolbar.

Gap Detection

Imagine you have three overlapping ellipses with a gap in the middle.

Turning on Gap Detection in Shape Builder Options allows you to tell Shape Builder to include that gap region when merging shapes.

It may take trial and error to set the gap length correctly, so the Shape Builder includes as much of the gap as you want.

Consider Open Filled Paths as Closed

If you’ve used the Pen tool to create an open path and you check the Consider Open Filled Paths as Closed box in the Shape Builder options, Shape Builder will create an invisible edge where the path is open so it’s able to make a region.

In Merge Mode, Clicking the Stroke Splits the Path

If the In Merge Mode, Clicking the Stroke Splits the Path box is checked, you can select a portion of a path.

Pick Color From

This is where you choose how the newly-created shape will be colored.

• Select Artwork if you want the new shape’s styling to be the same as the first object you touch with the Shape Builder tool.
• Select Color Swatches if you want to fill the new shape with the swatch from the last object that was selected.

Checking the box for Cursor Swatch Preview will bring up a floating color picker. Use the left and right arrows to cycle through the options.

Selection

The Selection option you choose determines how the Shape Builder selection will behave as you drag it across objects. If you choose Freeform, you’ll be able to move around options and regions you don’t want to include.

Highlight

The Highlight option helps you see what you’ve selected with the Shape Builder tool. The Fill option will cause Shape Builder to fill the regions you’ve dragged across with a mesh pattern. You can see the mesh pattern in the screenshots above.

If Highlight Stroke when Editable is checked, parts of a path that can be edited will be stroked in the color selected. You must also have In Merge Mode, Clicking Stroke Splits the Path selected above. Otherwise, the path segments won’t be editable, and, therefore, won’t be highlighted.

Keep At It

Once you become familiar with Adobe Illustrator’s Shape Builder tool, you might want to try your hand at 3D modeling. It works in much the same way—by adding and subtracting shapes. The only difference is that in Illustrator, you’re working with two-dimensional shapes, and, by definition, 3D modeling means working with three-dimensional objects.

Related posts

• ClipをAdobe Premiere Proに分割する方法

• 誰かの削除されたツイートを検索して見つける方法

• あなたにBe Traced BackができないAnonymous Text Messageを送る方法

• 試してみるためのBeginnersのための14 Adobe InDesign Tips & Tricks

• 5 ReasonsあなたのDiscord招待状は働いていません

• Minecraft Keeps Crashingのときの7 Quick Fixes

• Illustratorでパス上のテキストを反転する方法

• AdobePremiereProでトランジションを追加する方法

• 最高のDiscordサーバーを見つける方法

• ChromeにYahoo SearchのRidを取得する方法

• Adobe Premiere ProのSync Audio and Videoの方法

• ChromebookにCaps Lockオンまたはオフを有効にする方法

• どのように編集MusicにAdobe Premiereを使用してVideoへ

• 「画像を読み込めませんでした。タップして再試行してください」という Instagram エラー

• Pinterestの初心者向けガイド

• AdobePremiereProでグリーンスクリーンビデオを編集する方法

• Windowsコマンドプロンプトのビギナーズガイド

• Location、Job、またはSchoolによるSearch Facebook Friends

• どのようにCrop、Rotate、およびResize Videos Adobe Premiere Proで

• DiscordのMute Someoneの方法