Поведение анимации в проекте Motion

• April 29, 2024

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

У нас уже есть хороший эффект Бокена на нашей фоновой графике, но он статичен. Было бы неплохо добавить тонкую анимацию. После тестирования предустановленной системы частиц Bokeh от Motion я решил, что анимация слишком большая. Итак, я решил наложить несколько цветных кругов, соответствующих цвету света ниже. Затем, добавив Glow Filter, FadeIn / FadeOut и Grow / Shrink, мы получим приятную тонкую мигающую анимацию.

1. Переместите точку воспроизведения в начало временной шкалы и переименуйте слой группы в «Огни».
   
   
2. Выбрав слой «Свет», используйте инструмент «Круг», чтобы нарисовать круг над одним из источников света Боке. Вы получите новый подслой с именем Circle под слоем Lights. Переименуйте этот слой в «Круг 1».
   
   Мы хотим, чтобы свет мигал раз в 1 секунду на временной шкале.
   
   
3. Перетащите правый край слоя «Круг 1» влево на временной шкале, пока он не закончится в положении «1 секунда».
   
   По умолчанию новый круг белый. Давайте изменим цвет, чтобы соответствовать свету внизу.
   
   
4. С выделенным слоем Circle 1, перейдите в Inspector - Shape и измените цвет круга, чтобы он соответствовал цвету света под ним.
   
   
5. Чтобы смягчить край круга, установите параметр Feather на 5.0.
   
   Теперь давайте добавим первое поведение, которое представляет собой поведение FadeIn / FadeOut.
   
   
6. С выбранным кружком 1 перейдите в «Библиотека» - «Поведение» - «Базовое движение» - «Fade In / Fade Out». Нажмите на это поведение, а затем нажмите кнопку Применить. Вы увидите поведение FadeIn / FadeOut, добавленное в качестве подслоя к слою Circle 1.
   
   Воспроизведите анимацию, и вы увидите, как круг постепенно исчезает, как будто свет Боке мигает. Давайте добавим другое поведение к слою Circle 1. Поведение Grow / Shrink должно добавить реалистичности анимации.
   
   
7. Выбрав слой «Круг 1», перейдите в раздел «Библиотека» - «Поведения» - «Основное движение» - «Расти / сжати». Нажмите кнопку Применить. Вы должны увидеть слой поведения Grow / Shrink, добавленный над первым поведением.
   
   

Пример учебника:


Copyright 2018 Adobe Systems Incorporated. Все права защищены. Снимки экрана продукта Adobe перепечатаны с разрешения Adobe Systems Incorporated. Adobe, Photoshop, альбом Photoshop, элементы Photoshop, Illustrator, InDesign, GoLive, Acrobat, Cue, Premiere Pro, Premiere Elements, Bridge, After Effects, InCopy, Dreamweaver, Flash, ActionScript, фейерверки, содействие, увлечение, Flash Catalyst и Flash Paper является или является [a] зарегистрированным товарным знаком (-ами) или товарным знаком (-ами) Adobe Systems Incorporated в США и / или других странах.

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

Видео инструкция: ???? Летающие частицы в After Effects. Заставка для текста и анимация частиц. Particular УРОК AEplug202 (April 2024).