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

Любой векторный объект в Scissor состоит из контуров — цепочек опорных точек, соединённых прямыми или изогнутыми сегментами. На этой странице рассказано, как рисовать контуры, как менять их форму точка за точкой и какие команды соединяют, смещают, обводят и объединяют их.

Сочетания клавиш приведены в варианте для macOS. В Windows вместо ⌘ нажимайте Ctrl, вместо ⌥ — Alt, а вместо ⇧ — Shift.

Опорные точки, маркеры и форма контура

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

Угловые и гладкие точки

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

Гладкая точка

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

Угловая точка

Маркеры, которые двигаются независимо, или точка вовсе без маркеров. Используйте такие точки на вершине звезды, в углу прямоугольника или там, где кривая должна встретиться с прямым краем.

Опорные точки, маркеры и инструмент «Прямое выделение»

Инструмент «Прямое выделение» (A) работает с частями контура. Щёлкните опорную точку, чтобы выделить её, щёлкните с ⇧, чтобы добавить или исключить точку, или протяните рамку по пустому месту, чтобы захватить все точки внутри неё. Перетаскивание выделенных точек перемещает их; ⇧ ограничивает перемещение шагами по 45°. Берите этот инструмент, когда фигура почти готова и нужно лишь чуть сдвинуть одну-две точки.

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

Инструмент «Групповое выделение» находится в той же ячейке и выбирает из группы целые объекты, а не опорные точки. Первый щелчок выделяет самый вложенный объект, следующий — охватывающую его группу.

Инструменты рисования

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

Инструмент «Перо»

Инструмент «Перо» (P) строит контур точка за точкой. Щелчок ставит угловую точку; если нажать и потянуть, у точки появятся маркеры и контур выйдет из неё кривой. Удерживайте ⇧ при перетаскивании, чтобы маркер поворачивался шагами по 45°, и ⌥, чтобы двигать только исходящий маркер: точка станет угловой, и следующий сегмент не будет зависеть от предыдущего.

Пока контур открыт, инструмент меняет поведение в зависимости от того, над чем находится указатель. Над первой точкой он замыкает контур, над сегментом — добавляет точку, над существующей точкой — удаляет её. Если контур не рисуется, наведите указатель на свободный конец открытого контура — инструмент подхватит его, и вы продолжите рисовать с этого места. Enter или Esc завершает контур, оставляя его открытым; Delete удаляет последнюю поставленную точку.

Инструмент «Кривизна»

Инструмент «Кривизна» (⇧~) проводит гладкую кривую через точки, по которым вы щёлкаете, и по ходу работы показывает её продолжение до указателя. Щелчок с ⌥ ставит угловую точку вместо гладкой, а двойной щелчок по любой точке переключает её тип. Перетащите точку, чтобы переместить её, — кривая перестроится. Щёлкните первую точку, чтобы замкнуть фигуру, или нажмите Enter, чтобы завершить контур. Delete удаляет последнюю точку, а Esc отменяет контур. Используйте этот инструмент, когда форма кривой важнее точного положения точек: маркеры он рассчитает сам.

Инструмент «Карандаш»

Инструмент «Карандаш» (N) рисует от руки: нажмите, проведите линию и отпустите — Scissor построит по этому следу гладкий контур. Если отпустить кнопку рядом с началом линии или удерживать ⌥ в конце, контур замкнётся в фигуру. В результате получается открытый контур с обводкой текущего цвета, который можно оставить линией или залить. Насколько точно контур повторяет движение руки, задаёт настройка «Точность карандаша»: от точной, при которой сохраняется больше точек и каждое дрожание, до сглаженной, при которой точек меньше, а линия выравнивается. Берите «Карандаш» для набросков, подписей и любых форм, которые должны выглядеть нарисованными от руки, а не построенными.

Редактирование точек контура

Добавление, удаление и преобразование точек

В одной ячейке панели инструментов с «Пером» находятся «Добавить опорную точку» (+), «Удалить опорную точку» (−) и инструмент «Опорная точка» (⇧C). «Добавить опорную точку» ставит на сегмент новую точку, не меняя кривую; «Удалить опорную точку» убирает точку, по которой вы щёлкнули, и контур смыкается на её месте. Инструментом «Опорная точка» потяните от угловой точки, чтобы вытянуть пару согласованных маркеров и сделать её гладкой; потяните один маркер, чтобы разорвать пару и развести стороны, снова сделав точку угловой; щёлкните гладкую точку, чтобы убрать её маркеры и получить острый угол.

В меню «Объект › Контур» те же правки есть в виде команд, которые действуют сразу на всё выделение. «Добавить опорные точки» ставит новую точку посередине каждого сегмента, удваивая число точек без изменения формы, — это удобно перед искажением или деформацией, которым нужно больше точек, чтобы изгибать контур аккуратно. «Удалить опорные точки» убирает точки, выделенные инструментом «Прямое выделение», и перестраивает контур через оставшиеся.

Изменение формы вручную: инструменты «Сглаживание», «Ластик контуров» и «Соединение»

Три инструмента, похожие на кисти, меняют форму контура там, где вы проводите, а не в одной точке. Они действуют на выделенные контуры, а если ничего не выделено — на любой контур под кистью; [ и ] уменьшают и увеличивают кисть.

Инструмент «Сглаживание»

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

Инструмент «Ластик контуров»

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

Инструмент «Соединение»

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

Разрезание контура: «Ножницы» и «Нож»

Инструмент «Ножницы» (C) режет в одном месте. Щёлкните сегмент или опорную точку, и контур разделится там: замкнутый контур раскроется в месте разреза, а открытый распадётся на два отдельных объекта. Используйте его, чтобы прорезать разрыв в круге или разделить фигуру на части, которые можно оформить по-разному.

Инструмент «Нож» разрезает графику насквозь. Проведите лезвием по объекту, чтобы разрезать его на отдельные части вдоль нарисованной линии; удерживайте ⌥, чтобы резать по прямой, и добавьте ⇧, чтобы направление прямой менялось шагами по 45°. Если что-то выделено, режутся только выделенные объекты; иначе — всё, через что проходит лезвие. Используйте его, чтобы одним движением разрезать залитую фигуру на несколько замкнутых частей.

Команды для контуров

В меню «Объект › Контур» собраны операции, действующие сразу на целые контуры.

Соединение и усреднение

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

Команда «Усреднить» (⌥⌘J) перемещает выделенные точки в их общее среднее положение. В диалоговом окне можно выбрать горизонтальную ось, которая выстраивает точки на одной высоте, вертикальную ось, которая выстраивает их в столбец, или обе оси, которые собирают все точки в одном месте. Используйте её, чтобы выровнять ряд точек или свести два конца вместе перед соединением.

Упрощение

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

Параллельный контур

Команда «Создать параллельный контур» строит новый контур на заданном расстоянии от исходного: при положительном смещении очертание расширяется наружу и располагается позади оригинала, при отрицательном — сжимается внутрь и располагается перед ним. Параметр «Углы» определяет, как обрабатываются внешние углы: «Острый», «Скругление» или «Скос», а предел среза ограничивает, насколько далеко может выступать острый угол, прежде чем он будет срезан. Используйте команду, чтобы нарисовать ровную рамку вокруг фигуры, сделать внутренний контур для обводки по краю или утолщить тонкую форму. «Создать параллельный контур» также есть в меню «Эффект › Контур» как динамический эффект, который пересчитывается при изменении фигуры.

Контурная обводка

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

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

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

Редактируемые фигуры и их элементы управления

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

Выделите одну динамическую фигуру, и у её углов, чуть внутри, появятся маленькие круглые маркеры; они скрыты, если фигура на экране слишком мала, чтобы их было хорошо видно. Перетащите маркер инструментом «Выделение» (V), чтобы скруглить сразу все углы, или инструментом «Прямое выделение», чтобы скруглить только тот угол, за который вы держите. Щелчок с ⌥ по угловому маркеру переключает тип угла: скруглённый, вогнутый, срезанный — опять же все четыре угла инструментом «Выделение» и один угол инструментом «Прямое выделение».

У эллипса вместо них квадратный маркер: один на целом эллипсе и по одному на каждом конце сектора, после того как вы его раскрыли. Перетащите маркер, чтобы вырезать из фигуры клин; с ⇧ угол привязывается к шагам по 15°, а если вернуть конец к началу, эллипс снова станет целым. На панели «Свойства» те же значения представлены числами: радиус и тип угла, радиусы отдельных углов, число сторон многоугольника, начало и конец сектора в градусах. Динамическая фигура сохраняет эти элементы управления, пока вы не отредактируете её контур напрямую — тогда она становится обычным контуром.

Объединение фигур: «Объединение и разделение» и «Объединение фигур»

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

Инструмент «Объединение и разделение»

Инструмент «Объединение и разделение» (⇧M) работает с двумя или более выделенными контурами. Он делит их перекрытия на области и подсвечивает ту, над которой находится указатель; проведите линию через несколько областей, чтобы слить их в один объект, который получит оформление исходной фигуры, или проведите с ⌥, чтобы удалить их. Используйте его, чтобы строить фигуру на глаз, добавляя нужные части и стирая ненужные, не выбирая команду для каждого шага.

Режимы фигур панели «Объединение фигур»

Панель «Объединение фигур» (⇧⌘F9) начинается с четырёх режимов фигур, каждый из которых заменяет выделенные контуры одним общим контуром. Результат получает оформление верхнего объекта, кроме режима «Минус верхний», который сохраняет оформление нижнего.

Объединение

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

Минус верхний

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

Пересечение

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

Исключение

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

Другие операции панели «Объединение фигур»

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

Разделение

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

Обрезка

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

Объединение

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

Кадрировать

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

Минус нижний

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

Контуры

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

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

Составные контуры и обтравочные маски

Команда «Объект › Составной контур › Создать» (⌘8) объединяет выделенные контуры в один объект с заливкой по правилу чётности, так что внутренний контур прорезает отверстие во внешнем. Результат получает оформление самого нижнего объекта выделения. «Освободить» (⌥⇧⌘8) возвращает каждый контур как отдельный объект. Используйте составной контур для любой фигуры с отверстием, например для внутреннего просвета буквы O или шайбы.

Команда «Объект › Обтравочная маска › Создать» (⌘7) использует самый верхний выделенный объект, который должен быть контуром, чтобы обтравить всё, что под ним. Scissor помещает их все в обтравочную группу и убирает заливку и обводку самого контура маски. «Освободить» (⌥⌘7) превращает обтравочную группу обратно в обычную группу: ничего больше не обтравливается, а каждый объект, включая контур маски, остаётся на своём месте. «Создать маску непрозрачности» в том же подменю маскирует по тону, а не по очертанию: светлые части маски пропускают изображение, тёмные скрывают его.

Быстрые направляющие и привязка

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

Ещё две направляющие появляются сами. Когда перемещаемый объект оказался бы на таком же расстоянии от соседей, на каком они находятся друг от друга, он привязывается к этому положению, а два равных промежутка рисуются с указанием размера; это работает и для продолжения ряда равномерно расставленных объектов, и для центрирования объекта в промежутке между двумя другими. А когда вы тянете от начальной точки, направление привязывается к вспомогательной линии через каждые 45° от угла ограничения; она рисуется длинной линией с подписанным рядом углом.

«Привязать к точке» (⌥⌘') и «Привязать к сетке» (⇧⌘') — отдельные переключатели в меню «Просмотр». Когда включена привязка к сетке, всё попадает на деления сетки, а быстрые направляющие отключаются.