Урок 2.1

Склеивание

Введение

При рисовании на векторных слоях очень важна концепция "склеваня" узлов. В этом уроке вы познакомтесь с примерами того, как (и почему) необходимо склеивать узлы. Также будут представлены примеры хорошего и плохого склевания в Moho.

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

Как склеивать узлы

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

Существует два способа склеивания узлов в Moho: вручную и автоматически. Для того, чтобы объеденить два узла вручную, необходимо взять инструмент Перемещения узлов и перетащить один узел поверх другого, затем нажать пробел. Вот пример этого метода. И хотя клавиатуры не видно, представьте себе, что при перемещении одного узла поверх другого нажимается клавиша пробел. Обратите внимание, что после склеивания два узла двигаются как один.

Склеивание при помощи нажатия пробела.

Второй метод склеивания автоматический. Используя этот метод при перемещении одного узла поверх другого и отпускании левой кнопки мыши, эти два узла склеиваются автоматически. Для того, чтобы этот метод работал, необходимо, чтобы был включен параметр "Auto-weld" (Автоматичееское склеивание) при активном инструменте Translate Points(перемещение узлов):

Убедитесь, что включен параметр Auto-weld.

Ниже приведен пример автоматического склеивания. В этом случае нет необходимости нажимать пробел - как только мышь будет отпущена, два пересекающихся узла будут объеденены автоматически.

Автоматическое склеивание.

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

Еще  один пример автоматического склеивания

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

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

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

Приклеивание к сегменту кривой.

Для чего необходимо склеивать узлы

Итак, мы рассмотрели, как можно связывать узлы, но зачем это нужно? Первая причина - создание формы, которую можно залить цветом. Для того, чтобы форму можно было  залить цветом, она должна быть полностью закрыта. Это возможно лишь в случае объединения двух узлов вместе. Следующая форма не может быть залита цветом, поскольку она незакрыта:

Незакрытая форма

После объединения двух крайних узлов вместе, форму можно залить цветом:

Закрытая форма, которая может быть залита цветом

Примеры хорошего склеивания

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

Объединение двух кривых

Следующий пример показывает классический случай склеивания закрытой кривой, которую можно залить цветом:

Закрытие кривой

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

Объединение нескольких кривых в одну закрытую форму


Склеянная и залитая цветом форма.

Пример ниже показывает два круга, выровнянных горизонально и расположенных друг возле друга. Боковые кнопки обеих кругов склеены вместе, поэтому во время анимации они остаются вместе. Если бы эти узлы не были связаны, то для их синхронного перемещения нужно было бы проделать дополнительную работу.

Объединенные узлы.


Примеры плохого склеивания

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

Перед склеиванием в местах, обведенных красными кругами

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

Плохое склевание

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

Залейте формы цветом без склеивания их вместе

Удаление сегмента

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

Вырезаем ненужную кривую

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

Склеиваем новые крайние узлы