Урок 2.7

Стили

Введение

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

Начнем с примера

Вначале давайте посмотрим на файл, входящий в состав уроков, в котором уже применены некоторые стили. Он называется "Tutorial 2.7" и расположен в папке "Tutorials/2 - Drawing" главной директории Moho. Открыв его в программе, вы увидите следующее:

Точка входа этого урока.

(Не волнуйтесь о том, что персонаж разделен на части. Установка костей описана в следующем уроке. Если вы перейдете на 1-й кадр, вы увидите, что персонаж собран опять вместе. Перед тем, как продолжить, перейдите назад на нулевой кадр.)

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

Выбран стиль кожи (skin)

Отметьте параметр "Fill color" (залить цветом), чтобы изменить цвет кожи. Выберите любой цвет, который вам нравится. Обратите внимание на то, что цвет кожи меняется мгновенно на всех частях персонажа, даже если они расположены на разных слоях. Стили можно использовать во всем проекте, не ограничиваясь формами на одном слое.

Меняем цвет кожи

При рассмотрении окна стилей необходимо обратить внимание на три вещи:

Настройки стиля кожи.

1: Стиль кожи определяет цвет заливки (fill color). 2: Стиль кожи не оперделяет цвет линии 3: Стиль кожи не определяет цвет или ширину линии, поэтому изменение этих параметров не даст никаких результатов.

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

Изменение стиля контура.

Цвет и ширина линии будут отображены сразу же, однако чтобы увидеть эффекты кисти, необходимо визуализировать проект. Обратите внимание на то, что стиль контура был применен ко всем формам на слое. Вне завсимости от их настроек (таких как цвет заливки), все формы спользуют один и тот же стиль контура::

Визуализированный стиль контура.

Как применить стиль

А теперь давайте посмотрим как создать и применить стиль. Создайте новый проект. В окне стилей из выпадающего меню выберите пункт New (Новый). Теперь все настройки будут относиться только к этому стилю. Дайте ему имя, выберите цвет заливки и линии, установите ширину линии равную 8. При желании можно назначить эффекты кисти, заливки и линии.

Создане нового стиля

Затем создайте простую форму в главном окне программы - круг, прямоугольник или же текстовый объект. Убедитесь, что форма залита. На этом этапе форма должна иметь цвет заливки и линии по-умолчанию (обычно они черно-белые):

Создание простой формы

Выделение формы

А сейчас, используя инструмент выделения формы  щелкните на своей новой форме, чтобы ее выделить. Окно стилей автоматичести обновится, отображая стили выбранной формы. В разделе "Applied styles" (Примененные стили) выберите свой стиль. Это указывает Moho применить стиль к выделенной форме - свойства вашего стиля будут немедленно применены и отображены в окне стилей.

Применение стиля к форме

Вот  все! Как вы видели, создавать и применять стили в Moho легко и просто.