Рисование и редактирование граней

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

Пользовательские грани

Чтобы нарисовать пользовательскую грань, вам сначала нужно включить инструмент рисования в панели инструментов или использовать [CTRL/Cmd + F].

Чтобы начать рисовать фигуру, щелкните там, где вы хотите разместить вашу первую точку на холсте. Чтобы добавить больше точек, у вас есть 2 варианта:

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

Когда вы хотите завершить грань, просто щелкните на первой точке или нажмите Enter, чтобы закрыть путь, или нажмите Escape, чтобы закрыть путь и одновременно выйти из  режима рисования.

Все пути должны быть закрыты, поэтому они должны иметь минимум 3 точки (и 1 Центр +!), но максимального ограничения нет. Кроме того, вы можете полностью смешивать прямые сегменты и кривые на одной грани!

Примечание: удерживайте [Shift] перед нажатием, чтобы создать новую точку на той же оси X или Y, что и ранее созданная точка.

Редактирование граней

Манипулирование гранями

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

Перемещение точек

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

Если вы выбираете по одной точке (вершина или контрольная точка), начиная с версии 2,13 вы можете ввести точные значения пикселей для её координат X & Y в панели Свойства (точка начала координат (0,0) находится в левом верхнем углу холста)

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

Добавление точек

Вы также можете добавлять точки к существующим граням. Для этого:

1. Включите инструмент редактирования , выбрав его на панели инструментов, с помощью [Ctrl/Cmd + E] или двойным щелчком по грани 
2. Выберите грань, к которой хотите добавить точки. Вы увидите белые точки, появляющиеся в середине ее сегментов.
3. Просто нажмите на среднюю точку, чтобы добавить ее к грани. Вы также можете напрямую добавить вершину с зеркальными контрольными точками, дважды щелкнув на средней точке.
4. Когда вы закончите редактирование граней, просто выключите инструмент редактирования, нажав Escape или с помощью ярлыка, или сняв его выделение на панели инструментов

Примечание: при включенном режиме редактирования вы всё еще можете управлять всеми формами (перемещать или удалять грани, точки, контрольные точки и т.д.)

Настройка ручек

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

•  Прямые точки: это точка по умолчанию при нажатии с помощью инструмента рисования Это простая точка без ручек. Путь между двумя прямыми точками – это прямая линия.
•  Зеркальные ручки: это тип ручки по умолчанию, когда вы добавляете кривую, нажимая и перетаскивая с помощью инструмента рисования Обе ручки по обе стороны от точки имеют одинаковый размер и образуют линию, они находятся под одинаковым углом. Когда вы настраиваете размер или ориентацию одной из ручек, другая отразит его.
•  Асимметричные ручки: обе ручки по обе стороны от точки образуют линию, находятся под одинаковым углом, но их длины могут различаться Когда вы настраиваете размер или ориентацию одной из ручек, другая отразит угол, но не расстояние.
•  Disconnected handles: both handles on each side of the point are completely independent. When adjust the size or orientation of one handle, the other one will not be affected. This means you can even have a handle on one side and none on the other side!

There are a few ways to edit the handle type on a point:

• First, know that you can convert a point from Straight to Mirrored (and vice versa) by simply double-clicking on it. Quick and easy!
• To access the 4 types of handles, you can use the handle selector from the properties panel on the left of the interface. It appears when you have a point selected.

Note: know that when you delete only one handle from a point on a curve, it automatically sets the point type to Disconnected.

Once you have set the type of handles for a point, you can easily adjust them. As shown in the GIF above, when you click on a point, its handles appear and you can grab and move the handle control points. When a handle is selected it turns yellow.