Вычесть переполняющую группу фигур из формы в Sketch

около месяца назад я перешел на Sketch для веб-дизайна, и с тех пор я очень счастлив. Мне очень нравится эта программа, и для меня это большое улучшение по сравнению с веб-дизайном в Photoshop/Illustrator, особенно на уровне рабочего процесса.

Однако есть одна вещь, от которой у меня в Sketch постоянно болит голова: комбинирование фигур способом, который выходит за рамки одноразового вычитания/объединения/и т. д. двух заливок. Начав эту тему, я не смог закончить следующую задачу, но в процессе написания справился. Тем не менее, я хотел бы опубликовать это, так как решения, которые я нашел, довольно громоздки, учитывая, что эта задача будет относительно легко выполнена в Illustrator.

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

  • овал, без заливки, обводка 9px
  • два прямоугольника, без заливки, обводка 9px
  • один прямоугольник, залитый сплошным цветом
  • группа ротируется.

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

Начнем с наиболее вероятного способа: вычесть всю группу. Это не работает, но Illustrator тоже не любит такие действия, так что никаких обид. Вот скриншот результата:

после вычитания всей группы

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

Здесь Sketch должен быть лучше, имхо. Однако я нашел обходной путь, который вы найдете в ответе под этим постом.

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

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

  1. вычитание полных групп (по моему опыту Illustrator тоже)
  2. вычитание обведенных кругов. Даже после изложения.
  3. вычитание заштрихованных прямоугольников. Даже когда они не повернуты и не очерчены.
  4. вычитание одной формы, которая находится в группе. Сначала вытащите его из группы, иначе он немного переместится на другую позицию.

Надеюсь, я раскрыл проблемы, которые возникают у меня со Sketch. Также я надеюсь, что эти проблемы могут быть преодолены, кроме обходных путей. Интересно, есть ли у вас такие же проблемы и есть ли какие-то реальные решения. Он должен работать так же аккуратно, как инструмент поиска пути в Illustrator imo. Обычно я не стал бы писать такой большой пост, особенно после того, как сам решил проблему, но поскольку я думаю, что Sketch — такое хорошее приложение, я приложил усилия, чтобы изложить здесь свои проблемы.

К сожалению, я не могу прикрепить другие изображения, так как у меня недостаточно очков репутации. Я обновлю пост, когда у меня будет достаточно очков.
Только что нашел эту статью, она дает хорошее представление о том, как Sketch «думает» (ознакомьтесь также с вопросами и ответами), но я думаю, что она не отвечает на мои проблемы... medium.com/sketch-app/…
Привет, Galaxy Surfer, было бы легче понять, если бы вы написали ответ отдельно от вопроса. Если вы хотите узнать больше о сайте, посетите справочный центр . Продолжайте вносить свой вклад и наслаждайтесь сайтом!

Ответы (1)

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

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

(Кстати, это работает только после удаления круга из группы, иначе Sketch просто вычитает два круга из прямоугольника в другом месте) Как видите, вроде работает, но есть целая часть внутри круга. опять то, что течет за пределы прямоугольника. Раздражает, но обходной путь для этого — замаскировать его прямоугольником:

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

Решение для обведенных прямоугольников: сначала вытащите их из группы и обведите их. Проблема в том, что после этого внутренний прямоугольник получает дополнительные опорные точки, как показано на более позднем снимке экрана ниже. Поверните фигуры, чтобы линии были вертикальными и горизонтальными, чтобы можно было убрать лишние опорные точки. Вращение может быть выполнено снова после вычитания (поскольку вычитание не разрушает, что является прекрасной функцией). Их тоже следует разгруппировать, иначе после вычитания координаты фигур изменятся.

Заполненный прямоугольник работает нормально. Но проблемы возникают после вычитания обведенных прямоугольников. После выделения обводки внутренний прямоугольник стал странным, с дополнительными опорными точками. Это можно почистить, дав практически приобретённый результат. Теперь вы можете вращать всю объединенную группу. После вращения вы можете расширить большой синий прямоугольник, чтобы он аккуратно заполнил маску, и вуаля...

Немного поздно, но спасибо за обзор @Pierre.Vriens
Вычесть переполняющую группу фигур из формы в Sketch
СпросиСетьПолитика конфиденциальности1y, 0v