Добавил:
Upload Опубликованный материал нарушает ваши авторские права? Сообщите нам.
Вуз: Предмет: Файл:
Урок 16.doc
Скачиваний:
9
Добавлен:
28.03.2015
Размер:
754.18 Кб
Скачать

Создание промежуточных фреймов

Для завершения анимационной последовательности добавим фреймы, представляющие переходные состояния изображения между двумя существующими фреймами. Это нужно для создания иллюзии движения. Когда вы меняете положение, прозрачность или эффекты любого слоя между двумя фреймами анимации, вы можете «приказать» ImageReady создать автоматически промежуточные фреймы. Для этого в палитре анимации выберите фрейм 1 и выполните команду Tween в меню палитры. В диалоговом окне Tween установим следующие опции. В раскрывающемся меню Tween With (между какими фреймами вставить), выберем Next Frame (следующий фрейм). Для Frames to add (количество добавляемых фреймов) выберем 4. В пункте Layers выберем All layers (все слои). В разделе Parameters поставим галочки в окошках Position (положение) и Opacity (непрозрачность). Вообще-то можно также выбрать и Effects для изменения установок эффектов слоев между начальным и конечным фреймом. Но сейчас это не нужно, так как мы не применяли к слоям никаких эффектов. Наконец, закроем диалоговое окно, кликнув OK. Видим, что ImageReady создала четыре новых промежуточных фрейма, основанных на установках прозрачности и расположения первого и последнего фрейма. В раскрывающемся меню Looping (зацикливание)в нижнем левом углу палитры анимации выберем Once (один раз). В палитре анимации нажмите кнопку Play для предварительного просмотра анимации.

Тонкости создания промежуточных фреймов

Если вы хотите, чтобы слой «растворился», установите opacity (непрозрачность) первого фрейма – 100%, а последнего – 0%. При выполнении команды Tween между первым и последним фреймом создается последовательность фреймов с постепенно увеличивающейся прозрачностью слоя. Вставленные промежуточные фреймы можно редактировать по отдельности. Если вы выбрали одиночный фрейм, вы можете вставить промежуточные фреймы между выбранным и предыдущим фреймом, или между выбранным и последующим. Если выбраны два смежных фрейма, промежуточные фреймы добавляются между ними. Если выбрано более двух фреймов, существующие фреймы между первым и последним выбранным фреймом заменяются после выполнения команды Tween. Если выбрать первый и последний фрейм анимации, они обрабатываются как смежные, а промежуточные фреймы добавляются после последнего фрейма. Последний метод полезен, когда анимацию предполагается зациклить (проигрывать несколько раз). Помните, что к несмежным фреймам команда Tween неприменима.

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

Теперь оптимизируем изображение вGIF-формате с прозрачной основой и просмотрим готовую анимацию в web-браузере. Напоминаем, что анимации поддерживаются только форматом GIF. Щелкнем кнопку с двойной стрелкой в палитре оптимизации, чтобы развернуть палитру или выберите Show Options в меню палитры оптимизации. Установите следующие опции. File format – GIF. Color reduction algorithm – Perceptual. Colors number – 256. Поставьте галочку в окошке Transparency, чтобы сохранить прозрачность. Для опции Matte (подложка) в раскрывающемся меню выберите белый цвет (white). В меню палитры анимации выберите Select all frames (выбрать все фреймы). Кликните правой кнопкой мыши по одному из фреймов в палитре анимации, чтобы открыть контекстное меню Disposal method (метод исчезновения) и выберите Restore to background (восстановить до основы). В меню палитры анимации выберите Optimize animation (оптимизировать анимацию). В открывшемся диалоговом окне поставьте галочки в окошках Bounding Box (ограничивающая рамка) и Redundant Pixel Removal (удаление лишних пикселей) и кликните ОК. В окне изображения кликните закладку Optimized.

ImageReady оптимизирует изображение согласно выбранным установкам. В окне изображения кликните закладку 2-Up и сравните информацию для первоначальной и оптимизированной версий анимированного изображения. Выберитe File > Save Optimized As, название файла Logo1.gif и кликните Save. Чтобы просмотреть анимацию в браузере, кликните кнопку Preview In Default Browser в панели инструментов. Затем закройте браузер. Наконец, в ImageReady выберите File > Close, чтобы закрыть первоначальный файл, не сохраняя изменений. Работа над летающими буквами логотипа завершена.

Соседние файлы в предмете [НЕСОРТИРОВАННОЕ]