Инструменты заливки

Заливка форм цветом

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

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

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

Заливки и контуры идут в той последовательности, в которой мы их создаем. Это определяет, какая из заливок или какой из контуров будет видим в случае пересечения. Существуют инструменты, позволяющие менять положение заливок и контуров, однако со временем вы убедитесь в том, что лучше сразу продумать их положение. Это позволит вам сэкономить кучу времени. 

Выбор цвета


Если любой из этих инструментов активен:  Select Shape (Выбор формы) или Create Shape (заливка) , и выделена форма, вы можете быстро назначить цвет заливки, выбрав его из другой формы текущего слоя. Просто нажмите клавишу <alt> и щелкните по форме, из которой вы хотели бы взять цвет. Выбранный цвет будет сразу же будет применен к форме. 

Существует также возможность копирования цвета и стиля одной формы на другую. Для этого необходимо, удержвая <alt> + <ctrl>, щелкнуть на другой форме, после чего цвет выделенной формы будет скопрован на форму, по которой был сделан щелчек. Это очень простой способ копрования цвета и стиля одной формы на несколько других форм на одном слое. 

Инструменты заливки

В Moho доступны следующие инструменты заливки:  

Выбор формы (Select Shape)

Этот инструмент используется для выделения существующей формы - заливки либо контура. Просто щелкните по необходмой форме и она будет выделена. На данном этапе вы можете нажать клавишу <delete> или <backspace>, чтобы удалить форму, отредактировать ее свойства на панели стилей  Style Window, или же изменить порядок следования, используя нижеописанные модификаторы заливки.

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

Создание формы (Create Shape)

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

Когда желаемая область выделена, нажмите пробел для применения выделения. Теперь используйте панель стилей  Style Window  для редактирования цвета и стилей заливки. Это очень важный этап - до тех пор, пока вы не нажмете пробел, вы все еще будете находиться в режиме подготовки выделения.  

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

Выделение кривых для создания формы.

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

Две получившиеся формы.

После создания форме, можно залить только ее фон, а не контур. Для этого необходимо убрать флажок с параметра "Enable outline" (Активировать контур). Точно так же можно отключить заливку, убрав флажок с параметра "Enable fill" (Активировать заливку) в окне стилей.

Толщна линии (Line Thickness)

Инструмент редактирования толщины линий используется для изменения толщины линии при прохождении ее через определенный узел. Используя этот инструмент, можно создавать линии с заостренными концами, серединой или же линии, меняющих свою толщину несколько раз. Для того, чтоы использовать этот инмтрумент, необходимо щелкнуть на узле, который мы хотим редактировать и переместить курсор мыши вправо и влево, тем самым меняя толщину линии. (Внимание, чтобы этот инструмент правльно работал, нужно сначала либо установить контур через узел, либо залить форму линией, ширина которой не должна быть равной нулю.) В один момент времени при помощи инструмента выделения узлов (Select Points tool) из группы инструментов для рисования можно редактировать больше, чем один узел.

Удалить форму (Delete Shape)

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

Скрыть края (Hide Edge)

Иногда необходимо создать заливку только с частью контура. Для этого нужно использовать инструмент скрытия краев формы (Hide Edge). После создания заливки и установки желаемой толщины контура, просто щелкните на краях, которые вы хотите спрятать - эти края просто исчезнут, не оказывая никакого воздействия на заливку. Ниже представлен пример до и после скрытия края контура:

Инструмент Hide Edge в действии.

Модификаторы заливки (Fill Modifiers)

Нижеприведенные кнопки управляют выделенной заливкой или формой контура. Для редактирования просто щелкните по одной из них. 

Опустить форму (Lower Shape)

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

Поднять форму (Raise Shape)

Щелкните эту кнопру для познятия формы на порядок выше. 

Обратите внмание, для двух вышеуказанных кнопок существуют также клавиатурые сокрсщения. Клавиши Вверх  Вниз означают поднятие и опускание формы. При удержании клавиши <shift> форма будет передвинута на самый верх или низ группы слоев. 

Сложная заливка форм

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

Сложная форма - две соедненные кривые.

Чтобы залить эту форму цветом, первое, что приходит в голову - нужно выделить всю группу узлов. К сожалению, результат будет такой, как на рисунке внизу, что не совсем нам подходит. (вообще то, Moho предвидела бы проблему заранее и не дала бы сделать даже такую заливку):  

Форма, которую нельзя залить фоном.

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

Это выделение можно залить фоном.

Вот еще несколько возможных заливок на основе тех же форм: 

Альтернативное выделение формы 1.


Альтернативное выделение формы 2.

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

Составные заливки

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

Составная заливка.

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

Еще одна составная заливка.

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

Уловка: Использование двух заливок вместо одной

Иногда необходимо создать объект, части которого перекрывают друг друга как, например, на рисунке внизу. 

Два пересекаемые кольца

После обсуждения темы порядка следования форм на слое возникает вопрос: "А красное кольцо перед или позади синего?". Ответ на этот вопрос дать непросто. При помощи лишь изменения порядка следования форм подобного эффекта добиться невозможно. (Если бы Moho была трехмерной программой, создать подобную композицию было бы легко.) На самом деле, красное кольцо состоит из двух - одно из них находится за синим кольцом, а другое перед ним. Следующий рисунок представляет собой аналог предыдущего, однако красное кольцо здесь представлено из двух частей. 

Различные цвета указывают на три различные формы.

Конечно же, подобная тактика занимает много времени, однако иногда это единственный способ разделить объект на две (или более) части. Ниже представлен скриншот проекта Moho, на котором можно четко увидеть соединение узлов и кривых. Обратите внимание на то, что красному кольцу добавлены еще несколько кривых, чтобы разбить его на две части для заливки разными цветами. 

Положение узлов и кривых.

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