シェイプビルダーツール／Affinity3

イラストやロゴを描くときに便利な「シェイプビルダーツール」について詳しく解説します。

シェイプビルダーツールを使うと、ドラッグやクリックで複数のシェイプを素早く結合・削除できます。

シェイプビルダーツール

「シェイプビルダーツール」は、ベクタースタジオのとき、この辺にあります。

あらかじめ編集したいオブジェクトを移動ツールなどで選択しておくか、
無選択の場合、シェイプビルダーツールで囲むようにドラッグして選択してください。

作業の途中でもう一度選択をやり直したいときは、Ctrlキーを押しながら範囲外をクリックして選択解除→もう一度ドラッグすると、選択することができます。

＋

まずは、アクションで「＋」を選択している時の挙動から解説。

黄色い円、ピンクの四角が以下のように重なっているとき。

四角の斜線部分の領域をクリックすると、斜線部分の形をした図形が新たに作られます。
同時に、斜線領域が削除された図形が残ります。

四角が重なった円の線部分で、半分に分けられた感じです。
作成される図形の色は、現在設定されている色です。（直前に使用してた色って言った方が分かりやすいかな？）
残り部分はピンク色のまま。

「最初に選択したエリアからのスタイルを使用」にチェックを入れると、元のピンク色で作成されます。
チェックを入れてた方が分かりやすいかも。

斜線部分から〇へと横切るように、またがるようにドラッグすると、

なぞった部分を結合した図形が作られます。
同時に、なぞった部分を切り抜いた図形が残ります。

〇△□の３つの時はこんな感じ。


なぞった部分と、それを除いた図形と。
重なる図形の数が多ければ多いほど、複雑になります。

－

アクションで「－」を選択したとき。

赤い枠＆×が付いたカーソルが表示され、クリックするとその領域が削除されます。


クリックした領域を除いた図形が残ります。

図形をまたがるようにドラッグすると、その領域が削除されます。

アクションで「＋」を選択している時でも、「ALTキー」を押している間は、「－」の動作になります。

追加操作

アクションで、ふたつの図形が重なるアイコンを選択したとき

ドラックした範囲を結合した図形が新たに作られます。
元の図形は変更しません。

線画があり、塗りのレイヤーだけ新たに作りたい、って時に便利です。

ちなみに、最初に「＋」「－」「重なり図形」のどれも選択しない状態で領域を選択し、
選択後に「＋」「－」「重なり図形」を押して処理することもできます。

また、「＋」の代わりにEnter、「－」の代わりにBackspaceキー、「重なり図形」の代わりに「*」「Shift＋Enter」でも同じことができます。
領域を解除したいときは「Escキー」、「Ctrl＋Ｄ」です。
ドラッグじゃなく、キーボードで操作したいって人用に。

ドラッグメソッド

エリアを選択するときのマウスカーソルの動きを変えられます。
それぞれ、フリーハンドでなぞるか、直線でなぞるか、エリア選択で作成するか、です。

クリーンアップ

図形を線を使って分割するときなどによく使います。

範囲内のカーブ

領域と接する部分のカーブを削除します。

接続されたカーブ

領域に接したカーブをまるごと削除します。

これが一番使いやすいかな？

すべての未使用のジオメトリ

領域以外のオブジェクトをすべて削除します。

ばーっと一筆書きで完成させたいときに。

なし？

クリーンアップ「なし」で、線がそのまま残るハズなんですが……「範囲内のカーブ」と同じ結果になってしまいます。
そういう仕様なのか、バグなのか不明。
ヘルプ見ると残るっぽいから、多分バグだと思うんだけどなー。Designer2でも消えてたから分からん(´・ω・`)

「シェイプビルダーツール」がよく使われる用途としては、以下のような輪を交差させる使い方ですかね。

なぞるだけで簡単に輪を交差させられます。
なぞる前に「最初に選択したエリアからのスタイルを使用」にチェック入れるのを忘れずに。

実際にシェイプビルダーツールを使ってコーヒーを描く様子はこちらから。

「ゼロから始めるAffinity3　Affinity中級者講座その16　コーナーツール・シェイプビルダーツール」

軽い飾りを描いたり、簡単な図を描いたり、切り抜き用のトムソン型を作るのに使ったりと、結構いろんなタイミングで使うので、覚えておくと便利です。

少しでも参考になれば！(=・ω・=)✨