Послідовна анімація багатошарового дизайну
Задайте титру й фотографії власні ключі Position, а потім виберіть Motion Timing, Stagger Layers by 0.5 s, щоб другий рух починався на пів секунди пізніше.
Шлях кліків
- Video Composition
- Ключові кадри Position
- Виберіть обидва шари
- Motion Timing
- Stagger Layers
- By 0.5 s
Коли всі шари рухаються одночасно, око не знає, з чого почати. Stagger Layers зсуває ключі вибраних шарів, тож рухи йдуть один за одним. У цьому уроці ми розносимо в часі титр і фотографію на пів секунди.
Кроки
- Анімуйте обидва шари. У Video Composition задайте титру й фотографії власні ключові кадри Position.
- Рознесіть їх у часі. Виберіть обидва анімовані шари. Клацніть правою кнопкою й виберіть Motion Timing, Stagger Layers і by 0.5 seconds.
- Перевірте ключі. Перший шар на таймлайні зберігає свої ключі. Ключі наступного шару зсуваються на пів секунди пізніше.
- Відтворіть. Перегляньте композицію ще раз і подивіться, як два рухи розділяються. Після останнього ключа залиште достатньо часу на паузу, щоб усе встигли прочитати.
- Зберігайте редагованість. Stagger Layers зсуває лише ключі анімації, а смуги шарів зберігають довжину. Збережіть проєкт, щоб пізніше можна було змінити таймінг.
Примітки
- Відео озвучене англійською, з англійськими субтитрами.
- У проєкті обидва шари спершу мають ключі на 0 і 2 секундах. Після зсуву ключі фотографії стоять на 0.5 і 2.5 секунди, а ключі титру лишаються на 0 і 2.
- Композиція триває шість секунд.
- Фотографії є згенерованими ресурсами з демонстраційного проєкту TUSSENIN, що належить Momentum Studios.
Відеоматеріал: Original generated photographic assets, Momentum Studios. Змонтовано в cinemaOS для цього уроку.