目次

パス (Vector) の途中に頂点を挿入する

目次

rein
質問: パスに頂点を追加したいです
Figmaでペンツールでパス?Vecotr?を作成したのですが、パスの途中に頂点を追加する方法がわかりません。どうやって追加しますか?

はじめに

Figmaでペンツールを利用して、パス(Vector)の途中に頂点を挿入する手順を紹介します。

手順

ペンツールで描画したパス(下図)があります。
[移動]ツールを選択した状態でパスをクリックします。下図の状態になり、パスが選択された状態になります。
パス (Vector) の途中に頂点を挿入する:画像1

パスをダブルクリックします。下図の画面表示に変わります。パスの頂点が表示され、編集状態になります。
パス (Vector) の途中に頂点を挿入する:画像2

画面下部のツールバーの[ペン]ツールのボタンをクリックして選択します。
パス (Vector) の途中に頂点を挿入する:画像3

ペンツールが選択された状態で、マウスポインタをパス上に移動すると、マウスポインタに[+]の表示がついた頂点の追加モードになります。
パス (Vector) の途中に頂点を挿入する:画像4 パス (Vector) の途中に頂点を挿入する:画像5

頂点を追加したい位置でクリックします。頂点が追加されます。
パス (Vector) の途中に頂点を挿入する:画像6

マウスポインタを移動すると、頂点を追加した位置からパスを描画できますが、今回は頂点のみを作成するため、[ESC]キーを押して編集を終了します。
パス (Vector) の途中に頂点を挿入する:画像7

パスの描画はキャンセルされ、頂点の実が追加された状態になります。
パス (Vector) の途中に頂点を挿入する:画像8

画面下部のツールバーで[移動]ツールを選択します。
パス (Vector) の途中に頂点を挿入する:画像9

追加された頂点の位置でクリックして頂点を選択します。
パス (Vector) の途中に頂点を挿入する:画像10

ドラッグすると頂点を移動できます。
パス (Vector) の途中に頂点を挿入する:画像11

パスに頂点を追加できました。

AuthorPortraitAlt
著者
iPentecのメインデザイナー
Webページ、Webクリエイティブのデザインを担当。PhotoshopやIllustratorの作業もする。 最近は生成AIの画像生成の沼に沈んでいる。
作成日: 2024-04-05
Copyright © 1995–2025 iPentec all rights reserverd.