Створення анімацій з часовою шкалою в adobe photoshop

У версіях, що передують Photoshop CC, деякі функціональні можливості, описані в даній статті, можуть бути доступні тільки при наявності Photoshop Extended. Photoshop CC не має спеціальної версії Extended. Всі можливості Photoshop Extended доступні в Photoshop CC.

Робочий процес анімації тимчасової шкали

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

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

Для створення анімації в форматі SWF використовуйте програми Adobe Flash, Adobe After Effects або Adobe Illustrator.

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

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

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

2. Задайте швидкість зміни кадрів на шкалі часу в меню панелі.

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

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

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

5. Додайте шар-маску (необов'язково).

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

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

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

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

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

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

Змініть положення шару, щоб створити враження руху вмісту.

Змініть непрозорість шару, щоб вміст поступово виникало або зникало.

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

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

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

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

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

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

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

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

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

Нижче представлені приклади анімації параметрів шару.

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

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

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

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

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

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

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

Лінійний ключовий кадр

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

Затримка ключового кадру

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

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

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

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

На панелі «Шкала часу» клацніть стрілку навігатора по ключовим кадрам. Стрілка вліво переміщує індикатор поточного часу на попередній ключовий кадр. Стрілка вправо переміщує індикатор поточного часу на наступний ключовий кадр.

Схожі статті