Эскиз: разрезать предмет пополам по определенному шаблону

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

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

Ответы (2)

Вот мое решение:
у нас есть значок сердца (я только что скачал его с https://thenounproject.com/ )
введите описание изображения здесь


Измените значок, чтобы угловые точки располагались точно на пересечениях пиксельной сетки, это поможет нам позже. Поместите линейки в эти точки:введите описание изображения здесь введите описание изображения здесь введите описание изображения здесь


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


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


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


Сгруппируйте фигуры сердца и прямоугольника в группу, продублируйте группу и переименуйте их в Left и Right.
введите описание изображения здесь


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


Выберите левую группу, нажмите кнопку Rotate на панели инструментов, поместите точку вращения точно на пересечение нижних линеек. Затем поверните левую половину, например, на 5 градусов с помощью мыши.
введите описание изображения здесь


Скройте группу «Левая», затем выберите правый прямоугольник и форму сердца и нажмите кнопку «Пересечение» на панели инструментов, теперь у нас есть правая половина сердца.
введите описание изображения здесь


Выберите правую половину, нажмите кнопку Rotate, переместите точку вращения на нижнее пересечение линеек и поверните мышью на -5 градусов.
введите описание изображения здесь


Отобразите левую половину, и окончательный результат:
введите описание изображения здесь


Скачать файл эскиза

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

В документации к Sketch я вижу, что можно использовать логические операции.

Вот цитата со страницы здесь

Логические операции

Когда нужной вам формы нет среди стандартных фигур, вам придется создать ее самостоятельно. Первым импульсом может быть использование инструмента «Вектор» и создание фигуры с нуля. Однако вы обнаружите, что много раз сложную форму легко разбить на основные формы. С булевыми операциями вы можете сделать именно это; комбинируйте основные формы для создания более сложных.

И он перечисляет операции на диаграмме

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

Таким образом, вы можете легко нарисовать форму сердца и нарисовать зигзагообразную форму с помощью инструмента «Вектор» (иногда называемого инструментом «Перо» в других приложениях), чтобы перекрыть сердце, затем выбрать оба и применить логическую операцию «Вычитание».

Вот аналогичный рисунок, но в Inkscape — аналогичная логическая операция называется Difference в Inkscape; идея та же. То же самое возможно и в Adobe Illustrator с Minus Front, в Pathfinder.

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