
- •Лабораторная работа № 5
- •Теоретические ведомости Создание анимаций в программе Adobe Photoshop (после cs3) или Adobe ImageReady(до cs3).
- •О работе со слоями в анимациях.
- •Ход работы
- •Навигация по анимационным кадрам и просмотр анимации
- •Подготовка копий слоев для создания анимации
- •Преобразование слоев для создания анимации
- •Создание синхронных анимаций
- •Настройка и просмотр временной последовательности
- •Открытие графического файла и начало процесса создания анимации
- •Настройка расположения слоя и значений непрозрачности
- •Создание промежуточных кадров
- •Создание анимации на основе стиля слоя
- •Создание промежуточных кадров для изменения стиля слоя
- •Сохранение прозрачности и подготовка к оптимизации
- •Оптимизация gif-изображений
- •Контрольные вопросы
- •Задание
Настройка расположения слоя и значений непрозрачности
Далее будем настраивать расположение и непрозрачность слоев изображения для создания первого и последнего кадров анимационной последовательности. Для изменения порядка, в котором появляются кадры анимации, достаточно просто перетаскивать эскизы кадров на палитре Animation (Анимация).
Убедитесь, что на палитре Animation (Анимация) выделен кадр 2. Затем на палитре Layers (Слои) выделите слой H.
Выберите инструмент Move (Перемещение) и начните перетаскивание буквы «Н» в левую часть окна изображения. При перетаскивании удерживайте клавишу Shift (чтобы выдерживать горизонтальное направление). Когда на экране останется лишь часть буквы «H», отпустите левую кнопку мыши, а потом и клавишу Shift.
На палитре Layers (Слои) выделите слой О и, удерживая клавишу Shift, перетащите его таким же образом в правую часть окна изображения.
Будьте аккуратны, не перетащите буквы целиком за пределы окна изображения на рабочий стол. Это приведет к тому, что программа создаст файл отсечения
Повторите шаг 3, но на этот раз выделите слой 2 и перетащите его в верхнюю часть окна изображения. Все три слоя должны быть расположены так, как показано на рисунке внизу.
На палитре Layers (Слои) выделите слой H и установите ползунковый регулятор параметра Opacity (Непрозрачность) на значение 20%. Установите такое же значение параметра Opacity (Непрозрачность) для слоев 2 и О.
Обратите внимание на то, что на палитре Animation (Анимация) обновился кадр 2, который отражает теперь текущее состояние изображения. Чтобы сделать кадр 2 первым кадром анимации, поменяйте порядок этих двух кадров.
На палитре Animation (Анимация) перетащите кадр 2 влево, и когда слева от кадра 1 появится черная полоса, отпустите кнопку мыши.
Создание промежуточных кадров на основе изменения положения и непрозрачности слоев
В этом разделе лабораторной работы вы добавите кадры, представляющие промежуточные состояния изображения между двумя уже существующими кадрами. Когда вы изменяете положение, непрозрачность или эффекты любого слоя между двумя анимационными кадрами, вы можете указать создать любое количество промежуточных кадров.
Убедитесь, что на палитре Animation (Анимация) выделен кадр 1, и в меню палитры выберите команду Tween (Создать промежуточные кадры).
В диалоге Tween (Создание промежуточных кадров) установите следующие параметры:
В открывающемся списке Tween With (Начать с) выберите пункт Next Frame (Следующий кадр);
В текстовое поле Frames to Add (Добавить кадров) введите значение 4;
В группе элементов управления Layers (Слои) диалога установите переключатель All Layers (Все слои);
В группе элементов управления Parameters (Атрибуты слоя) диалога установите флажки Position (Положение) и Opacity (Непрозрачность). (Вы можете также установить флажок Effects (Эффекты), чтобы плавно изменять параметры эффектов слоя между начальным и конечным кадрами. Сейчас вам не надо устанавливать этот флажок, поскольку вы не применяли никаких эффектов слоя.)
Закроите диалог, щелкнув мышью на кнопке ОК.
Программа создает четыре промежуточных кадра, опираясь на установки непрозрачности и положения слоев в двух исходных кадрах.
В открывающемся меню Selects looping options (Выбирает параметры цикла) в левом нижнем углу палитры Animation (Анимация) выберите параметр Once (Один раз).
Просмотрите анимацию в программе, щелкнув мышью на кнопке Plays/stops animation (Воспроизводит/останавливает анимацию) (►) на палитре Animation (Анимация).