Документация Инструменты

Инструмент «Узел»

Как править контур точка за точкой: двигать якоря, лепить рычаги, менять тип узла, добавлять и убирать точки и замыкать контур.

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

Он работает со слоями фигур. При выбранном слое сетки он правит вместо этого каркас сетки. Когда ничего подходящего не выбрано, он откатывается к выбору слоёв, поэтому щелчок всё равно куда-то приводит: щёлкните по фигуре, чтобы выбрать её, щёлкните с Shift, чтобы добавить, или протяните рамку по холсту, чтобы подобрать каждый редактируемый слой фигуры, которого она коснётся.

Выбор точек

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

Удерживайте Ctrl (на macOS Cmd) и дважды щёлкните по вершине, чтобы выбрать все вершины этого контура.

Автовыбор

Переключатель «Автовыбор» на панели решает, что делает щелчок рядом с выделением. Когда он включён, щелчок выбирает слой под курсором, а меню рядом с переключателем задаёт, какой именно вид слоя: «Все слои», «Фигура» или «Свет». При значении «Все слои» слой света, лежащий над фигурой, не перехватывает у неё щелчок. При значении «Свет» щелчок выбирает только свет. Когда «Автовыбор» выключен, щелчок только выделяет точки рамкой и никогда не выбирает другой слой.

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

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

Когда выбрано больше одной точки, полоса показывает их число; при одной выбранной точке она показывает её X и Y.

Три типа узлов

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

ТипРычагиДля чего он
ОстрыйПолностью независимы: каждый рычаг ходит сам по себеУглы и кривые, которые резко ломаются с одной стороны
ГладкийЛежат на одной прямой, но каждая сторона держит свою длинуНепрерывная кривая с долгим заходом и коротким выходом
УмныйЗеркальны: равной длины и держатся выровненными самиПлавные текучие кривые, за которыми не хочется присматривать

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

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

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

Как двигать точки и рычаги

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

Протяжка рычага меняет форму кривой. На умной точке противоположный рычаг зеркалит; держите Alt, чтобы сломать касательную и подвинуть только эту сторону. Протяжка с Alt из якоря даёт обратное движение: она вытягивает из угла свежую пару симметричных рычагов и снимает его радиус.

Тянуть можно и саму кривую. Нажмите на отрезок и потяните, и он изогнётся за курсором: удобно, чтобы выгнуть прямую линию, не сдвигая ни один из её концов. Меняется только тот отрезок, который вы тянете: отрезок по другую сторону каждого узла остаётся прежним, а узел при необходимости становится углом.

Держите Shift во время протяжки точки, чтобы ограничить её одной осью. Ось выбирается по тому направлению, в котором вы начали движение, как только протяжка перевалит примерно за четыре пикселя.

Добавление, удаление и соединение

Наведите курсор на отрезок выбранной фигуры, и короткая засечка на кривой покажет, где щелчок поставит новую точку, а у курсора появится знак плюса. Щёлкните там, чтобы вставить точку; если нажать и потянуть, отрезок изогнётся. Двойной щелчок тоже вставляет точку. На слое света новый узел добавляется на каждый контур этого света, а на составной фигуре он добавляется и на другие части фигуры, а не только на первую. «Разделить» делает то же самое в середине отрезка после выбранной точки. Выберите точки и нажмите Delete или Backspace, чтобы их удалить.

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

Шесть кнопок кривой общие с инструментом «Перо», и каждая гаснет, когда неприменима:

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

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

Упрощение

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

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

Сохранение формы и есть смысл, а число узлов является платой за это. Фигура из трёх наложенных мазков намерила 232 точки; первое нажатие свело её к 64, и новое очертание нигде не отошло от старого больше чем примерно на десятую долю пикселя. На обычном масштабе это невидимо. Это всё же приближение, а не копия, поэтому, если вам нужен точный оригинал, отмените.

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

Настраивать нечего. Точность выводится из самой фигуры, из её собственного размера, поэтому одно нажатие значит одно и то же и на мелком росчерке, и на силуэте во весь холст.

Нажмите ещё раз, и она пойдёт дальше. Первое нажатие осторожное и снимает основную массу точек. Каждое следующее даёт очертанию чуть больше свободы двигаться, поэтому оно находит более длинные кривые и роняет больше точек: на испытаниях фигура, написанная кистью, прошла 232 точки, потом 64, потом 39, потом 30, срезая каждый раз от четверти до трети оставшегося. Нажмите три-четыре раза подряд, и вы на том минимуме точек, которым фигуру ещё разумно нарисовать.

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

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

Ваши выбранные точки сохраняются. «Упростить» перенумеровывает точки контура, поэтому выделение отстраивается заново по тому, где точки были: уцелевшие остаются выбранными, а убранные просто выпадают. Если нажатие не убрало ничего, выделение остаётся ровно таким, каким было.

Кнопка гаснет, когда упрощать нечего: фигура, у которой во всех контурах меньше восьми точек, уже настолько чиста, насколько это возможно, а фигура с ключевыми кадрами вершин отклоняется наотрез. Анимация вершин хранит весь список точек на каждом ключевом кадре, поэтому упрощённый контур переписался бы обратно в тот же миг, как курсор сдвинется, и отказ здесь честен там, где тихая отмена вашей работы честной не была бы. Фигура, к которой прикреплены кость или слияние вершин, тоже остаётся нетронутой, ведь повторная подгонка потеряла бы эти связи, а остальные выбранные фигуры при этом всё равно упрощаются.
«Упростить» заменила прежнюю кнопку сглаживания, которая делала точки умными; эту работу выполняет пастилка «Острый / Гладкий / Умный», и теперь в этом инструменте гладким называется только одно.

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

Четыре режима щелчка

Пастилка на левом краю полосы решает, что делает щелчок по контуру.

РежимЧто делает щелчок
ВыбратьОбычная правка точек и рычагов, режим по умолчанию
Скрыть реброЩелчок по отрезку прячет или показывает его обводку, оставляя заливку целой
Толщина линииПротяжка якоря вбок задаёт собственную толщину линии в этой точке
ЛепкаТяните контур, как глину: каждая точка внутри круга кисти движется вместе с курсором

В режиме «Лепка» за курсором следует синий круг, а на панели появляется поле «Радиус» от 8 до 400 экранных пикселей, по умолчанию 60. Точки у центра круга сдвигаются сильнее всего, а к краю эффект ослабевает. Нажатие, которое ничего не сдвинуло, не оставляет ни шага отмены, ни ключевого кадра.

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

Что показывает контур

Два значка у правого края панели меняют только отображение, но не то, что правится. «Направление кривой» ставит вдоль контура стрелки, показывающие его направление. «Только выбранные манипуляторы» скрывает рычаги всех точек, кроме выбранных, чтобы плотный контур оставался читаемым. Оба выключены по умолчанию, а у инструмента «Перо» есть собственный переключатель «Направление кривой».

Радиус угла

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

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

Радиус угла применяется к основному контуру фигуры. Дополнительные контуры (внутренние кольца составной или булевой фигуры) не скругляются.

Меню правой кнопки

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

A Инструмент «Узел»
Shiftщелчок Добавить точку к выделению или убрать из него
Shiftпротяжка Ограничить движение одной осью
Altпротяжка рычага Сломать касательную
Altпротяжка якоря Вытянуть симметричные рычаги
Двойной щелчок по якорю Переключить гладкий и острый
Щелчок по отрезку Вставить точку там, где видна засечка
Нажать и потянуть отрезок Изогнуть этот отрезок
Delete Удалить выбранные точки
Клавиши со стрелками Подтолкнуть выбранные точки, или на десять единиц с Shift