ベクター編集モードでは、基本シェイプや、ペン、ブラシ、鉛筆ツールで描画されたカスタムベクターネットワークを含むベクターレイヤーのプロパティを選択、調整、変更できます。
ベクター編集モードに入る
ベクター編集モードに入るには、1つまたは複数のベクターレイヤーを選択し、Enterキーを押します。ベクター編集モード中は、ベクターレイヤーの既存のポイントやパスを表示および操作することができます。また、セカンダリツールバーで以下のベクター編集ツールにアクセスできます:
- ラッソ
- シェイプビルダー
- ペイント
- 曲げ
ベクターネットワークの編集
ベクター編集モード中は、ベクターネットワークの既存のポイントやパスを操作できます。
- 点の移動: 既存の点を移動するには、セカンダリツールバーの移動ツールを選択するか、Vを押します。次に、キャンバスで点をクリックしてドラッグし、位置を変更します。
- ポイントを追加: ポイントを追加するには、ツールバーのペンツールを選択するか、Pキーを押します。次に、ベクターネットワークのパスに沿ってクリックし、ポイントの追加を開始します。
- 複数のベクターレイヤーを編集: Shiftキーを押しながらレイヤーをクリックして現在の選択に追加すると、複数のベクターレイヤーを同時に編集できます。
-
ベクターレイヤーを切り替える: 現在の選択範囲外の別のベクターレイヤーに変更するには、修飾キーを押してレイヤーをクリックします。
- Mac: Command
- Windows: Control
ベジェハンドルで曲線のパスを作成する
曲線ツールを使用すると、ベジェ曲線ハンドルを追加して曲線のパスを作成できます。
以下の方法で、ベジェハンドルをベクターネットワークに追加します。
- セカンダリツールバーで [ベンドツール] を選択します。
- 曲線を追加したい点またはパスをクリックします。
- ベジェハンドルを使用して、曲線の長さと曲がり具合を調整します。
ヒント: 「ベジェゲーム」でペンツールの使用を練習し、ベジェ曲線を習得しましょう。
ミラーリング処理のオプション
ミラーリング設定を使用すると、ベジェハンドルのセットを互いにミラーリングする方法を指定できます。
- ミラーリングなし: 各ハンドルを個別に移動できます
- 角度をミラーリング: 選択されていないハンドルは、選択されたハンドルの角度をミラーリングします
- ミラー角度と長さ: 選択されていないハンドルは、選択されたハンドルの角度と長さをミラーリングします
ラッソツールで点とパスを選択する
ラッソツールを使用すると、ベクターネットワーク内の特定の点とパスを選択できます。
- セカンダリツールバーからラッソツールを選択するか、Qを押します。
- 選択したい点とパスの周囲にシェイプを描くには、クリックしてドラッグします。その後、選択した点を操作したり、ベクターネットワークから削除したりできます。
閉じた領域に塗りを追加する
ベクターネットワークの閉じた領域に塗りを追加することができます。ベクターネットワーク内に複数の閉じた領域がある場合、各領域の塗りを個別に調整できます。
以下の方法で、閉じた領域に塗りを追加します。
- セカンダリツールバーからペイントツールを選択するか、Shift Bを押します。
- 塗りを追加したいベクターネットワークの領域にカーソルを合わせます。斜めのStripe模様は、現在選択されている領域を示します。
- カーソルは次のドロップレットアイコンに変更されます。
- その領域に塗りを追加した場合はプラス
- 削除できる既存の塗りがある場合はマイナス
- クリックして、シェイプまたは領域に塗りを追加するか削除します。
Figmaはデフォルトでグレー塗りを使用します。右サイドバーの[塗り]セクションの設定を使用すると塗りを変更できます。塗りプロパティの詳細についてはこちらをご覧ください。
シェイプの角を丸くする
右サイドバーの [角の半径] 設定を使用すると、ベクターネットワークの個々の角を丸くできます。ベクターネットワークがオープンパスの場合、端を使ってエンドポイントを丸くできます。角の半径とスムージングに関する詳細はこちらをご覧ください。