Створення анімацій на шкалі часу

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

Наприклад, якщо необхідно виконати поступове згасання зображення шару, у початковому кадрі встановіть непрозорість шару на 100% і натисніть секундомір непрозорості для шару. Потім перемістіть індикатор поточного часу на час або кадр для кінцевого кадру та встановіть непрозорість для того самого шару на 0%. Photoshop автоматично інтерполює кадри між початковим і кінцевим кадрами, а непрозорість шару рівномірно зменшується в нових кадрах.

Крім того, що можна дозволити Photoshop інтерполяцію кадрів у анімації, також можна створити покадрову анімацію від руки шляхом намалювання порожнього відеошару.

Щоб створити анімацію на основі шкали часу, використовуйте описаний нижче загальний процес.

1. Створіть новий документ.

Укажіть розмір та фоновий колір. Упевніться, що піксельна пропорція та розміри відповідають виводу вашої анімації. Колірний режим повинен бути RGB. Якщо у вас не має великої потреби для змін, залиште роздільну здатність на 72 ppi, бітову глибину на 8 bpc, а піксельну пропорцію в квадраті.

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

2. У меню панелі вкажіть значення параметра «Установити частоту кадрів для шкали часу».

Укажіть тривалість і частоту кадрів. Див. Визначення тривалості шкали часу та частоти кадрів.

3. Додайте шар.

Фонові шари не можна перетворити на анімацію. Щоб створити анімацію вмісту, перетворіть фоновий шар на звичайний або додайте будь-що з переліченого:

• Новий шар для додавання вмісту.

• Новий відеошар для додавання відеовмісту.

• Новий порожній відеошар для клонування вмісту або для створення анімації від руки.

4. Додайте вміст до шару.

5. (Додатково) Додайте шар-маску.

Шар-маску можна використовувати, щоб відобразити частину вмісту шару. Можна анімувати шар-маску для відтворення різних частин вмісту шару з часом. Див. Додавання шарів-масок.

6. Перемістіть поточний індикатор часу на час або кадр, на якому потрібно встановити перший ключовий кадр.

Див. Використання ключових кадрів для анімації властивостей шару.

7. Увімкніть ключове кадрування для властивості шару.

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

8. Перемістіть індикатор поточного часу та змініть властивість шару.

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

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

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

• Змініть розташування шару-маски для відтворення різних частин шару.

• Увімкніть або вимкніть шар-маску.

Для деяких типів анімації, наприклад зміни кольору об’єкта або повної зміни вмісту в кадрі, необхідні додаткові шари з новим вмістом.

9. Додайте нові шари з умістом та за потреби відредагуйте їхні властивості.

10. Перемістіть або обріжте смугу тривалості кадру, щоб зазначити, коли шар з’являється в анімації.

Див. Вибір області шкали часу для попереднього перегляду.

11. Перегляньте анімацію.

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

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

Анімацію можна також зберегти як анімований файл GIF за допомогою команди «Зберегти для Web» або як послідовність зображень чи відео за допомогою команди «Візуалізація відео». Також можна зберегти її у форматі PSD, який можна імпортувати в програму Adobe After Effects.

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

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

Нижче наведені приклади того, як можна анімувати властивості шарів:

• Для анімації положення — додайте ключовий кадр до властивості «Положення», потім перемістіть індикатор поточного часу та перетягніть шар у вікно документа.

• Для анімації непрозорості — додайте ключовий кадр до властивості «Непрозорість», потім перемістіть індикатор поточного часу та змініть непрозорість шару у панелі «Шари».

• Можна створювати анімації таких властивостей 3D, як положення об'єкта та камери. (Детальнішу інформацію див. у розділі Створення 3D-анімацій.)

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

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

Вибір методу інтерполяції

Інтерполяція (часом називається створенням проміжних кадрів) описує процес заповнення невідомих значень між двома відомими значеннями. У цифровому відео або фільмі інтерполяція зазвичай означає створення нових значень між двома ключовими кадрами. Наприклад, якщо необхідно перемістити п'ятдесят пікселів графічного елемента по екрану вліво у 15 кадрах, встановіть положення графіки у першому та 15-му кадрах та позначте їх як ключові кадри. Photoshop інтерполює кадри між двома ключовими кадрами. Інтерполяція між ключовими кадрами може використовуватися для анімації руху, непрозорості, стилів та глобальної освітленості.

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

Рівномірно змінює анімовану властивість від одного ключового кадру до іншого. (Єдиний виняток — властивість «Розташування шару-маски», що переключається між активним і пасивним станами з проміжками.)

Підтримує поточне налаштування властивості. Цей метод інтерполяції придатний для ефектів стробу, або якщо необхідно, щоб шари миттєво з’являлися та зникали.

Щоб вибрати метод інтерполяції для ключового кадру, виконайте такі дії:

Переміщення індикатора поточного часу до ключового кадру

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

Виділення ключових кадрів

Переміщення ключових кадрів

Копіювання та вставлення ключових кадрів

Можна скопіювати ключові кадри для властивості (наприклад, положення) у ту саму властивість будь-якого шару. У випадку вставляння ключових кадрів вони відображають скопійований зсув з індикатора поточного часу.

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

Видалити ключові кадри

Створення анімацій від руки

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

Вставлення, видалення або створення дубліката пустих відеокадрів

Порожній відеокадр можна додавати або видаляти з порожнього відеошару. Також можна створювати дублікат існуючих (намальованих) кадрів у порожніх відеошарах.

Зазначення параметрів кальки

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

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

Відкриття багатошарової анімації

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