Повторение анимации в движении

• April 19, 2024

Есть несколько способов зациклить поведение в Apple Motion. Но если вам нужен полный контроль над анимацией, вы можете создать ее, используя ключевые кадры и временную шкалу, и зациклить / повторить анимацию, используя редактор ключевых кадров. Давайте пройдемся по ступеням.

Мы создадим простую анимацию Bokeh, используя 5 кругов, которые мы будем контролировать индивидуально на временной шкале. У нас уже есть фоновое изображение для анимации, которое представляет собой пост-изображение Instagram размером 1080 x 1080 пикселей, которое я использовал, чтобы анонсировать пост о Adobe Spark. Фотография, красный прямоугольник и белый текст были сведены и импортированы в Motion. На фотографии есть небольшая область боке, которую мы будем усиливать с помощью нашей анимации.

Откройте Motion 5 и начнем.

1. Начните новый проект со следующими настройками (см. Скриншот).
   
   Пресет: Пользовательский
   Разрешение: 1080 х 1080 пикселей
   Порядок полей: по умолчанию - Upper First Odd
   Соотношение сторон: Площадь
   Частота кадров: 30 кадров в секунду
   Продолжительность: 3 часа
   Timecode
   
   
2. С указателем воспроизведения в первом кадре нажмите «Файл» - «Импорт» и выберите фоновое изображение. Изображение должно охватывать всю временную шкалу. Переименуйте группу по умолчанию в «art».
   
   Круги Боке на изображении белые и красные. Так что эти цвета будут использовать, создавая впечатление, что наша анимация действительно является частью фотографии "оживает".
   
   
3. С помощью инструмента «Круг» и удерживая нажатой клавишу «Shift», нарисуйте круг того же размера, что и круг в боке на фотографии (см. Скриншот).
   
   
4. Выберите вкладку «Форма» в Инспекторе.
   
   
5. Установите флажок рядом с заливкой и установите цвет заливки на белый.
   
   
6. В разделе Outline установите цвет кисти на белый, ширину от 3 до 15 и непрозрачность кисти на 40-50%. Это смягчит край круга (см. Скриншот).
   
   Теперь, когда у нас есть настройки Shape, мы можем создавать анимацию. Мы будем увеличивать / уменьшать как заливку, так и контуры фигуры, используя свойство Opacity.
   
   
7. С выбранным кругом перейдите на вкладку Свойства.
   
   
8. Поместив точку воспроизведения в первый кадр временной шкалы, щелкните значок ключевого кадра для свойства «Непрозрачность». Установите ползунок «Непрозрачность» на 100% (см. Скриншот).
   
   Теперь мы будем затухать круг за 1/2 секунды (15 кадров).
   
   
9. Переместите точку воспроизведения в кадр 15 и снова щелкните значок непрозрачного ключевого кадра на вкладке «Свойства».
   
   
10. Переместите ползунок непрозрачности на 0%, чтобы исчезнуть из круга.
    
    
11. Переместите точку воспроизведения в кадр 30 и добавьте ключевой кадр. Установите ползунок непрозрачности обратно на 100%, чтобы исчезнуть в круге.
    
    Теперь у нас есть базовая анимация постепенного исчезновения / ввода в течение 1 секунды (30 кадров), но мы хотим, чтобы она повторялась в течение всех 3 секунд временной шкалы. Мы будем использовать редактор временной шкалы, чтобы сделать это.
    
    
12. Установив точку воспроизведения в последнем кадре нашей анимации (кадр 30), щелкните правой кнопкой мыши треугольник ключевых кадров и выберите в меню «Показать в редакторе ключевых кадров» (см. Скриншот).
    
    
13. Вы увидите редактор ключевых кадров, открытый под временной шкалой.
    
    
14. Нажмите стрелку на круговом слое, чтобы открыть свойство «Непрозрачность смешения».
    
    
15. Нажмите стрелку на правом краю слоя «Непрозрачность смешения» и выберите «После последнего ключевого кадра - повторить» в меню (см. Скриншот).
    
    
16. Переместите точку воспроизведения в кадр 1 и проверьте анимацию. Круг должен мигнуть три раза.
    
    
17. Теперь вы можете повторить процесс еще для нескольких кругов. Установите ключевые кадры на временной шкале в разных местах (см. Скриншот).
    
    Круг первый: кадр 1 - кадр 15 - кадр 30
    Круг второй: кадр 1 - кадр 40 - кадр 110
    Круг третий: кадр 1 - кадр 25 - кадр 45
    Круг четвертый: кадр 1 - кадр 12 - кадр 24
    Круг пятый: кадр 1 - кадр 9 - кадр 18
    
    

Обычно я получаю лучшие результаты, экспортируя анимацию из Motion в виде видеофайла .mov. Затем откройте файл .mov в HandBreak, чтобы сжать файл в файл .mp4, готовый для загрузки в Instagram.

Посмотреть сообщение в Instagram

Apple, Motion, iBooks Author, GarageBand, TextEdit, Pages, iMovie и Mac являются товарными знаками Apple Inc., зарегистрированными в США и других странах. CoffeBreakBlog - это независимая публикация, которая не была авторизована, спонсирована или иным образом одобрена Apple Inc. Снимки экрана, используемые с разрешения.

Видео инструкция: Как зациклить композицию с анимацией в After Effects - AEplug 109 (April 2024).