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

5  Убедитесь, что все кадры по-прежнему выделены, и выберите значение 0.1 seconds (0,1 секунда) в открывающемся меню Selects frame delay time (Выбирает время отображения кадра) внизу любого кадра.

6  В меню палитры Animation (Анимация) выберите команду Optimize Animation (Оптимизировать анимацию).

7 В диалоге Optimize Animation (Оптимизировать анимацию) убедитесь, что оба флажка Bounding Box (Ограничительная рамка) и Redundant Pixel Removal (Уда­
ление лишних пикселов) установлены, а затем щелкните мышью на кнопке ОК.

Установка параметра Bounding Box (Ограничительная рамка) предписывает прог­рамме ImageReady обрезать каждый кадр, чтобы оставить только те области из предыдущего кадра, которые изменились. Анимационные файлы, созданные с ис­пользованием этого параметра, имеют меньший размер, но не совместимы с ре­дакторами GIF-изображений, которые не поддерживают данный параметр.

Параметр Redundant Pixel Removal (Удаление лишних пикселов) делает прозрач­ными все пикселы, которые не изменились при переходе от предыдущего кадра. Когда вы устанавливаете параметр Redundant Pixel Removal (Удаление лишних пикселов), метод сброса должен быть установлен на Automatic (Автоматический).

Помимо операции оптимизации, применяемых к стандартным GIF-файлам, с ани-мированными GIF-файлами связано несколько других задач. Если вы оптимизиру­ете анимированный GIF-файл, используя адаптивную палитру, перцепционную па­литру или селективную палитру, программа ImageReady генерирует палитру для файла, опираясь на все кадры анимации. Чтобы предотвратить мерцание во вре­мя проигрывания, используется специальная техника дизеринга, гарантирую­щая, что сглаженный узор согласуется со всеми кадрами анимации. Кроме того, кадры оптимизируются так, что в них включаются только те области, которые из­меняются от кадра к кадру, что значительно снижает размер анимированного GIF-файла. В результате программа ImageReady требует большего времени для оптими­зации анимированного GIF-файла, чем для оптимизации стандартного GIF-файла.

И Дополнительную информацию об оптимизации изображений для Web можно найти в справке программы Photoshop.

15.5.7 Просмотр оптимизированных файлов GIF

Работа с файлом H2O.psd, который вы сейчас сохраните как анимированное изображение в формате GIF, почти закончена.

1 Щелкните мышью на вкладке Optimized(Оптимизация) окна изображения.

2  Откройте палитру 2-Up(2 варианта) щелчком мыши на ярлыке палитры в окне изображения, чтобы сравнить информацию об оригинальной и оптимизиро ванной версии анимированного изображения.

3  Выберите в меню команду File♦ SaveOptimizedAs (Файл ♦ Сохранить оптими­ зированный как), введите имя файла H2O.gif, укажите папку для сохранения My_GIFsи щелкните мышью на кнопке Save(Сохранить).

Для просмотра изображения в браузере можно щелкнуть мышью на кнопке прос­мотра в стандартном браузере внизу панели инструментов. Закройте окно браузе­ра после окончания просмотра.

4       Выберите в меню программы ImageReady команду File ♦ Close(Файл ♦ Зак­рыть), чтобы закрыть исходный файл без сохранения изменений.

Работа над анимацией сборки логотипа закончена.

15.6 Использование векторных масок для создания анимации

Оставшаяся часть урока посвящена маскам, точнее, тому, как они применяются в анимации. В этом разделе вы используете векторную маску для создания эффекта океанской волны, вздымающейся и опадающей внутри букв слова Waves(Волны). Для этого вам нужно создать векторную маску, частично блокирующую слой Wave(Волна) так, чтобы изображение океана появлялось только внутри слова, а затем использовать изменения положения для определения различных кадров анимации.