Sketchでカスタムシェイプを描く

Insert > Shapeから挿入できる図形以外にも、Sketchで自由に図形を描くことができます。 Vectorツールを選択してください。ショートカットはVキーです。

アートボード上でクリックを繰り返すと、ランダムな図形が出来上がります。

• クリックした際に作成される点はポイントやノード等と呼ばれます。
• ポイントとポイントを結ぶ線はパスと呼ばれます。

いくつかポイントを作成した後に、始点となるポイントにカーソルを重ね合わせてクリックすると、パスを閉じることができます。 このように、ベクターツールで描く図形には開いたパスと閉じたパスの2種類があるので、意識的に使い分けましょう。

利用用途が 線であれば開いたパス、面であれば閉じたパスと覚えておけばOKです。どちらにも塗りを設定することができますが、塗を設定する図形はなるべく「閉じたパス」にしておくと、予期せぬトラブルを防ぐことができます。

パスの編集を完了する

Returnキーを押すとパスの編集モードが終了します。もう一度Returnをタイプすると、編集モードを再開することができます。

ポイントを選択する

ある特定のポイントを選択するには、マススでクリックしても良いですが、編集モードになった状態でTabキーを押していくと、選択しているポイントが1つずつズレるので、複雑なパスを編集している時などに便利です。

ポイントの位置を調整する

ポイントを選択した状態で ↑ → ↓ ← をタイプすると、位置を調整することができ、その際にShiftをホールドしながら矢印キーを押すと、移動距離が大きくなります。

閉じたパスを開く

閉じているパスを選択し、Returnキーを押して編集モードに入ると、右のインスペクタパネルからOpen Pathを選択することができます。 開いたパスはClose Pathで再び閉じられます。

任意の位置でパスを開く

Open Pathを選択すると自動的に開かれる位置が決まってしまいますが、Tools > Scissorsを使ってパスを選択すると、任意のパスを削除し、図形を開いたパスに変換することができます。