Как объединить фигуры в векторном редакторе

Обновлено

Чтобы объединить фигуры, нарисуйте их или разместите в векторном редакторе EditItAll, выберите нужные фигуры и примените операцию «Обработка контуров»: «Объединение» сливает их в одну, «Минус верхний» вычитает верхнюю фигуру, «Пересечение» сохраняет область перекрытия, а «Исключение» убирает её. В результате получается единый аккуратный контур, который можно сохранить в формате SVG.

Сделайте прямо сейчас — бесплатно, в браузере

Open the vector editor

Объединение фигур с помощью булевых операций

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

Векторный редактор EditItAll предлагает четыре операции: «Объединение» (слить в одну), «Минус верхний» (вычесть верхнюю фигуру), «Пересечение» (сохранить только перекрытие) и «Исключение» (убрать перекрытие, сохранить остальное). Каждая превращает выделенную область в единый контур.

Объединение фигур по шагам

Процесс одинаков для любой операции:

  1. Нарисуйте или разместите фигуры, которые хотите объединить: подойдут как инструменты фигур, так и инструмент Перо.
  2. Расположите их так, чтобы они перекрывались нужным образом; для «Минус верхний» важен порядок наложения.
  3. Выделите фигуры вместе.
  4. Примените нужную операцию «Обработка контуров», и фигуры сольются в единый контур.

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

Какую операцию выбрать и как экспортировать результат

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

Когда объединённая фигура готова, сохраните её в формате SVG, чтобы она осталась полностью редактируемой, либо экспортируйте PNG с масштабом 2× для чёткого растрового изображения. Подробнее о работе с векторными файлами в браузере смотрите в статье редактирование файлов SVG в браузере. Всё выполняется на вашем устройстве и работает даже без подключения к интернету после загрузки страницы.

Готовы попробовать?

Бесплатно, без регистрации, и ни один открытый файл не покидает ваше устройство.

Частые вопросы

В чём разница между «Объединением» и «Пересечением»?+

«Объединение» сливает все выбранные фигуры в единый общий контур. «Пересечение», напротив, сохраняет только ту область, где фигуры перекрываются, и отбрасывает всё остальное.

Почему «Минус верхний» удалил не ту фигуру?+

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

Можно ли редактировать фигуру после объединения?+

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

Будут ли объединённые края аккуратными?+

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

Можно ли сохранить объединённую фигуру в формате SVG?+

Да. Сохраните свою работу в формате SVG, чтобы объединённый контур остался полностью редактируемым, или экспортируйте PNG с масштабом 2×, если вам нужна растровая версия. Всё это происходит прямо в браузере.

Похожие руководства

Ещё руководства: Вектор и SVG →