ベクター編集ツール

互換性のあるベクターグラフィックの2D ビューパネルで使用できる編集ツールについて説明します。

概要

2D ビューパネルには、基本的なベクター編集ツールが用意されており、Substance 3D Designer内で直接​ 手動 ​でベクターグラフィックを作成または編集できます。 これらのツールは、例えば、マスク​や​ パターン ​をすばやく作成する場合に特に便利です。

これらのツールは、ペン入力をサポートしています。 ペンディスプレイを利用するには、2Dビューパネルのドッキングを解除し、配置して、ペイントに適した任意の構成にサイズ変更します。

編集内容は、ヒストグラムパネル、タイル表示、背景画像など、2D ビューパネルの他のすべての機能は、ベクター画像を編集している間も引き続き​ 使用 ​できます。個別に元に戻す

{width="512px"}
TIP
Windowsのみ
Designerで最も信頼性の高い操作を行うには、タブレットユーザーは次のページに記載されている設定を適用する必要があります: ペンとタブレットの構成
IMPORTANT
新規または読み込みの​8ビット ベクターグラフィックリソースには、のみ​をペイントできます。

新しいSVGリソースダイアログ {width="512px"}

ベクター編集ツールの有効化

ベクター編集ツールは、ベクターグラフィック画像に関する次の基準が満たされると、2Dビューパネルで自動的に有効になります。

新しい​ベクターグラフィック画像は、次の方法で作成できます。

  • エクスプローラーパネルで、SBSパッケージ​の人民元をクリックするか、パッケージ内の​ フォルダー ​をクリックして、コンテキストメニューを開きます。次に、新規​サブメニューを開き、「SVG」オプションを選択します
  • グラフで、リソースノードを作成し、コンテキストメニューの​ 新しいSVGから… ​オプションを選択します

新しいベクターデータ​ウィンドウが開き、新しいベクターグラフィックリソースの​ 名前 ​と​ 解像度 ​を設定できます。

TIP
ベクター編集ツールで最高のパフォーマンスを得るには、2の累乗​の解像度(128、256、512、1024など)のベクターグラフィック画像を使用することをお勧めします。

他のソフトウェアからのベクターグラフィックの書き出し

Designer のみ​は、SVG​ファイル形式を使用するベクターグラフィックをサポートします。

Designerとその編集ツールの互換性と信頼性を最大限に高めるため、すべてのオブジェクトが​ アウトライン ​に変換され、単色​を使用して​ 個別 ​のオブジェクトにグループ化が解除されていることを確認して、以下が残らないようにしてください:

  • テキスト
  • グラデーション
  • パターン (塗りと線のアウトライン)
  • スタイル

Adobe Illustrator​のユーザーは、添付された画像を参照して、推奨されるSVG 書き出し設定​を利用できます。

Adobe Illustrator書き出しオプション
SVGのIllustrator書き出しオプション
NOTE
DesignerでのSVGの制限、他のソフトウェアからの書き出し、およびSVGプロパティの詳細については、ベクターグラフィックス(SVG)リソースを参照してください。

ツール

ペイントツールとオプションは、2Dビューパネルの​ ツールバー ​に配置されています。 これらのツールバーは、ハンドル​を​ LMB ​でクリックして押したままにすると、パネルの任意の側​に移動したり、フローティングツールバー​として移動したりできます(3行で表示)。次に、目的の場所で​ LMB ​を離します。

ベクター編集ツールが有効になっている場合、2つのツールバーが表示されます。

  • ツール選択 ツールバー: ツール​と​ 塗りつぶし/アウトラインの色 ​を選択できます。既定では2Dビューパネルの​ 左 ​側に配置されます
  • ツールオプションツールバー: 現在選択されているツール​の​ オプション ​を設定できます。デフォルトでは、2Dビューパネルの​ 上 ​に配置されます

キーボードショートカットを使用するとツールにすばやくアクセスでき、ツール/関数名の後の括弧で囲まれた以下のマークが付きます。

カラー選択

カラー選択 サムネール​では、ベクターシェイプの​ 塗りつぶし ​と​ アウトライン ​の色を定義できます。 次の方法で、各色の​ カラーエディター ​を開くことができます。

  • 塗りつぶしの色: 塗りつぶし​のカラーサムネール(上)をクリックするか、カンバス上のLMBをダブルクリックします

  • アウトラインの色: アウトライン​の色のサムネイル(下)をクリックするか、Ctrl​を押しながらカンバス上のLMBをダブルクリックします

設定した色は、現在選択されている図形​に適用されます。

現在の​ アウトライン ​の色が​ 黒 ​である場合(つまり、輝度0またはRGB(0, 0, 0))、アウトラインの色サムネール​ を ​クリックするまで、選択した図形に​ 適用されません ​が。

変形

変形ツール {width="512px"}

変換ツール(V)では、図形を選択して変換ギズモに含めることができます。 このギズモを使用すると、次の操作を実行できます。

移動:ギズモの​ 内側 ​をクリックして長押しします

拡大・縮小:ギズモに沿った​ 正方形のハンドル ​のいずれかをクリックしてLMBを押したままにすると、オブジェクトが水平、垂直、またはその両方に​ 拡大・縮小 ​されます。 デフォルトでは、ギズモの​ 反対側 ​のハンドルに対して相対的に拡大/縮小が実行されます。 Altキーを押したままにすると、ギズモの​ 中心 ​に対して相対的にスケーリングされ、Shiftキーを押したままにすると、ギズモの幅/Height 縦横比​を​ ロック ​できます

回転: ギズモの​ 外側 ​にある​ 正方形のハンドル ​の横でLMBを押したままにします。

ノード

ノードツール {width="512px"}

ノードツール(A)を使用すると、選択した図形の個々の頂点(ノード)を選択し、その位置とハンドルを編集したり、頂点を追加および削除したりできます。 シェイプを選択すると、次のアクションを実行できます。

頂点の追加:シェイプのアウトラインにCtrl + LMB

頂点を削除:頂点のCtrl + LMB

頂点を移動:頂点のLMBを押したままにします

頂点ハンドルの移動:ハンドルのLMBを押したままにします

頂点ハンドルを個別に移動する: Alt + LMBを押したままにします。 ハンドルは、リセット​されるまで、このポイントを超えると​ リンク解除 ​されます

ハンドルのリセット: 頂点のAlt + LMBをクリックします。 ハンドルが​ 頂点の位置 ​にリセットされます

リセット頂点ハンドルを移動する: 頂点のAlt + LMBを押したままにします。 リンク​のハンドルが表示されます

シェイプ

シェイプツール {width="512px"}

シェイプツール(M)は、現在の​ 塗りつぶし ​の色を使用したプリミティブなシェイプのセットを提供しています。この色は、次のものから構築および編集できます。

  • 長方形;

  • 楕円;

  • 角丸長方形:丸い角度の半径がロックされています。

  • 多角形:八角形を作成します。

プリミティブを描画するには、カンバス内の​ 隅 ​のいずれかの場所で LMB を押したままにします。 Alt + LMBを押し続けて、中心​から図形を描画します。

ペン

ペンツール {width="512px"}

ペンツール(P)を使用すると、現在の​ 塗りつぶし ​カラーを使用して新しいカスタムシェイプを描画できます。 次の2つのモードを使用できます。

パスモードでは、図形は一度に​ 1 頂点ずつ ​描画されます。 次のコントロールを使用できます。

ストレートイン/ストレートアウト頂点を追加: LMBをクリック

カーブイン/カーブアウト頂点を追加(調整された​正接): LMBを押したままドラッグ

トーンカーブイン/トーンカーブアウト頂点 (未調整 正接)*: LMBを押したままドラッグし、Alt + LMBを押します

トーンカーブイン/ストレートアウト頂点*を追加:トーンカーブイン/トーンカーブアウト頂点(未調整正接)と同じですが、アウトラインは新しい頂点の上*​に配置する必要があります*

直線イン/カーブアウトの頂点*を追加: Alt + LMBを押しながらドラッグ

次の 頂点の図形を閉じる: Ctrlキーを押したままにします

現在の​頂点の図形を閉じる: Enterキーを押すか、現在の図形の​最初の頂点​で[LMB]をクリックします

フリーハンドモードでは、LMBを押しながらペンをカンバス上にドラッグして、直接シェイプを描画できます。

頂点は、線に沿って​ 自動的に配置 ​され、結果のパスが線にできるだけ近づくようにします。 ストロークが終了すると、シェイプは​ 自動的に閉じる ​になり、最初の頂点がストロークの最後に接続されます。

押し出し

押し出しツール {width="512px"}

押し出し​ツール(E) は、​直径を設定​ した形状を ​合わせ、描画モード​で選択したパスに沿って描画し、オプションツールバーで設定した​ 結合モード ​に従ってキャンバスに結果を適用します。

次の​ 描画モード ​を利用できます:

フリーフォーム: LMBを押したまま、キャンバス上でペンをドラッグ​ して、シェイプ ​を直接描画します。 ストロークが終了すると、シェイプが一緒に追加されます。

多角形: LMBをクリックして角度を追加することにより、シェイプ​ 一度に1つの面 ​を描画します。 Enterキーを押すと、シェイプが一緒に追加されます。

描画されたシェイプは、次のパラメーターを使用して制御できます。

サイズ:カーソル位置に描画される放射状シェイプの直径を制御します。

Smoothness:ストロークの最後に一緒に追加したときの、描画されたシェイプの滑らかさ​ および単純化 ​の量を制御します。

描画が完了すると、次のいずれかの​ 結合モード ​を使用して図形が追加され、現在選択されている図形と結合されます。

結合なし:図形は、選択した図形の​ 上 ​に​ 別のオブジェクト ​として描画されます。

結合:図形は​ 選択した図形に追加 ​されています。

減算:図形は、選択した図形の​ 切り抜き ​です。

交差点:新しい図形および選択した図形の​ 重なり合う ​部分のみが残ります。

シェイプの操作

図形の操作 {width="512px"}

上記のツールに加えて、RMBをクリックすると表示されるコンテキストメニューを使用して、選択した図形​に対して多くの操作を実行できます。 これらの操作には、ほとんどの場合、キーボードショートカット(以下の括弧内に示す)が次のカテゴリにまとめられています。

シェイプの追加と削除 選択範囲をコピー (Ctrl + C): 選択した図形をクリップボードにコピー

選択範囲を切り取り (Ctrl + X): 選択した図形をクリップボードにコピー​し、図形を​ 削除 ​します

貼り付け (Ctrl + V):クリップボードの​ カーソル位置 ​に現在コピーされている図形を作成します

貼り付け (Ctrl+Shift+V):クリップボード内のコピーされた図形を​ コピーされた図形の場所 ​に作成します

選択範囲を削除 (Del): 選択した図形を削除

シェイプの配置

シェイプは​ スタック ​に配置されます。これにより、キャンバス内のシェイプの​ 順序 ​が設定されます(上に配置されます)。 新しい図形は、既定でキャンバスの​ 上 ​に作成されます。次のコントロールを使用すると、この配置を変更できます。

前面へ (ホーム): 選択した図形を上へ​して、図形スタックの​ 上 ​に移動します

前面へ (PgUp): 選択した図形を上へ 1レベル​ 移動 ​します

背面へ (PgDown): 下へ​選択した図形を下へ​ 1レベル ​移動します

背面へ (最後): 下へ​選択した図形を図形スタックの​ 下へ ​移動します

新しいSVG画像に送信

現在の画像の図形を使用して、現在のSBSパッケージに​ 新しいSVGリソース ​を作成できます。 この点に関して、以下のアクションが可能です。

選択範囲を新しいSVGにコピー:新しいSVGリソースを作成し、選択した図形​ をこの新しい画像の場所 ​にコピーします。

選択範囲を新しいSVGに切り取り:新しいSVGリソースを作成し、選択した図形​ をこの新しい画像にコピー ​して、現在の画像​から​ 削除 ​します。

recommendation-more-help
substance-3d-designer-help-guide