Повторення анімації в русі

• Може 15, 2024

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

Ми побудуємо просту анімацію Боке за допомогою 5 кіл, якими ми керуватимемо індивідуально на часовій шкалі. У нас вже є фонове зображення для анімації, яке представляє графіку в Instagram 1080 x 1080 px, яку я використовував, щоб оголосити публікацію про Adobe Spark. Фото, червоний прямокутник і білий текст були сплющені та імпортовані в рух. На фотографії є ​​невелика область Боке, яку ми покращимо нашою анімацією.

Відкрийте рух 5 і почнемо.

1. Почніть новий проект із наступними налаштуваннями (див. Скріншот).
   
   Заздалегідь встановлений: Спеціальний
   Роздільна здатність: 1080 x 1080 пікселів
   Порядок полів: за замовчуванням - верхній перший нечетний
   Співвідношення сторін: Квадрат
   Частота кадрів: 30 кадрів в секунду
   Тривалість: 3:00
   Тимчасовий код
   
   
2. За допомогою Playhead на першому кадрі натисніть Файл - Імпорт і виберіть фонове зображення. Зображення повинно охоплювати всю шкалу часу. Перейменуйте групу за замовчуванням у "art".
   
   Боке кола на зображенні білі та червоні. Тож ці кольори будуть використовуватись, надаючи вигляд, що наша анімація насправді є частиною фотографії "оживає".
   
   
3. За допомогою інструмента «Коло» та, утримуючи клавішу Shift, намалюйте коло такого ж розміру, як коло на Боке на фотографії (див. Скріншот).
   
   
4. Виберіть вкладку "Форма" в Інспекторі.
   
   
5. Поставте прапорець "Заливка" і встановіть для поля "Колір заливки" білий колір.
   
   
6. У розділі Контур встановіть колір пензля білий, ширину - від 3 до 15 та непрозорість пензля - 40 - 50%. Це пом’якшить край кола (див. Скріншот).
   
   Тепер, коли у нас є налаштування форми, як нам подобається, ми можемо створити анімацію. Ми будемо зникати / вимивати як заповнення, так і контур фігури за допомогою властивості Opacity.
   
   
7. Якщо коло все ще вибрано, перейдіть на вкладку Властивості.
   
   
8. За допомогою Playhead на першому кадрі тимчасової шкали натисніть значок Keyframe для властивості Opacity. Тримайте повзунок непрозорості 100% (див. Знімок екрана).
   
   Тепер ми вимкнемо коло за 1/2 секунди (15 кадрів).
   
   
9. Перемістіть Playhead у кадр 15 та ще раз натисніть на значок непрозорості ключових кадрів на вкладці Властивості.
   
   
10. Перемістіть повзунок непрозорості на 0%, щоб вимкнути коло.
    
    
11. Перемістіть Playhead у кадр 30 та додайте ключовий кадр. Поверніть повзунок непрозорості назад на 100%, щоб зникати в колі.
    
    Тепер у нас основна 1 секунда (30 кадрів) зникає в / в анімації з ключовими кадрами, але ми хочемо, щоб вона повторювалася протягом усіх 3 секунд шкали часу. Ми будемо використовувати для цього редактор часової шкали.
    
    
12. За допомогою набору Playhead в останньому кадрі нашої анімації (кадр 30) клацніть правою кнопкою миші на трикутнику ключових кадрів та виберіть у меню Показувати в редакторі ключових кадрів (див. Скріншот).
    
    
13. Ви побачите редактор ключових кадрів, відкритий під часовою шкалою.
    
    
14. Клацніть стрілку на шарі кола, щоб відкрити властивість Blending Opacity.
    
    
15. Клацніть стрілку в правому краю шару змішування непрозорості та виберіть Після меню останній кадр - повторіть (див. Скріншот).
    
    
16. Перемістіть Playhead в кадр 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. Скріншоти, які використовуються з дозволу.

Відео Інструкція: МІУ.Виникнення Київської Русі (Може 2024).