Как сделать чтобы один path точно огибал другой?

Question

[antimodern]

Есть две произвольных органических формы



Как сделать чтобы они абсолютно точно соприкасались этими огибающими? Т.е. чтоб левая клякса как бы обтекала правую (не полностью, частично, но именно идеально вдоль)?

Answer 1

[RAX7]

Создаем параллельный контур для правой фигуры со смещением допустим 5px

spoiler

Рисуем эллипс по форме левой фигуры

spoiler

Переноси параллельный контур поверх всех объектов

spoiler

Вычитаем из эллипса параллельный контур

spoiler

готово

spoiler

уголки доработать скруглением и пером

Comments

[antimodern]

Огромное спасибо

[RAX7]

Пожалуйста=)

Answer 2

[lagudal]

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

Comments

[antimodern]

Анимация тоже будет (СВГ для веба), но я в Иллюстраторе недавно, сам не дизайнер, поэтому не совсем понятно как правильно сделать как вы советуете. Надо нарисовать общую окружность, потом ее разделить и округлить до нужной формы нужные участки? Если не трудно опишите действия. Непонятно что такое "вырезать в нижнем по верхнему"

[lagudal]

ну как раз ровно то что вам нарисовали )))

Answer 3

[Нерон Лордов]

Такое легко решается плагином от Astute Graphics, под названием Collide

Comments

[antimodern]

Я не вижу этого плагина у них на сайте. ColliderScribe - этот? https://astutegraphics.com/software/colliderscribe/

[antimodern]

Посмотрел я этот плагин. Он не поможет мне сделать саму форму совпадающую, он только поможет мне сделать snap. А у меня формы нету. Вопрос про то как ее сделать!

[RAX7]

antimodern, тебе типа такого надо получить?

spoiler

[antimodern]

RAX7, да!!! Как вы это сделали напишите пожалуйста, отмечу решением)