Як створити анімацію за допомогою Adobe ImageReady CS

Ви можете створювати анімовані .gif файли за допомогою ImageReady, однак Adobe вже більше не підтримує ImageReady і інтегрував його інструменти в Photoshop для релізу Adobe Creative Suites 3+. Який би програмою ви не користувалися, більшість інструментів і палітра у всіх них майже нічим не відрізняється.

Кроки

  1. Як створити анімацію за допомогою Adobe ImageReady CS

    1

    Створіть файл. Збереження у форматі .psd або .tif повинно також зберегти всю анімацію і властивості. Часто зберігайтеся, щоб не втратити досягнутий прогрес. Це «робочий» файл і він не стане підсумкової анімацією, так що можете сміливо з ним експериментувати.

  2. Як створити анімацію за допомогою Adobe ImageReady CS

    2

    Створіть елементи. Завжди плануйте наперед. Малюйте, друкуйте, або створюйте окремі шари для своїх елементів дизайну. Все, що буде рухатися або змінюватися, повинно мати свій окремий шар. Залежно від версії програми, вам може знадобитися новий шар, щоб пересунути елемент зліва направо. Якщо сумніваєтеся, створіть додаткові шари.

  3. Як створити анімацію за допомогою Adobe ImageReady CS

    3

    Ознайомтеся з палітрою анімації. Ця палітра має декілька застосувань:
    • Тривалість кожного фрейма встановлює тривалість фрейма в секундах (зазвичай).

    • Кількість повторень вказує, скільки разів ви хочете, щоб анімація повторила кожен кадр - від «одного разу» до «нескінченності».
    • Відтворення покаже процес анімації вашого проекту.
    • У Розширеної анімації руху користувачі можуть створити анімацію руху, щось на зразок автоматичного створення фреймів для твору встановленого ефекту анімації.
    • Робота з фреймами використовує кнопку у вигляді заміток для створення фреймів. По одному фрейму на кожен шматок анімації. За допомогою кнопки мусорки ви можете видаляти фрейми.


  4. Як створити анімацію за допомогою Adobe ImageReady CS

    4

    Користуйтеся ними! Для кожного фрейма у вашій анімації палітрою, включайте і вимикайте шари при необхідності.
    • Приклад: Фрейм 1, включити шари 1 і 3. Створити новий фрейм. Вимкнути шар 1 і включити шар 2. Створити новий фрейм. Вимкнути фрейм 3 і включити фрейм 1 і т.д.

  5. Як створити анімацію за допомогою Adobe ImageReady CS

    5

    Збережіть свій.gif файл. Залежно від версії програми, натисніть на меню «Файл» і виберіть або «Зберегти для веб», «Зберегти для веб і пристроїв» або «Зберегти оптимізоване як ...». На всяк випадок не забудьте також зберегти свій .psd або .tif файл з усіма кінцевими змінами!


Поради

  • Під час роботи в Photoshop має з`явитися віконце, яке дозволить вам налаштувати кольору і розмір свого .gif файлу. Якщо ви використовуєте ImageReady і бажаєте застосувати настройки Оптимізації, задійте заздалегідь відповідну палітру. Оптимізація не завжди обов`язкова, але часом може виявитися корисною.

Попередження

  • Перш ніж додавати фрейми найкраще заздалегідь підготувати всю анімацію. Редагувати шари і фрейми куди складніше, коли їх у вас багато. Не міняйте шари в першому фреймі анімації, так як це призведе до автоматичної зміни решти фреймів.
  • Ця стаття містить поради на основі попереднього досвіду роботи з шарами в графічних програмах Adobe.
  • Майте на увазі, що .gif анімація повинна бути невеликою. Всі .gif файли більше 250 Кб (загальноприйнятий, але суб`єктивний межа) будуть дуже довго грузиться, так що краще створити їх в іншій програмі, наприклад, Flash.