Редактирование векторных путей даёт точный контроль над геометрией фигуры путём манипуляции отдельными узлами и кривыми Bezier. Создавайте пользовательские фигуры или модифицируйте существующие, перемещая точки, настраивая кривые и добавляя или удаляя узлы.

Основы векторных путей

Каждая фигура в Diagrammix3 состоит из пути, составленного из:

  • Узлы (опорные точки) — Определяют, где путь меняет направление
  • Сегменты — Линии или кривые, соединяющие узлы
  • Маркеры (контрольные точки) — Управляют кривизной сегментов Bezier

Анатомия векторного пути

Вход в режим редактирования пути

Для редактирования пути фигуры:

  1. Выделите фигуру, которую хотите редактировать
  2. Выберите один из способов:
    • Дважды нажмите на контур фигуры
    • Выберите Edit → Edit Path в меню
    • Нажмите кнопку Edit Path в Инспекторе

Узлы фигуры становятся видимыми, и интерфейс переходит в режим редактирования пути.

Работа с узлами

Выделение узлов

  • Нажмите на узел для его выделения
  • Shift+Click для выделения нескольких узлов
  • Cmd+A для выделения всех узлов в пути
  • Нажмите на пустую область для снятия выделения со всех узлов

Перемещение узлов

  1. Выделите один или несколько узлов
  2. Нажмите и перетащите для перемещения
  3. Удерживайте Shift при перетаскивании для ограничения перемещения по горизонтали/вертикали
  4. Используйте клавиши стрелок для точного сдвига на 1 пиксель

Добавление узлов

Для добавления нового узла в путь:

  1. Нажмите на любой сегмент (линию между двумя узлами)
  2. Новый узел появляется в этом месте
  3. Путь автоматически корректируется с учётом нового узла

Совет: Добавляйте узлы там, где хотите создать новые кривые или углы в фигуре.

Удаление узлов

Для удаления узла:

  1. Выделите узел(ы), которые хотите удалить
  2. Нажмите Delete или Backspace
  3. Путь пересоединяет соседние узлы

Примечание: Нельзя удалить узел, если это оставит путь с менее чем 3 узлами.

Операции с узлами

Типы узлов

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

Угловой узел

  • Создаёт острый угол (без кривой)
  • Маркеры независимы или скрыты
  • Лучше для: угловатых фигур, полигонов, резких поворотов

Гладкий узел

  • Создаёт плавную кривую через точку
  • Оба маркера перемещаются вместе, сохраняя выравнивание
  • Длины маркеров могут различаться
  • Лучше для: плавных кривых, органических форм

Узел перегиба

  • Позволяет независимо управлять кривой с каждой стороны
  • Маркеры могут указывать в любом направлении
  • Лучше для: S-образных кривых, волнистых форм, сложных кривых

Для изменения типа узла:

  1. Выделите узел
  2. Щёлкните правой кнопкой для открытия контекстного меню
  3. Выберите Corner, Smooth или Cusp

Альтернативно используйте раздел Path Инспектора для установки типа узла.

Маркеры Bezier

Маркеры управляют кривизной сегментов пути.

Отображение маркеров

При выделении узла его маркеры Bezier становятся видимыми как маленькие кружки, соединённые с узлом тонкими линиями.

Настройка маркеров

  1. Нажмите и перетащите маркер для изменения кривой
  2. Перемещение маркера дальше от узла создаёт более широкую, плавную кривую
  3. Перемещение маркера ближе к узлу создаёт более тесную, резкую кривую
  4. Вращение маркера изменяет направление кривой

Поведение маркеров по типам узлов

  • Угловые узлы: Маркеры независимы или скрыты
  • Гладкие узлы: Маркеры остаются выровненными (180° друг от друга), длины независимы
  • Узлы перегиба: Маркеры полностью независимы

Управление маркерами Bezier

Создание пользовательских фигур с нуля

Использование инструмента «Свободное рисование»

  1. Выберите инструмент «Свободное рисование» на панели инструментов
  2. Нажмите для размещения первого узла
  3. Продолжайте нажимать для добавления узлов
  4. Дважды нажмите или нажмите Enter для завершения фигуры

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

Использование инструмента «Векторный путь»

Для большего контроля:

  1. Выберите инструмент «Векторный путь»
  2. Нажмите для размещения каждого узла
  3. Перетаскивайте при размещении узла для создания маркеров кривых
  4. Замкните путь, соединив его с первым узлом

Продвинутые операции с путями

Объединение путей

Объединение нескольких фигур в одну:

  1. Выделите две или более фигуры
  2. Выберите Edit → Combine Paths
  3. Фигуры сливаются в единый путь

Разделение путей

Разделение замкнутого пути на сегменты:

  1. Войдите в режим редактирования пути
  2. Выделите узел, в котором хотите разделить путь
  3. Выберите Edit → Break Path

Изменение направления пути

Изменение порядка узлов в пути:

  1. Выделите фигуру
  2. Выберите Edit → Reverse Path Direction

Это полезно при работе с коннекторами, следующими направлению пути.

Оптимизация пути

Diagrammix3 может автоматически очищать пути:

  1. Выделите фигуру с большим количеством узлов
  2. Выберите Edit → Optimize Path
  3. Приложение удаляет избыточные узлы, сохраняя форму

Это полезно после:

  • Импорта файлов SVG с избыточными узлами
  • Трассировки нарисованных от руки путей
  • Преобразования текста в контуры

Практические примеры

Создание пользовательской стрелки

  1. Начните с прямоугольника
  2. Войдите в режим редактирования пути
  3. Добавьте узлы на правом краю
  4. Переместите узлы для создания наконечника стрелки
  5. Настройте кривые для плавных переходов

Модификация облачка диалога

  1. Начните с эллипса
  2. Войдите в режим редактирования пути
  3. Добавьте узел снизу
  4. Вытяните его наружу для создания указателя
  5. Настройте маркеры Bezier для плавных кривых

Создание звезды

  1. Используйте инструмент «Полигон» для создания правильного многоугольника
  2. Войдите в режим редактирования пути
  3. Добавьте узлы между каждым существующим узлом
  4. Вытяните чередующиеся узлы наружу для создания лучей

Примеры пользовательских фигур

Советы

  1. Начинайте просто — Начните с базовых фигур, затем модифицируйте через редактирование пути
  2. Используйте меньше узлов — Более простые пути легче редактировать и быстрее отрисовываются
  3. Для плавных кривых нужны гладкие узлы — Используйте гладкие или узлы перегиба для изогнутых сегментов
  4. Приближайте для точности — Увеличивайте масштаб при настройке мелких деталей
  5. Практикуйтесь на копиях — Скопируйте фигуру перед редактированием пути на случай, если захотите вернуть
  6. Используйте привязку к сетке — Включите привязку к сетке для геометрической точности

Сочетания клавиш

  • Enter или Двойное нажатие — Войти/выйти из режима редактирования пути
  • Delete — Удалить выделенный узел(ы)
  • Cmd+A — Выделить все узлы
  • Клавиши стрелок — Сдвинуть выделенные узлы на 1 пиксель
  • Shift+стрелки — Сдвинуть на 10 пикселей
  • Esc — Выйти из режима редактирования пути

Ограничения

  • Нельзя редактировать путь объектов-коннекторов (только фигур)
  • Сгруппированные фигуры необходимо разгруппировать перед редактированием пути
  • Некоторые операции (такие как вращение) могут повлиять на положение маркеров Bezier

Связанные темы