Как создать правильную линию значка сердца в Sketch?

Недавно я перешел из Illustrator в Sketch, но я не очень понимаю, как работает Pathfinder в Sketch.

Я пытаюсь создать значок линии сердца с + внутри, как этот (это было создано иллюстратором).

значок сердца

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

значок сердца2

Пытаюсь найти как сделать, но нигде не могу найти. Сейчас я просто создал этот значок в Illustrator и скопировал его в Sketch. Но я хочу знать, как создавать в Sketch для дальнейшего использования.

Ответы (1)

Сначала создайте прямоугольник без заливки и с толстыми границами. Включите режим редактирования и выберите два угла, сделайте радиус около 100.введите описание изображения здесь

Повернуть прямоугольник на 45 градусоввведите описание изображения здесь

Дублируйте прямоугольник, нажав CMD+ D. Отразите его по горизонтали и поместите так, чтобы нижний угол был на том же месте.введите описание изображения здесь

Теперь давайте создадим крест. Создайте прямоугольник такой же ширины, как граница сердца. И граница прямоугольника должна быть белого цвета и снаружи.введите описание изображения здесь

Дублируйте прямоугольник и поверните его в горизонтальное положение.введите описание изображения здесь

Выберите два прямоугольника и нажмите значок Union на панели инструментов.введите описание изображения здесь

Наконец, поместите крест над сердцем.введите описание изображения здесь

Вы можете скачать файл эскиза здесь