Проект анімаційних поведінок у русі

• Може 1, 2024

Тепер, коли ми імпортували наш шаруватий Photoshop^R образ у нашому Русі^R проекту, ми готові створити анімацію миготливих вогнів. Ми намалюємо кілька кольорових кіл, які потім будемо анімовані, щоб миготіти, використовуючи рух поведінки.

У нас у фоновій графіці вже є приємний ефект Бокена, але він статичний. Було б непогано додати тонкої анімації. Перевіривши попередньо встановлену систему частинок Боке, я вирішив, що анімації занадто багато. Отже, я вирішив накласти кілька кольорових кіл, що відповідають кольору світла внизу. Потім, додавши фільтр Glow, FadeIn / FadeOut та поведінку Grow / Shrink, ми маємо приємну миготливу анімацію.

1. Перемістіть програму Playhead на початок часової шкали та перейменуйте груповий шар у «Lights».
   
   
2. Вибравши шар Lights, використовуйте інструмент Circle, щоб намалювати коло над одним із вогнів Bokeh. Ви отримаєте новий підшарок під назвою "Коло" під шаром "Фари". Перейменуйте цей шар у "Коло 1".
   
   Ми хочемо, щоб на часовій шкалі світло блимав один раз протягом 1 секунди.
   
   
3. Перетягніть правий край шару кола 1 ліворуч на часовій шкалі, поки він не закінчиться на 1 секунді.
   
   За замовчуванням новий круг білий. Давайте змінимо колір відповідно до світла під ним.
   
   
4. Якщо шар Circle 1 все ще вибраний, перейдіть до Інспектора - Форма та змініть колір кола, щоб він відповідав кольору світла під ним.
   
   
5. Щоб пом’якшити край кола, встановіть параметр «Перо» на 5,0.
   
   Тепер додамо першу поведінку, яка є поведінка FadeIn / FadeOut.
   
   
6. Якщо все-таки вибрано Коло 1, перейдіть до бібліотеки - поведінка - основний рух - зникає / зменшується. Клацніть на цю поведінку та натисніть кнопку Застосувати. Ви побачите поведінку FadeIn / FadeOut, додану в якості підшару до рівня Circle 1.
   
   Грайте в анімацію, і вам слід побачити, як коло зникає і виходить, наче блимає світло Боке. Додамо ще одну поведінку до шару кола 1. Поведінка "Зростати / Стискати" повинна додавати анімації більше реалізму.
   
   
7. Вибравши шар Circle 1, перейдіть до бібліотеки - поведінка - основний рух - зростати / стискати. Натисніть кнопку Застосувати. Ви повинні побачити шар поведінки Grow / Shrink, доданий вище першої поведінки.
   
   

Приклад підручника:


Авторські права 2018 Adobe Systems Incorporated. Всі права захищені. Знімки екрана продуктів Adobe перевидано з дозволу Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, Photoshop Elements, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, Fireworks, Contribute, Captivate, Flash Catalyst та Flash Paper є або є [a] зареєстрованою торговою маркою (ими), або торговою маркою (іми) Adobe Systems Incorporated у США та / або інших країнах.

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

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