描画ツール | Notion

UXPinであらかじめ定義された図形を使用する以外にも、強力な描画ツールであるPenやPencilを使ってユニークな図形を描くことができます。

ペンツール (Pen Tool)

クイックツールメニューからペンのアイコンを選び、キャンバス上の任意の場所をクリックして1つ目の点を追加します。

次に、他の場所をクリックして2つ目の点を追加します。次の点を追加するときは、クリック＆ドラッグで曲線を描きます。

最初の点をクリックしてパスを閉じます。または、Enterまたは Escを押してパスを開いたままにします。

<aside> 💡 ヒント 開いているシェイプを色やイメージで塗りつぶしても、パスが閉じているのと同じ効果があります。

</aside>

ペンツールでハートを描くには、まず正方形から描きはじめましょう。

パスを選択してダブルクリックすると編集モードに入ります。このモードでは各点、線、または外観全体のプロパティを選択、調整、および変更できます。

パスが曲線の場合、編集モードではすでに両側にハンドルがあります。

両端にハンドルがない場合は、点をダブルクリックしてハンドルを表示し、曲線の種類をBézier（ベジェ）に変更します。

ポイントをX / Y軸に沿って移動するには、 Shift を押しながらドラッグします。複数の点を一度に選択するには、 Shift を押しながらクリックします。選択したポイントを移動すると、すべてのポイントの位置が変更されます。
ポイントを追加するには、既存のパスのどこかをクリックします。パスの中央にポイントを追加するには、 Shift を押しながらクリックします。
ポイントを削除するには、アクティブに選択されたポイントに対して⌥を押しながらクリックするか、 Deleteを押します。
直線を描いたり、角度を45°または90°に保つには、 Shiftを押しながら描画します。

<aside> 💡 ヒント 閉じたベクターシェイプから線を切り取ることができます。シェイプを編集する際、Altを押しながら線をクリックすると、線を切り取ることができます。

</aside>