- •Лабораторная работа № 5
- •Теоретические ведомости Создание анимаций в программе Adobe Photoshop (после cs3) или Adobe ImageReady(до cs3).
- •О работе со слоями в анимациях.
- •Ход работы
- •Навигация по анимационным кадрам и просмотр анимации
- •Подготовка копий слоев для создания анимации
- •Преобразование слоев для создания анимации
- •Создание синхронных анимаций
- •Открытие графического файла и начало процесса создания анимации
- •Настройка и просмотр временной последовательности
- •Настройка расположения слоя и значений непрозрачности
- •Создание промежуточных кадров
- •Создание анимации на основе стиля слоя
- •Создание промежуточных кадров для изменения стиля слоя
- •Сохранение прозрачности и подготовка к оптимизации
- •Оптимизация gif-изображений
- •Контрольные вопросы
- •Задание
Ход работы
В этом задании будем работать с набором изображений, предназначенных для Web-страницы компании-производителя свежих соков. Для просмотра законченной анимации воспользуйтесь Web-браузером.
Подготовка композиций слоев
Композиции слоев можно создавать в программе, и это значительно облегчает работу по созданию анимации.
Откройте файл Dolphin.psd. Убедитесь, что на палитре Layers (Слои) слева от имен слоев Background (Задний план) и Dolphin 1 (Дельфин 1) отображается значок глаза (то есть эти слои видимы), а возле имен других слоев такого значка нет (то есть слои скрыты).
На палитре Layer Comps (Композиции слоев) щелкните мышью на кнопке Create New Layer Comp (Создать новую композицию слоев).
Введите имя Dolphin 1 (Дельфин 1) в текстовое поле Name (Имя) диалога New Layer Comp (Новая композиция слоев) и щелкните мышью на кнопке ОК, предварительно убедившись, что установлен флажок Visibility (Видимость).
Теперь на палитре Layer Comps (Композиции слоев) появилась новая композиция слоев Dolphin 1 (Дельфин 1)
На панели Layers (Слои) щелкните мышью на значке глаза слева от имени слоя Dolphin 1 (Дельфин 1), чтобы скрыть этот слой, а затем установите щелчком мыши значок глаза слева от имени слоя Dolphin 2 (Дельфин 2), чтобы показать этот слой.
Создайте новую композицию слоев Dolphin 2 (Дельфин 2), используя ту же технологию, что и в шагах 2 и 3.
Щелкните мышью на прямоугольнике слева от имени композиции слоев Dolphin 1 (Дельфин 1), чтобы применить к изображению установки видимости этой композиции. Напротив имени композиции слоев Dolphin 1 (Дельфин 1) появится значок, указывающий, что эта композиция слоев является текущей.
Теперь у вас есть две композиции слоев, которые вы можете использовать как отправные пункты для создания кадров анимации.
Начало создания анимации
В начале работы на палитре Animation (Анимация) находится только один стандартный кадр. Содержимое кадра соответствует текущим настройкам видимости на палитре Layers (Слои), в соответствии с которыми видимы только два слоя: Dolphin 1 (Дельфин 1) и Background (Задний план). Этот кадр выделен (окружен рамкой выделения), что указывает на возможность изменения содержимого кадра путем редактирования изображения.
На палитре Animation (Анимация) щелкните мышью на кнопке Duplicates current frame (Создать дубликат текущего кадра), чтобы создать второй кадр анимации.
На палитре Layer Comps (Композиции слоев) щелкните мышью на кнопке Apply This Layer Comp (Применить данную композицию слоев) так, чтобы слева от имени композиции слоев Dolphin 2 (Дельфин 2) появился значок. На палитре Layers (Слои) обратите внимание на то, что слой Dolphin 1 (Дельфин 1) теперь скрыт, а слой Dolphin 2 (Дельфин 2) стал видимым.
3.
На палитре Animation
(Анимация)
выделите кадр 1. В окне изображения
появилось изображение дельфина в
первоначальном виде, с видимым слоем
Dolphin
1 (Дельфин
1).
Анимируйте изображение вручную, попеременно выделяя кадры 1 и 2.
