Как воссоздать эту стрелку в Sketch?

Я пытаюсь создать некоторые ресурсы своего веб-сайта в Sketch, чтобы использовать их в новом руководстве по стилю. Я новичок в рисовании таких фигур, и я не могу понять, как сделать эту стрелку симметричной и идеальной по пикселям.

Я пытался сохранить обе стороны одинаковой длины/ширины (15x5), но всегда где-то странное перекрытие, как вы можете видеть на картинке. Я нарисовал одну сторону, наклонил ее, а затем скопировал + зеркально отразил.

Как мне создать эту форму, чтобы она была идеально зеркальной, симметричной и идеальной по пикселям?

проблема

Пожалуйста, прокомментируйте, если вы понизите голос, я не могу учиться на молчаливых отрицательных голосах :)

Ответы (1)

Короткий ответ - сделать это росчерком.

Длинный ответ: создайте вектор (сочетание клавиш: V) с тремя точками. Выберите каждую точку отдельно и убедитесь, что координаты каждой точки имеют смысл. Я использовал для точки 1 (100, 100), точки 2 (119,5, 90), точки 3 (119, 100). Совет: нажмите «ENTER», чтобы войти и выйти из режима редактирования, и будьте осторожны, чтобы не закрыть путь.введите описание изображения здесь

  • Я выбрал первое значение наугад (100, 100 облегчает сложение чисел);

  • затем я выбрал точку 2 на 119,5, чтобы получился острый край, и выбрал 90 для y, поэтому вся стрелка будет иметь высоту 10 пикселей;

  • затем я подсчитал, что точка 3 должна быть дальше 9,5 пикселей от второй или 19 пикселей от первой (всего 119) и должна быть на прямой линии с первой, поэтому 100 для Y.

Затем придайте штриху толщину (я выбрал 5).

введите описание изображения здесь

При желании -- конвертируйте в контуры (cmd+shift+o) и вуаля! Это абсолютно зеркальный, идеальный по пикселям кусочек любви. Еще один совет: сделайте это символом впоследствии.введите описание изображения здесь

Как воссоздать эту стрелку в Sketch?
СпросиСетьПолитика конфиденциальности1y, 0v