Оптимізація анімації

Для GIF-анімації винятково важлива оптимізація, оскільки це, фактично, кілька зображень в однаковому форматі. Якщо анімація довго завантажується в браузері користувача, то вона скоріше його не привабить. А відштовхне.

Для всіх кадрів анімації використовуються однакові параметри оптимізації, включаючи індексовану палітру. Параметри оптимізації встановлюються в палітрі Optimize.

1. Перейдіть на вкладку Optimized у вікні документа, щоб стежити за результатом оптимізації.

2. У палітрі Optimize встановіть палітру Selective.

3. Достатньою кількістю кольорів буде 16. Встановіть їх в списку Colors.

4. Скасуйте згладжування, вибравши в списку Dithering Algorithm варіант No Dither. Це зробить файл більш компактним і зовсім не погіршить якості зображення.

Ми задали досить твердий режим оптимізації, але він цілком виправданий. Вихідне зображення літака саме по собі містить зовсім небагато кольорів і плавних кольорів переходів. Розмір файлу після оптимізації написаний у рядку стану вікна документа: 11,85 Кбайт. Це цілком прийнятний розмір для баннера.

Для GIF-анімації існують і особливі алгоритми оптимізації.

1. Виберіть команду Optimize Animation з меню палітри Animation. Вона відкриває однойменне діалогове вікно, що пропонує два напрямки оптимізації. Перше складається з автоматичної обрізки кожного кадру зображення, щоб у ньому залишалися тільки області, що міняються. Другий шлях складається у видаленні всіх пікселів, що не змінюються від кадру до кадру. Обидва способи оптимізації дають дуже суттєвий виграш для більшості анімацій і ми рекомендуємо їх використовувати.

2. Натисніть кнопку ОК. Анімація оптимізована.

 

Видалення кадрів

Крайнім способом зменшення розміру зображення можна вважати видалення окремих кадрів. Критично погляньте на готову анімацію, і подумайте, чи можна скоротити її на кадр-іншій. Результат можна відразу переглянути в браузері за допомогою команди Preview in.

1. Виділіть третій і десятий кадри анімації в палітрі Animation.

2. Натисніть на кнопку із зображенням сміттєвого цебра в нижній частині палітри. Виділені кадри вилучені.

3. Виберіть ваш браузер у списку Preview in з меню File і оцініть результат у браузері.

Очевидно «гладкість» анімації постраждала не сильно, а розмір зображення зменшився більш ніж на півтора кілобайта. Спробуйте підібрати мінімальну припустиму кількість кадрів на свій смак.

 

Редагування готової анімації

ImageReady, на відміну від багатьох спеціалізованих программ-аніматорів, забезпечує широкі можливості редагування вже готової анімації. Дві з них очевидні: додавання і видалення окремих кадрів. Настільки ж просто кадри анімації можна переставляти.

1. Виділіте будь-як кадр анімації щигликом миші.

2. Помістіть курсор миші на мініатюру виділеного кадру.

3. Натисніть ліву кнопку миші.

4. Переміщайте мишу до сусіднього кадру. Коли курсор миші буде виявлятися в проміжках між кадрами, ви побачите жирну вертикальну лінію, крапку вставки. Вона показує, куди буде поміщений виділений кадр, як тільки ви відпустите кнопку миші.

5. Перемістіть кадр перед сусіднім, а потім поверніть його назад.

Ви можете відредагувати і компоненти зображення, не ризикуючи повторювати це для кожного кадру.

1. Виділіть шар з рекламним текстом у палітрі Layers.

2. У палітрі Type змініть шрифт на який-небудь іншій. Оскільки анімація заснована на шарах зображення, шрифт зміниться у всіх кадрах анімації.

3. За допомогою інструмента Move виправте положення тексту так, щоб він виявився точно посередині документа. Положення тексту зміниться тільки в поточному кадрі анімації.

4. Щоб текст зайняв ту ж позицію й в інших кадрах, виберіть команду Match Layer Across Frames з меню палітри Animation. Поточний стан шару буде поширено на всі кадри анімації.

За допомогою Image Ready ви можете редагувати і готові анімації, наприклад з GIF-файлів, які ви завантажите з чужих сторінок. Готовий файл з анімацією можна відкрити командою Open і редагувати його так, начебто він створений у ImageReady. При відкритті анімації програма сама заповнить палітру Animation її кадрами.

Ви також можете створити анімацію в Photoshop, розташовуючи кадри анімації кожний на своєму шарі. Потім варто зберегти отримане багатошарове зображення у форматі PSD і відкрити в ImageReady. У меню палітри Animation ви знайдете команду Make Frames From Layers. Вона автоматично заповнить палітру кадрами анімації, використовувавши для цього окремі шари зображення.