Следующая статья: Как создать Web-сайт с помощью Microsoft FrontPage 2003
Содержание
Зачем улучшить анимационные файлы
Ранее мы уже тщательно рассматривали процесс оптимизации графики для Web. А сейчас остановимся на специфичных приемах оптимизации анимации.
Как мы уже не раз подчеркивали ранее, оптимизация призвана обеспечить меньший размер файла при малых потерях свойства. Размер анимационного файла находится в зависимости от количества кадров в нем. Чем больше кадров, тем больше будет размер файла. К счастью, существует метод существенно уменьшить размер файла средством удаления лишней информации, другими словами таковой информации, которая повторяется в каждом кадре. Если сделанная мультипликация представляет собой только поочередную демонстрацию не связанных между собой картинок, то объем лишней информации будет наименьшим, и каждый кадр придется практически стопроцентно сохранить в анимированном файле. Если же анимация - это последовательное преобразование изображения, как в нашем случае, то в каждом поочередном кадре меняется только маленькая часть рисунка, и нет никакой необходимости в полном сохранения всех кадров анимации. Сверхизбыточную информацию можно смело откинуть и этим существенно уменьшить размер файла.
Как верно улучшить
Нажмите кнопку ввод в правом верхнем углу палитры Animation (Анимация) и в показавшемся меню изберите команду Optimize Animation (Оптимизация анимации). На дисплее появится диалог Optimize Animation (Оптимизация анимации), в каком определяются характеристики оптимизации анимации.
При установленном по умолчанию флаге Bounding Box (Граничные области) Adobe ImageReady в каждом кадре удаляет те куски изображения, которые присутствовали в прошлом кадре, и сохраняет только модифицированные, по сопоставлению с предшествующим кадром, области.
При установленном флаге Redundant Pixel Removal (Удаление лишних пикселов) удаляются все пикселы каждого кадра, которые не изменены по сопоставлению с предшествующим кадром. Этот флаг, как и предшествующий, устанавливается по умолчанию и таким способом Adobe ImageReady автоматом подбирает лучшие характеристики оптимизации анимации.
Закройте диалог Optimize Animation (Оптимизация анимации), нажав кнопку ОК. Установленные характеристики будут использованы.
Сейчас нужно улучшить изображение.
Удостоверьтесь, что на дисплее находится гамма Optimize (Оптимизация). В неприятном случае изберите команду меню Window - Optimize (Окно - Оптимизация).
В открывающемся перечне Format (Формат) палитры Optimize (Оптимизация) изберите GIF.
В открывающемся перечне Colors (Цвета) этой же палитры изберите 32.
Щелкните мышью на ярлычке 2-Up (2 варианта) в высшей части окна документа. Будет выполнена оптимизация документа с установленными параметрами.
Специфичность оптимизации изображения, содержащего анимацию, состоит в том, что
нужно проверить, все ли кадры анимации оптимизированы корректно.
Переключаясь между кадрами, проверьте, как оптимизирован каждый кадр, и, если нужно, измените характеристики оптимизации.
Сделанную мультипликацию можно просмотреть в браузере.
Изберите команду меню File - Preview In (Файл - Подготовительный просмотр в) и в показавшемся меню изберите программку просмотра, в какой вы желаете открыть набросок. Будет запущен избранный браузер, в его рабочем окне раскроется баннер и сразу начнется проигрывание анимации.
Просмотреть анимацию в браузере, установленном в операционной системе по умолчанию, можно, нажав кнопку - Preview In Default Browser (Ctrl+Alt+P) (Подготовительный просмотр в браузере по умолчанию (Ctrl+Alt+P)).
Под рисунком в окне программки просмотра выводится информация о формате изображения (Format), его размерах (Dimensions), размере файла (Size) и параметрах оптимизации (Settings), а ниже - HTML код автоматом сгенерированного файла.
Нажмите кнопку Stop (Стоп) на панели инструментов программки просмотра. Проигрывание анимации закончится.
Нажмите кнопку Refresh (Обновить) либо Reload (Обновить) на панели инструментов браузера. Проигрывание анимации возобновится.
Закройте программку просмотра, нажав кнопку в правом верхнем углу ее окна.
Чтобы в предстоящем иметь возможность редактировать сделанную анимацию, документ следует сохранить в формате Adobe Photoshop.
Изберите команду меню File - Save (Файл - Сохранить). Файл будет сохранен на диске.
Сохраненный таким способом файл можно будет открыть для редактирования изображения в программке Adobe Photoshop, но в этой программке нереально будет проигрывать анимацию и редактировать ее кадры. С анимацией можно работать исключительно в Adobe ImageReady.
И, в конце концов, оптимизированное изображение нужно сохранить для Web в формате GIF.
Изберите команду меню File - Save Optimized (Файл - Сохранить оптимизированный документ). На дисплее появится диалог Save Optimized (Сохранение оптимизированного документа).
Откройте папку Web, в какой сохранены файлы web сайта.
Удостоверьтесь, что в поле ввода Название файла (File name) по умолчанию предлагается имя сохраняемого файла - other.gif.
Удостоверьтесь, что в открывающемся перечне Тип файла (List files of type) автоматом выбрано Images Only (*.gif) (Только изображения (*.gif)). При всем этом в обозначенной папке будет сохранен только файл GIF, без HTML кода.
Закройте диалог Save Optimized (Сохранение оптимизированного документа) нажатием кнопки Сохранить (Save). Файл будет сохранен в обозначенной папке.
Программку Adobe ImageReady можно закрыть.
Изберите команду меню File - Exit (Файл - Закрыть). На дисплее может показаться запрос о сохранении файла other.psd.
Нажмите кнопку No (Нет) в этом запросе. Окно документа закроется без сохранения файла.
Просмотрите, как смотрится баннер на первой web страничке вашего web сайта, вставив в теге <imgфайла other.html заместо ссылки на файл image.gif ссылку на файл other.gif.
Программка Adobe ImageReady предоставляет очень обычный и удачный инструмент для сотворения анимации. Не считая описанного в этом разделе варианта, для конфигурации кадров можно использовать различные эффекты, которые предлагает богатая библиотека фильтров Adobe ImageReady. Вы сможете без помощи других поэкспериментировать с фильтрами, применяя к кадрам разные команды из меню Filters (Фильтры).
Видео: «Собаки в ресторане»
Занимательное и юмористическое видео с домашними питомцами, собаками, как они ходили в ресторан
