У Photoshop можна скористатися панеллю «Шкала часу» для створення кадрів анімації. Кожний кадр являє собою конфігурацію шарів.

Для створення анімації на основі часової шкали у Photoshop використовуйте наступні основні робочі процеси.

Відкриття нового документу.

Відкрийте панелі «Шкала часу» та «Шари», якщо їх ще не відкрито. Переконайтеся, що панель «Шкала часу» перебуває в режимі покадрової анімації. Посередині панелі «Шкала часу» клацніть стрілку вниз, виберіть параметр «Створити анімацію кадру», а потім натисніть кнопку поруч зі стрілкою.

Додайте шар або перетворіть фоновий шар.

Оскільки фоновий шар не може анімуватися, додайте новий шар або перетворіть фоновий шар у звичайний. Див. Перетворення фону та шарів.

Додайте вміст до анімації.

Якщо ваша анімація містить декілька об'єктів, які анімуються незалежним чином, або якщо ви хочете змінити колір об'єкту, або повністю змінити вміст кадру, створюйте об'єкти на інших шарах.

Додайте кадр до панелі «Шкала часу».

Див. Додавання кадрів до анімації.

Виберіть кадр.

Див. Виділення кадрів анімації.

Редагуйте шари для вибраного кадру.

Виконайте одну з таких дій:

• Для різних шарів вмикайте та вимикайте видимість.

• Змініть положення об’єктів для здійснення руху вмісту шару.

• Змініть непрозорість шару для поступового зменшення чіткості зображення або його поступового зникнення.

• Змініть режим накладання шарів.

• Додайте до шарів стиль.

  Photoshop пропонує інструменти для зберігання характеристик шару однаковими у кадрах. Див. Уніфікація властивостей шарів у кадрах з анімацією.

Додайте більше кадрів та відредагуйте шари, як треба.

Кількість кадрів, які можна створити, обмежена лише об'ємом пам'яті системи, доступної для Photoshop.

Використовуючи команду «Створити проміжні кадри», можна генерувати нові кадри з проміжними змінами між двома існуючими у панелі кадрами. Це швидкий спосіб створення руху об’єктів через екран, а також для поступової появи або поступового зникнення. Див. Створення кадрів за допомогою створення проміжних кадрів.

Налаштування параметрів затримки кадру та циклів.

Можна встановлювати час затримки для кожного кадру та задавати цикл так, щоб анімація програвалася один раз, певну кількість разів або постійно. Див Зазначення часу затримки кадру в анімаціях та Зазначення циклічного відтворення у анімаціях кадру.

Перегляд анімації

Використовуйте елементи керування на панелі «Шкала часу» для відтворення анімації після створення. Після цього скористайтеся командою «Зберегти для Web», щоб переглянути анімацію у веб-браузері. 

Оптимізувати анімацію для ефективного завантаження.

Див. Оптимізувати кадри анімації.

Збережіть анімацію.

Є кілька способів зберегти покадрову анімацію:

• Як анімований файл GIF за допомогою команди «Зберегти для Web».

• У форматі Photoshop (PSD), щоб із анімацією можна було працювати пізніше.

• Як послідовність зображень, фільм QuickTime або окремі файли. Див. також Експорт відеофайлів або послідовностей зображень .

Додавання кадрів до анімації

Додавання кадрів – це перший крок у створенні анімації. Якщо зображення відкрите, панель «Шкала часу» відображає його у вигляді першого кадру в новій анімації. Кожен кадр, який ви додаєте, запускається як дублікат попереднього. Потім можна вносити зміни до кадру, використовуючи панель «Шари».

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

Перед початком роботи з кадром необхідно виділити його як поточний кадр. Вміст поточного кадру з’являється у вікні документа.

На панелі «Шкала часу» поточний кадр позначається вузькою межею (усередині затемненого виділення підсвіченням) навколо мініатюри кадру. Виділені кадри позначаються затемненим виділенням підсвіченням навколо мініатюр кадрів.

Виділення одного кадру анімації

Виділення кількох кадрів анімації

Редагування кадрів анімації

Уніфікація властивостей шарів у кадрах анімації

Кнопки уніфікації («Уніфікувати розташування шарів», «Уніфікувати видимість шарів» та «Уніфікувати стилі шарів») у панелі «Шари» визначають, як зміни, внесені до атрибутів активного кадру анімації, застосовуються до інших кадрів у тому самому шарі. Коли виділяється кнопка уніфікації, цей атрибут змінюється в усіх кадрах активного шару; коли вибір цієї кнопки вимкнено, зміни застосовуються лише до активного шару.

Параметр «Внести кадр 1» у панелі «Шари» також визначає,як зміни, внесені до атрибутів у першому кадрі, застосовуються до інших кадрів у тому самому шарі. Якщо він виділений, можна змінювати атрибут у першому кадрі, а усі наступні кадри у активному шарі зміняться у відповідності до першого кадру (та збережуть анімацію, яку ви вже створили).

Уніфікація властивостей шарів

Внести кадр 1

Показ або приховання кнопок уніфікації властивостей шарів

Копіювання кадрів із властивостями шарів

Щоб зрозуміти, що відбувається під час копіювання та вставлення кадру, уявіть кадр як дублікат зображення з заданою конфігурацією шару. Під час копіювання кадру ви копіюєте конфігурації шарів (включно з кожним параметром видимості шару, розташуванням та іншими властивостями). Під час вставлення кадру ви застосовуєте цю конфігурацію шару до цільового кадру.

Створення кадрів за допомогою вставлення проміжних кадрів (твінінгу)

Термін твінінг походить від «заповнення проміжків», традиційного анімаційного терміну, що використовується для опису цього процесу. Створення проміжних кадрів (також називається інтерполяцією) значно зменшує час, необхідний для створення анімаційних ефектів, наприклад поступове збільшення чіткості зображення або поступове зникнення зображення чи переміщення елементу через кадр. Можна редагувати твінінгові кадри індивідуально після їхнього створення.

Ви використовуєте команду «Створити проміжні кадри», щоб автоматично додати або змінити серію кадрів між двома існуючими кадрами – зміна властивостей шарів (положення, непрозорість або параметри ефектів) рівномірно між новими кадрами для створення вигляду руху. Наприклад, якщо необхідно здійснити поступове зникнення зображення шару, встановіть непрозорість шару у початковому кадрі на 100%, потім встановіть непрозорість того самого шару у кінцевому кадрі на 0%. Коли ви здійснюєте твінінг між двома кадрами, непрозорість шару рівномірно зменшується у нових кадрах.

Додавання нового шару для кожного нового кадру

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

Приховування шарів у кадрах анімації

Під час створення нового шару він за промовчанням буде видимий в усіх кадрах анімації.

• Щоб показати нові шари тільки в активних кадрах, зніміть у меню панелі «Шкала часу» прапорець «Створити шари, видимі в усіх кадрах».

• Щоб приховати шар в окремому кадрі, виділіть кадр, а потім приховайте необхідний шар на панелі «Шари».

Зазначення часу затримки в анімації кадрів

Можна вказати затримку – час відображення кадру – для окремих кадрів або декількох кадрів у анімації. Час затримки відображається у секундах. Дріб другого відображається як десяткове значення. Наприклад, одну четверту секунди вказано як «.25». Якщо встановити затримку на поточний кадр, то кожний кадр, який було створено після цього, запам’ятає та застосує це значення затримки.

Вибір методу видалення кадру

Метод видалення кадру вказує, чи відкинути поточний кадр перед відображенням наступного кадру. Можна вибрати метод видалення для анімацій, що містять прозорість фону, щоб зазначити, чи буде поточний кадр видимим через прозорі області наступного кадру.

Значок методу вивільнення вказує, чи кадр налаштований на «Не вивільняти» , чи на «Викинути» . (Якщо «Метод видалення» налаштовано на «Автоматичний», значок не відображається.)

Зазначення циклічного відтворення в анімації кадрів

Ви можете вказати параметр циклічного відтворення для зазначення кількості разів повторення послідовності анімації.

Видалення всієї анімації