
- •Лабораторная работа № 5
- •Теоретические ведомости Создание анимаций в программе Adobe Photoshop (после cs3) или Adobe ImageReady(до cs3).
- •О работе со слоями в анимациях.
- •Ход работы
- •Навигация по анимационным кадрам и просмотр анимации
- •Подготовка копий слоев для создания анимации
- •Преобразование слоев для создания анимации
- •Создание синхронных анимаций
- •Настройка и просмотр временной последовательности
- •Открытие графического файла и начало процесса создания анимации
- •Настройка расположения слоя и значений непрозрачности
- •Создание промежуточных кадров
- •Создание анимации на основе стиля слоя
- •Создание промежуточных кадров для изменения стиля слоя
- •Сохранение прозрачности и подготовка к оптимизации
- •Оптимизация gif-изображений
- •Контрольные вопросы
- •Задание
Преобразование слоев для создания анимации
После подготовки дубликатов слоев с изображением пузырька в файле Dolphin.psd вы преобразуете два дубликата слоя так, чтобы пузырь казался увеличивающимся, оставаясь позади проплывающего дельфина.
Выберите инструмент Move (Перемещение) и убедитесь, что на панели параметров инструмента выбран инструмент Layer Select (Выбор слоя).
В окне изображения выберите средний пузырь, то есть объект слоя Bubble copy (Bubble (копия)).
Выберите в меню команду Edit ♦ Transform ♦ Scale (Редактирование ♦ Транс формирование ♦ Масштабирование).
Теперь в окне изображения вокруг слоя Bubble copy (Bubble (копия)) появился ограничивающий прямоугольник трансформации.
На панели параметров инструмента щелкните мышью на значке Constrain aspect ratio (Сохраняет пропорции изображения) и введите значение 24 пиксела в поле ввода горизонтального масштаба (W). Щелкните мышью на любом месте за пределами текстового поля и обратите внимание на то, что пузырь меняет свой размер, но ограничивающий прямоугольник трансформации вокруг объекта слоя Bubble copy (Bubble (копия)) остается на месте.
Примените трансформацию, нажав на клавишу Enter (Windows).
Выделите третий пузырек и повторите шаги 3-5, но на этот раз в поле ввода горизонтального или вертикального масштаба введите значение 26 пикселов.
Уточните расположение трех слоев с пузырьками с помощью инструментов Move (Перемещение) в режиме Layer Select (Выбор слоя), перетащив пузырьки в окне изображения так, как необходимо.
Убедитесь в том, что третий пузырек не выходит за спинной плавник дельфина, и все пузыри расположены на одном расстоянии друг от друга.
8. Выберите в меню команду File ♦ Save (Файл ♦ Сохранить).
Создание синхронных анимаций
Теперь вы создадите анимацию из поднимающихся пузырей, последовательно скрывая и показывая слои файла Dolphin.psd. Далее вы объедините анимации поднимающихся пузырей и плывущего дельфина с помощью дублирования кадров и определения настроек на палитрах Layers (Слои) и Animation (Анимация).
Убедитесь, что на палитре Animation (Анимация) выделен кадр 3, или выделите его сейчас.
Щелкая мышью на прямоугольниках со значком глаза на палитре Layers (Слои), сделайте так, чтобы слои Background (Задний план), Dolphin 1 (Дельфин 1) и исходный слой Bubble стали видимыми, а остальные - скрытыми.
При скрытии или показе слоя в кадре видимость данного слоя изменяется только в текущем кадре.
На палитре Animation (Анимация) щелкните мышью на кнопке Duplicates current frame (Создать дубликат текущего кадра), чтобы создать четвертый кадр анимации. Оставьте этот кадр выделенным.
На палитре Layer Comps (Композиции слоев) выберите композицию слоев Dolphin 2 (Дельфин 2), щелкнув мышью на кнопке Apply This Layer Comp (Применить композицию слоев). Затем на палитре Layers (Слои) установите значок глаза для слоя Bubble Copy (Bubble (копия)).
Два раза щелкните мышью на кнопке Duplicates current frame (Дублировать текущий кадр), а затем с помощью палитр Layer Comps (Композиции слоев) и Layers (Слои) внесите следующие изменения:
Для кадра 5 выберите (щелчком мыши на кнопке Apply This Layer Comp (Обновить композицию слоев)) композицию слоев Dolphin 1 (Дельфин 1) и сделайте видимым слой Bubble copy 2 (Bubble (копия) 2);
Для кадра 6 выберите композицию слоев Dolphin 2 (Дельфин 2) и сделайте видимым слой Pop.
Просмотрите результаты, щелкнув мышью на кнопке Plays/stops animation (Воспроизводит/останавливает анимацию) (►) на палитре Animation (Анимация). После завершения просмотра повторно щелкните мышью на кнопке Plays/stops animation (Воспроизводит/останавливает анимацию) (■).
Если ваши результаты не совпадают с результатами, описанными выше, проверьте настройки видимости на палитре Layers (Слои) для каждого кадра и внесите исправления.