Sketchでこの矢印を再作成するにはどうすればよいですか?

新しいスタイルガイドで使用できるように、SketchでWebサイトのアセットの一部を作成しようとしています。このような種類の描画は初めてです。形状が異なり、この矢印を対称にしてピクセルを完璧にする方法がわかりません。

両側を同じ長さ/幅(15x5)に保とうとしましたが、どこかに奇妙な重なりがあります。あなたは写真で見ることができます。片側を描き、角度を付けてから、コピーしてミラーリングしました。

この形状を作成して、完全にミラーリングされ、対称で、ピクセルが完全になるようにするにはどうすればよいですか?

問題

コメント

  • 反対票を投じた場合はコメントしてください'サイレントな反対票から学ぶ:)

回答

簡単な回答-一気に答える。

長い答え:3つのポイントでベクトル(ショートカット:V)を作成します。各ポイントを個別に選択し、各ポイントの座標が意味をなすようにします。ポイント1(100、100)、ポイント2(119.5、90)、ポイント3(119、100)に使用しました。ヒント:「ENTER」を押して編集モードを開始および終了し、パスを閉じないように注意してください。 ここに画像の説明を入力

  • 最初の値を選択しましたランダム(100、100は数字の追加を容易にします);

  • 次に、119.5でポイント2を選択したので、鋭いエッジになり、yに90を選択したので、矢印全体の高さは10pxになります。

  • 次に、ポイント3は2番目のポイントからさらに9.5ピクセル、または最初のポイントから19ピクセル離れている必要があり(合計で119ピクセル)、最初のものと直線なので、Yの場合は100です。

次に、ストロークにある程度の太さを与えます(5を選択しました)。

ここに画像の説明を入力

オプション-アウトラインに変換(cmd + shift + o)、そして出来上がり!これは完全にミラーリングされた、ピクセル単位の完璧な愛です。もう1つのヒント:後でシンボルにします。 ここに画像の説明を入力

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です