Курс уроков для начинающих "Введение в компьютерную анимацию"
Урок № 3

Роль слоев в компьютерной анимации.
Автор урока: Лаборатория юного линуксоида
Ссылка на первоисточник: http://younglinux.info/synfig3

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

Рис. 1. Слои в графике

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

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

Панель слоев «по-умолчанию» располагается в нижней части правого «плавающего» окна. Если нарисовать на холсте несколько фигур, то на данной панели будет отображен список слоев (рис. 2).

Рис. 2. Панель Layers
(а – обозначение панели, б — список слоев,
в — кнопки управления слоями, г — имена слоев)

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

Рассмотрим практическое применение слоев: допустим нам необходимо создать изображение, как на рисунке 3

.

Рис. 3. Изображение, созданное с помощью инструментов Circle, Rectangle и Polygon

Дом состоит из восьми прямоугольников, машина — из многоугольника и двух кругов, также на рисунке имеется изображение солнца в виде простого круга. После того, как данные изображения будут созданы, на панели Layers окажется двенадцать слоев (рис. 4.1). В таком виде понять, какой примитив, какому объекту принадлежит весьма затруднительно, а уж анимировать все это количество будет невероятно сложно. Поэтому объединим слои, формирующие дом в одну «капсулу», а машину — в другую. Для этого следует выделить слои всех «частей дома» (с помощью зажатой клавиши Shift или Ctrl) и выполнить команду Encapsulate (кнопка внизу панели Layers или через контекстное меню). Тоже самое необходимо сделать и по отношению к машине. Теперь картина слоев будет выглядеть немного лучше (рис. 4.2). Кроме того, неплохо бы переименовать слои (рис. 4.3). Следует иметь ввиду, что если щелкнуть по треугольнику слева от названия, то раскроется список слоев, входящих в объединение. Другими словами, фигуры все-равно сохраняют автономность, поэтому каждый элемент можно редактировать отдельно по-прежнему.

Рис. 4. Слои составного изображения
(1 — множество слоев, 2 — объединенные слои, 3 — переименованные слои)

Задание. Нарисуйте в Synfig Studio изображения солнца, дома и машины. Объедините и переименуйте слои.

Вопрос. В чем будет заключаться разница в анимации, если слой «Дом» будет находиться над слоем «Машина»?

В Synfig Studio существует одна особенность при перемещении составного изображения.

Когда мы выполняем инкапсуляцию несколько слоев, то у этого, нового слоя появляется «точка центра», за которую возможно переносить изображение (рис. 5). Эта точка всегда оказывается в центре холста. Однако само изображение может быть сбоку. В этом нет ничего страшного, но иногда бывает удобнее, чтобы центр был в центре самого изображения. Рассмотрим, как можно переместить «точку центра».

Рис. 5. Вид объекта на холсте при выделении составного слоя «Машина»
(а — точка для перемещения слоя)

Сначала необходимо раскрыть список слоев составного изображения на панели Layers. Выделить все вложенные слои и составной слой (рис. 6.1). С помощью инструмента Normal выделить все метки (легче это сделать с помощью рамки выделения) (рис. 6.2). Взять изображение за любую метку и переместить на центральную точку (рис. 6.3). После этого, уже за центральную точку можно перемещать изображение в любую часть холста.

Рис. 6. Этапы перемещения «точки центра» изображения

Задание. Переместите центральные точки машины и дома в центр самих изображений.

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

Этапы создания анимации:

1. Включить режим анимации.
2. Создать ключевые кадры в начале 1-й и 5-й секунд.
3. Перейти в последний кадр.
4. Переместить изображение солнца в центр холста, а машины — на правую границу холста.
5. Создать ключевой кадр в начале 4-й секунды.
6. Переместить машину немного назад (в центр холста).

Задание. Создайте анимацию по плану описанному выше. Посмотрите ее с помощью команды File -> Preview.

• Слои в компьютерной графике играют важную роль. Они позволяют менять одни объекты рисунка, не затрагивая другие.
• Обычно для работы со слоями в графических и анимационных средах предусмотрена специальная панель.
• Слои можно перемещать (поднимать и опускать). Верхний слой в списке образует передний план изображения.
• Часто в программах компьютерной анимации допускается группировка слоев.
• Каждый слой анимируется отдельно. Часть слоев может не содержать анимации.

1. Создайте мультфильм «Теннис» (рис. 7), в котором должны двигаться как ракетки, так и мяч.
   
   
   Рис. 7. Изображение трех прямоугольников и круга
2. Создайте мультфильм «Светофор», где по сценарию должен сначала гореть красный свет 1,5 секунды, затем желтый — полсекунды и, наконец, зеленый — 1 секунду.
3. Самостоятельно придумайте сценарий какого-нибудь мультфильма и реализуйте его в Synfig Studio.

Этот урок пока никто не комментировал