Создание GIF-анимаций для Web, страница 3

15.4 Создание анимации скрытием и показом слоев

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

Как видно на палитре Layers (Слои), графический файл Dolphin.psd состоит из пяти слоев. Сейчас вы создадите двухшаговую анимацию, переключая видимость слоев Dolphin 1 (Дельфин 1) и Dolphin 2 (Дельфин 2).

15.4.1 Подготовка композиций слоев

В Уроке 6 вам уже приходилось работать с композициями слоев в программе Photoshop. Композиции слоев можно создавать также и в программе ImageReady, и это значительно облегчает работу по созданию анимации.

1 Убедитесь, что на палитре Layers(Слои) слева от имен слоев Background(Задний план) и Dolphin 1 (Дельфин 1) отображается значок глаза(то есть эти слои ви­димы), а возле имен других слоев такого значка нет (то есть слои скрыты).

2  На палитре LayerComps(Композиции слоев) щелкните мышью на кнопке Create New Layer Comp(Создать новую композицию слоев)

3  Введите имя Dolphin 1 (Дельфин 1) в текстовое поле Name(Имя) диалога NewLayerComp(Новая композиция слоев) и щелкните мышью на кнопке ОК, пред­варительно убедившись, что установлен флажок Visibility (Видимость).

Теперь на палитре LayerComps(Композиции слоев) появилась новая компози­ция слоев Dolphin 1 (Дельфин 1).

4 На панели Layers (Слои) щелкните мышью на значке глаза слева от имени слоя Dolphin 1 (Дельфин 1), чтобы скрыть этот слой, а затем установите щелчком мыши значок глаза слева от имени слоя Dolphin 2 (Дельфин 2), чтобы показать этот слой.

5  Создайте новую композицию слоев Dolphin 2 (Дельфин 2), используя ту же тех­нологию, что и в шагах 2 и 3.

6  Щелкните мышью на прямоугольнике слева от имени композиции слоев Dolphin 1 (Дельфин 1), чтобы применить к изображению установки видимости этой композиции. Напротив имени композиции слоев Dolphin 1 (Дельфин 1) появит­ся значок, указывающий, что эта композиция слоев является текущей.

Теперь у вас есть две композиции слоев, которые вы можете использовать как отправные пункты для создания кадров анимации.

15.4.2 Начало создания анимации

В начале работы на палитре Animation(Анимация) находится только один станда­ртный кадр. Содержимое кадра соответствует текущим настройкам видимости на палитре Layers(Слои), в соответствии с которыми видимы только два слоя: Dolphin 1 (Дельфин 1) и Background(Задний план). Этот кадр выделен (окружен рамкой выделения), что указывает на возможность изменения содержимого кад­ра путем редактирования изображения.