Перейти до вмісту
cinemaOS Почати безкоштовний період

Послідовна анімація багатошарового дизайну

Задайте титру й фотографії власні ключі Position, а потім виберіть Motion Timing, Stagger Layers by 0.5 s, щоб другий рух починався на пів секунди пізніше.

55 с

Шлях кліків

  1. Video Composition
  2. Ключові кадри Position
  3. Виберіть обидва шари
  4. Motion Timing
  5. Stagger Layers
  6. By 0.5 s

Коли всі шари рухаються одночасно, око не знає, з чого почати. Stagger Layers зсуває ключі вибраних шарів, тож рухи йдуть один за одним. У цьому уроці ми розносимо в часі титр і фотографію на пів секунди.

Кроки

  1. Анімуйте обидва шари. У Video Composition задайте титру й фотографії власні ключові кадри Position.
  2. Рознесіть їх у часі. Виберіть обидва анімовані шари. Клацніть правою кнопкою й виберіть Motion Timing, Stagger Layers і by 0.5 seconds.
  3. Перевірте ключі. Перший шар на таймлайні зберігає свої ключі. Ключі наступного шару зсуваються на пів секунди пізніше.
  4. Відтворіть. Перегляньте композицію ще раз і подивіться, як два рухи розділяються. Після останнього ключа залиште достатньо часу на паузу, щоб усе встигли прочитати.
  5. Зберігайте редагованість. Stagger Layers зсуває лише ключі анімації, а смуги шарів зберігають довжину. Збережіть проєкт, щоб пізніше можна було змінити таймінг.

Примітки

  • Відео озвучене англійською, з англійськими субтитрами.
  • У проєкті обидва шари спершу мають ключі на 0 і 2 секундах. Після зсуву ключі фотографії стоять на 0.5 і 2.5 секунди, а ключі титру лишаються на 0 і 2.
  • Композиція триває шість секунд.
  • Фотографії є згенерованими ресурсами з демонстраційного проєкту TUSSENIN, що належить Momentum Studios.

Відеоматеріал: Original generated photographic assets, Momentum Studios. Змонтовано в cinemaOS для цього уроку.