
- •Лабораторная работа № 5
- •Теоретические ведомости Создание анимаций в программе Adobe Photoshop (после cs3) или Adobe ImageReady(до cs3).
- •О работе со слоями в анимациях.
- •Ход работы
- •Навигация по анимационным кадрам и просмотр анимации
- •Подготовка копий слоев для создания анимации
- •Преобразование слоев для создания анимации
- •Создание синхронных анимаций
- •Настройка и просмотр временной последовательности
- •Открытие графического файла и начало процесса создания анимации
- •Настройка расположения слоя и значений непрозрачности
- •Создание промежуточных кадров
- •Создание анимации на основе стиля слоя
- •Создание промежуточных кадров для изменения стиля слоя
- •Сохранение прозрачности и подготовка к оптимизации
- •Оптимизация gif-изображений
- •Контрольные вопросы
- •Задание
Создание промежуточных кадров для изменения стиля слоя
Как вы уже видели в работе, команда Tween (Создать промежуточные кадры) может сэкономить вам много времени, которое вы бы потратили на утомительную и скучную работу. В этом разделе вы используете команду Tween (Создать промежуточные кадры) для создания анимации с помощью изменения стиля слоя. Кроме того, вы закончите применение эффекта свечения, создав еще один дубликат кадра и переместив его в конец анимации. Конечная анимация создает впечатление легкой вспышки позади изображения цифры 2, когда она расположится на своем месте.
На палитре Animation (Анимация) выделите кадр 7.
В меню палитры Animation (Анимация) выберите команду Tween (Создать промежуточные кадры).
В диалоге Tween (Создание промежуточных кадров) установите следующие параметры:
В раскрывающемся меню Tween With (Начать с) выберите пункт Next Frame (Следующий кадр);
Введите значение 2 в поле Frames to Add (Добавить кадров);
В группе элементов управления Layers (Слои) установите переключатель Аll Layers (Все слои);
В группе элементов управления Parameters (Атрибуты слоя) установите флажок Effects (Эффекты).
Закройте диалог, щелкнув мышью на кнопке ОК.
На палитре Animation (Анимация) выделите кадр 6, а затем создайте новый кадр 7, щелкнув мышью на кнопке Duplicates current frame (Создать дубликат текущего кадра). После этого все кадры, расположенные после кадра 7, будут пронумерованы заново.
Перетащите новый кадр 7 к концу палитры Animation (Анимация) так, чтобы он оказался справа от кадра 11.
Выберите в меню команду File ♦ Save (Файл ♦ Сохранить).
Сохранение прозрачности и подготовка к оптимизации
Теперь вы займетесь оптимизацией изображения H2О в формате GIF с прозрачным фоном, а затем просмотрите свою анимацию в Web-браузере.
Чтобы облегчить просмотр результатов по ходу работы, мы добавили в файл H2О.psd слой Backdrop. Этот слой не нужен в окончательной Web-странице проекта, поскольку вы будете оптимизировать файл с прозрачным фоном. Поэтому для начала скройте слой Backdrop.
В меню палитры Animation (Анимация) выберите команду Select All Frames (Выделить все кадры).
На палитре Layers (Слои) щелкните мышью на значке глаза напротив имени слоя Backdrop, чтобы скрыть его во всех кадрах.
На палитре Optimize (Оптимизация) установите следующие параметры:
Выберите формат GIF;
В разделе Color Table (Таблица цветов) выберите для параметра Reduction (Редукция) значение Perceptual (Перцепционная) и значение 256 для параметра Colors (Цвета).
В разделе Transparency (Прозрачность) установите флажок Transparency (Прозрачность), чтобы сохранить прозрачность начального изображения.
В раскрывающейся палитре Matte (Подложка) выберите образец белого цвета (если он еще не выбран).
He отменяя выделения всех кадров на палитре Animation (Анимация), щелкните правой кнопкой мыши на любом кадре в палитре Animation (Анимация), чтобы открыть контекстное меню для выбора метода сброса кадра. Выберите в нем пункт Restore to background (Восстановить фон).
Параметры сброса Restore to background (Восстановить фон) и Automatic (Автоматический) очищают выделенный кадр, прежде чем отобразить следующий кадр, исключая опасность отображения остаточных пикселов из предыдущего кадра. Параметр Do not dispose (Не удалять) сохраняет кадры. Параметр Automatic (Автоматический) подходит для большинства анимаций. Этот параметр выбирает метод сброса, опираясь на присутствие или отсутствие прозрачных областей в следующем кадре, и сбрасывает выделенный кадр, если следующий кадр содержит прозрачность слоя.
Убедитесь, что все кадры по-прежнему выделены, и выберите значение 0.1 seconds (0,1 секунда) в открывающемся меню Selects frame delay time (Выбирает время отображения кадра) внизу любого кадра.
В меню палитры Animation (Анимация) выберите команду Optimize Animation (Оптимизировать анимацию).
В диалоге Optimize Animation (Оптимизировать анимацию) убедитесь, что оба флажка Bounding Box (Ограничительная рамка) и Redundant Pixel Removal (Удаление лишних пикселов) установлены, а затем щелкните мышью на кнопке ОК.
Установка параметра Bounding Box (Ограничительная рамка) предписывает программе ImageReady обрезать каждый кадр, чтобы оставить только те области из предыдущего кадра, которые изменились. Анимационные файлы, созданные с использованием этого параметра, имеют меньший размер, но не совместимы с редакторами GIF-изображений, которые не поддерживают данный параметр.
Параметр Redundant Pixel Removal (Удаление лишних пикселов) делает прозрачными все пикселы, которые не изменились при переходе от предыдущего кадра. Когда вы устанавливаете параметр Redundant Pixel Removal (Удаление лишних пикселов), метод сброса должен быть установлен на Automatic (Автоматический).
Помимо операции оптимизации, применяемых к стандартным GIF-файлам, с анимированными GIF-файлами связано несколько других задач. Если вы оптимизируете анимированный GIF-файл, используя адаптивную палитру, перцепционную палитру или селективную палитру, программа генерирует палитру для файла, опираясь на все кадры анимации. Чтобы предотвратить мерцание во время проигрывания, используется специальная техника дизеринга, гарантирующая, что сглаженный узор согласуется со всеми кадрами анимации. Кроме того, кадры оптимизируются так, что в них включаются только те области, которые изменяются от кадра к кадру, что значительно снижает размер анимированного GIF-файла. В результате программа требует большего времени для оптимизации анимированного GIF-файла, чем для оптимизации стандартного GIF-файла.