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

4  Дублируйте кадр 7, щелкнув мышью на кнопке Duplicates current frame (Соз­дать дубликат текущего кадра)

5  Откройте диалог Layer Style (Стиль слоя), дважды щелкнув мышью на имени эффекта Outer Glow (Внешнее свечение) слоя 2 на палитре Layers (Слои). Убе­дитесь в установке флажка Preview (Просмотр) и задайте следующие значения параметров: для параметра Spread (Размах) - 20%; для параметра Size (Размер) - 49 пикселов. Щелкните мышью на кнопке ОК.

6 Выберите в меню команду File ♦ Save (Файл ♦ Сохранить).

15.5.5 Создание промежуточных кадров для изменения стиля слоя

Как вы уже видели в этом уроке, команда Tween(Создать промежуточные кадры) может сэкономить вам много времени, которое вы бы потратили на утомитель­ную и скучную работу. В этом разделе вы используете команду Tween(Создать про­межуточные кадры) для создания анимации с помощью изменения стиля слоя. Кроме того, вы закончите применение эффекта свечения, создав еще один дубли­кат кадра и переместив его в конец анимации. Конечная анимация создает впе­чатление легкой вспышки позади изображения цифры 2, когда она расположится на своем месте.

1  На палитре Animation (Анимация) выделите кадр 7.

2  В меню палитры Animation(Анимация) выберите команду Tween(Создать про­межуточные кадры).

3  В диалоге Tween (Создание промежуточных кадров) установите следующие па­раметры:

•  В раскрывающемся меню TweenWith (Начать с) выберите пункт Next Frame (Следующий кадр);

•  Введите значение 2 в поле FramestoAdd(Добавить кадров);

•  В группе элементов управления Layers(Слои) установите переключатель All Layers(Все слои);

•  В группе элементов управления Parameters(Атрибуты слоя) установите фла­жок Effects(Эффекты).

4  Закройте диалог, щелкнув мышью на кнопке ОК.

5  На палитре Animation(Анимация) выделите кадр 6, а затем создайте новый кадр 7, щелкнув мышью на кнопке Duplicatescurrentframe(Создать дубликат текущего кадра). После этого все кадры, расположенные после кадра 7, бу­дут пронумерованы заново.

6  Перетащите новый кадр 7 к концу палитры Animation(Анимация) так, чтобы он оказался справа от кадра 11.

7  Выберите в меню команду File ♦ Save(Файл ♦ Сохранить).

15.5.6 Сохранениепрозрачности и подготовка к оптимизации

Теперь вы займетесь оптимизацией изображения Н20 в формате GIFс прозрач­ным фоном, а затем просмотрите свою анимацию в Web-браузере. Напомним, что анимацию поддерживает только формат GIF.

Чтобы облегчить просмотр результатов по ходу работы, мы добавили в файл H2O.psdслой Backdrop. Этот слой не нужен в окончательной Web-странице про­екта, поскольку вы будете оптимизировать файл с прозрачным фоном. Поэтому для начала скройте слой Backdrop.