Примітка.
Для версій, попередніх за версію Photoshop CC, деякі функції, описані в цій статті, можуть бути доступними лише за наявності розширеного випуску Photoshop Extended. Програма Photoshop CC не має окремого розширеного випуску. До версії Photoshop CC включено всі функції Photoshop Extended.
У Photoshop можна скористатися панеллю «Шкала часу» для створення кадрів анімації. Кожний кадр являє собою конфігурацію шарів.
Примітка.
Ви також можете створювати анімацію, використовуючи часову шкалу та ключові кадри. Див. Створення анімацій на основі шкали часу.
Для створення анімації на основі часової шкали у Photoshop використовуйте наступні основні робочі процеси.
Відкрийте панелі «Шкала часу» та «Шари», якщо їх ще не відкрито. Переконайтеся, що панель «Шкала часу» перебуває в режимі покадрової анімації. Посередині панелі «Шкала часу» клацніть стрілку вниз, виберіть параметр «Створити анімацію кадру», а потім натисніть кнопку поруч зі стрілкою.
Оскільки фоновий шар не можна анімувати, додайте новий шар або перетворіть фоновий шар на звичайний. Див. Перетворення фону та шарів.
Якщо анімація містить кілька об'єктів, що анімуються незалежно, або якщо ви хочете змінити колір об'єкта чи повністю змінити вміст кадру, створюйте об'єкти на інших шарах.
Увімкніть або вимкніть видимість різних шарів.
Змініть положення об’єктів для руху вмісту шару.
Змініть непрозорість шару, щоб вміст поступово зникав чи з’являвся на шарі.
Змініть режим накладання шарів.
Додайте до шарів стиль.
Photoshop містить інструменти для зберігання характеристик шару однаковими в кадрах. Див. Уніфікація властивостей шарів у кадрах з анімацією.
Кількість кадрів, які можна створити, обмежена лише обсягом пам'яті системи, доступної для Photoshop.
Використовуючи команду «Створити проміжні кадри», можна генерувати нові кадри з проміжними змінами між двома існуючими у панелі кадрами. Цей шлях є швидким для створення руху об'єктів на екрані, зменшення чіткості їх зображення або його поступового зникнення. Див. Створення кадрів за допомогою створення проміжних кадрів.
Можна встановлювати час затримки для кожного кадру та задавати цикл так, щоб анімація відтворювалась один раз, певну кількість разів або постійно. Див Зазначення часу затримки кадру в анімаціях та Зазначення циклічного відтворення у анімаціях кадру.
Використовуйте елементи керування на панелі «Шкала часу» для відтворення анімації після створення. Після цього скористайтеся командою «Зберегти для веб-середовища», щоб переглянути анімацію у веб-переглядачі. Дивіться статтю Перегляд оптимізованих зображень у веб-переглядачі.
Як анімований файл GIF за допомогою команди «Зберегти для веб-середовища».
У форматі Photoshop (PSD), щоб із нею можна було працювати пізніше.
Як послідовність зображень, фільм QuickTime або окремі файли. Див. також Експорт відеофайлів або послідовностей зображень.
Додавання кадрів – це перший крок у створенні анімації. Якщо зображення відкрите, панель «Шкала часу» відображає його у вигляді першого кадру в новій анімації. Кожен кадр, який ви додаєте, запускається як дублікат попереднього. Потім можна вносити зміни до кадру, використовуючи панель «Шари».
.Перед початком роботи з кадром необхідно виділити його як поточний кадр. Вміст поточного кадру з'являється у вікні документу.
На панелі «Шкала часу» поточний кадр позначається вузькою межею (усередині затемненого виділення підсвіченням) навколо мініатюри кадру. Виділені кадри позначаються затемненим виділенням підсвіченням навколо мініатюр кадрів.
-
Виберіть кадр.
Натисніть кнопку «Вибрати наступний кадр»
, щоб вибрати наступний кадр послідовності як поточний.Натисніть кнопку «Вибрати попередній кадр»
, щоб вибрати попередній кадр послідовності як поточний.Натисніть кнопку «Вибрати перший кадр»
, щоб вибрати перший кадр послідовності як поточний.
-
Щоб виділити декілька суміжних кадрів, натисніть на другий кадр, утримуючи клавішу Shift. Другий кадр та усі кадри між першим та другим додаються до виділення.
Для виділення кількох суміжних кадрів натисніть додаткові кадри, утримуючи клавішу Ctrl (Windows) або клавішу Command (Mac OS), щоб додати ці кадри до виділення.
Щоб виділити всі кадри, виберіть у меню панелі команду Виділити всі кадри.
Щоб зняти виділення з виділення кількох кадрів, клацніть цей кадр, утримуючи клавішу Ctrl (Windows) або клавішу Command (Mac OS).
-
- Щоб відредагувати вміст об'єктів у кадрах анімації, використовуйте панель «Шари» для зміни шарів у зображенні, що впливає на цей кадр.
- Щоб змінити положення об'єкта в кадрі анімації, виділіть шар, що містить об'єкт, на панелі «Шари» та перетягніть його в нове місце.
Примітка.
Можна виділити та перемістити одночасно кілька кадрів. Однак, якщо ви перетягуєте кілька несуміжних кадрів, кадри розміщуються суміжно в новому місці.
- Щоб змінити порядок кадрів анімації на протилежний, виберіть у меню панелі команду «Обернути кадри».
Примітка.
Кадри, порядок яких потрібно змінити на протилежний, не мають бути суміжними; можна обернути будь-який із виділених кадрів.
. Після цього натисніть кнопку «Так», щоб підтвердити. Також можна перетягнути виділений кадр на значок «Видалити».Кнопки уніфікації («Уніфікувати розташування шарів», «Уніфікувати видимість шарів» та «Уніфікувати стилі шарів») у панелі «Шари» визначають, як зміни, внесені до атрибутів активного кадру анімації, застосовуються до інших кадрів у тому самому шарі. Коли виділяється кнопка уніфікації, цей атрибут змінюється в усіх кадрах активного шару; коли вибір цієї кнопки вимкнено, зміни застосовуються лише до активного шару.
Параметр «Внести кадр 1» у панелі «Шари» також визначає,як зміни, внесені до атрибутів у першому кадрі, застосовуються до інших кадрів у тому самому шарі. Якщо він виділений, можна змінювати атрибут у першому кадрі, а усі наступні кадри у активному шарі зміняться у відповідності до першого кадру (та збережуть анімацію, яку ви вже створили).
, «Уніфікувати видимість шарів» 
або «Уніфікувати стиль шарів»
, щоб застосувати зміни до всіх інших кадрів активного шару.Примітка.
Ви також можете вносити кадри, натиснувши будь-яку послідовну групу кадрів у шарі з утриманням клавіші Shift і змінивши атрибут у будь-якому з виділених кадрів.
Щоб зрозуміти, що відбувається під час копіювання та вставлення кадру, уявіть кадр як дублікат зображення з заданою конфігурацією шару. Під час копіювання кадру ви копіюєте конфігурації шарів (у тому числі, кожний параметр видимості шару, розташування та інші властивості). Під час вставлення кадру ви застосовуєте цю конфігурацію шару до цільового кадру.
-
Замінити кадри.
Замінює виділені кадри скопійованими. Не додано жодного нового шару. Властивості кожного існуючого шару у цільових кадрах заміщуються на кадри кожного скопійованого кадру. Під час вставлення кадрів між зображеннями додаються нові шари до зображення; однак лише вставлені шари видимі у цільових кадрах (існуючі шари приховані).
Вставити поверх виділення.
Додає вміст вставлених кадрів як нові шари зображення. Під час вставлення кадрів у те саме зображення використання цього параметру подвоює кількість шарів у зображенні. У цільових кадрах нововставлені шари видимі, а оригінальні шари приховані. У нецільових кадрах нововставлені шари приховані.
Термін твінінг походить від «заповнення проміжків», традиційного анімаційного терміну, що використовується для опису цього процесу. Створення проміжних кадрів (також називається інтерполяцією) значно зменшує час, необхідний для створення анімаційних ефектів, наприклад поступове збільшення чіткості зображення або поступове зникнення зображення чи переміщення елементу через кадр. Можна редагувати твінінгові кадри індивідуально після їхнього створення.
Ви використовуєте команду «Створити проміжні кадри», щоб автоматично додати або змінити серію кадрів між двома існуючими кадрами – зміна властивостей шарів (положення, непрозорість або параметри ефектів) рівномірно між новими кадрами для створення вигляду руху. Наприклад, якщо необхідно здійснити поступове зникнення зображення шару, встановіть непрозорість шару у початковому кадрі на 100%, потім встановіть непрозорість того самого шару у кінцевому кадрі на 0%. Коли ви здійснюєте твінінг між двома кадрами, непрозорість шару рівномірно зменшується у нових кадрах.
-
Якщо виділити один кадр, можна вибрати, чи застосовувати твінінг до кадру з попереднього кадру або з наступного.
Якщо виділити два суміжних кадри, нові кадри додаються між кадрами.
Якщо вибрати більше, ніж два кадри, наявні кадри між першим та останнім вибраним кадрами змінюються операцією твінінгу.
Якщо вибрати перший та останній кадри анімації, ці кадри розглядаються як суміжні, а твінінгові кадри додаються після останнього кадру. (Цей метод твінінгу використовується, якщо анімація налаштована за повторення декілька разів).
-
-
Якщо на кроці 2 вибрано один кадр, у меню «Створити проміжні кадри з» виберіть, куди додавати кадри:
Наступний кадр.
Додає кадри між виділеним кадром і наступним кадром. Цей параметр недоступний, якщо виділено останній кадр на панелі «Шкала часу».
Перший кадр.
Додає кадри між останнім кадром і першим. Цей параметр доступний, лише якщо виділено останній кадр на панелі «Шкала часу».
на панелі «Шкала часу».У результаті виконання команди «Створити новий шар для кожного нового кадру» автоматично додається новий шар, який відображається в новому кадрі, але прихований у всіх інших. Цей параметр збереже час під час створення анімації, що потребує додавання нового візуального елемента до кожного кадру.
Щоб показати нові шари тільки в активних кадрах, зніміть у меню панелі «Шкала часу» прапорець «Нові шари видимі в усіх кадрах».
Щоб приховати шар в окремому кадрі, виділіть кадр, а потім приховайте необхідний шар на панелі «Шари».
Можна вказати затримку – час відображення кадру – для окремих кадрів або декількох кадрів у анімації. Час затримки відображається у секундах. Дріб другого відображається як десяткове значення. Наприклад, одна четверта другого вказана як .25. Якщо встановити затримку на поточний кадр, кожний кадр, який було створено після цього, запам'ятає та застосує це значення затримки.
-
Виберіть у спливаючому меню значення. (Останнє використане значення з'явиться у нижній частині меню).
Виберіть «Інші», введіть значення у діалоговому вікні «Встановити затримку кадру» та натисніть кнопку «ОК». Якщо вибрано декілька кадрів, зазначення значення затримки для одного кадру застосує це значення до усіх кадрів.
Метод вивільнення кадру вказує, чи анулювати поточний кадр перед відображенням наступного кадру. Можна вибрати метод вивільнення для анімацій, що містять прозорість фону, щоб зазначити, чи буде поточний кадр видимим через прозорі області наступного кадру.
A. Кадр із прозорістю фону з параметром «Відновити до фону» B. Кадр із прозорістю фону з параметром «Не вивільняти»
Значок методу вивільнення вказує, чи кадр налаштований на «Не вивільняти» 
, чи на «Викинути»
. (Якщо для параметра «Метод вивільнення» встановлено значення «Автоматичний», значок не відображається.).
-
Автоматично.
Визначає метод вивільнення для поточного кадру автоматично, відкидаючи поточний кадр, якщо наступний кадр містить прозорість шару. Для більшості анімацій параметр «Автоматично» (за промовчанням) видає необхідні результати.
Примітка.
Щоб зберігати кадри, що містять прозорість, виділіть параметр автоматичного вивільнення під час використання параметра оптимізації «Видалення зайвих пікселів».
Ви можете вказати параметр циклічного відтворення для зазначення кількості разів повторення послідовності анімації.
-
Якщо ви виділили «Інше», введіть значення у діалоговому вікні «Задати облік циклів» та натисніть кнопку «ОК».
Примітка.
Параметри циклічного відтворення також можна встановити в діалоговому вікні «Зберегти для веб-середовища». Докладнішу інформацію див. в статті Огляд команди «Зберегти для Інтернету та пристроїв».
Публікації Twitter™ і Facebook не підпадають під умови ліцензії Creative Commons.