Видео Анимация на доске - Безье Путь

• May 5, 2024

В этом уроке мы продолжим создавать простое видео для доски в Motion.^р, Следующий шаг - нарисовать путь Безье, который является основой анимации.

Вы будете рисовать путь Безье, который будет контролировать движение руки. Дубликат этого пути Безье будет использован для создания маски, которая будет скрывать изображение, которое рисуется на экране, и раскрывать его при прохождении руки. Поскольку маска создается из дубликата пути Безье, по которому будет следовать рука, результатом будет симуляция рисования руки на экране.

Прежде чем мы начнем рисовать путь Безье, нам нужно отрегулировать опорную точку графического объекта Hand. По умолчанию Motion помещает опорную точку в центр графика. Но эта опорная точка будет тем, что следует по пути. Мы не хотим, чтобы центр руки рисовал на экране. Мы хотим, чтобы кончик карандаша рисовал на экране. Давайте это исправим.

1. Выберите рисунок «Рука», а затем выберите инструмент «Точка привязки». Используйте красную и синюю стрелки, чтобы поместить точку привязки поверх кончика карандаша.
   
   Теперь мы подошли к этой хорошей части.
   
   
2. Выберите графический слой Hand, а затем выберите инструмент Bezier. Поместите первую точку Безье на кончик карандаша. Затем перейдите к логотипу и нарисуйте зигзагообразный путь над логотипом. Наконец, вернитесь к руке и добавьте последний пункт. Не закрывайте путь.
   
   
3. Чтобы сообщить Motion, что вы закончили рисовать путь Безье, выберите инструмент «Выбор / преобразование». Вы получите новый слой Безье на панели слоев. Перетащите этот новый слой под слой «Рука» и переименуйте его в «Bezier_Logo», потому что это путь Безье для рисования изображения логотипа.
   
   Теперь, когда у нас есть путь Безье, мы можем добавить поведение «Путь движения» к графике «Рука». Именно это поведение заставляет руку оживлять. Но мы хотим, чтобы рука шла по пути Bezier_Logo. Поэтому мы скажем Motion использовать путь Bezier_Logo для этого поведения пути движения.
   
   
4. Чтобы добавить поведение к графике «Рука», выберите графический слой «Рука» на панели «Слои». В меню «Поведение» в правом нижнем углу выберите «Путь движения». Вы увидите новый слой Motion Path, добавленный ниже слоя Hand.
   
   
5. Выберите слой «Путь движения» и перейдите к «Инспектору» («Инспектор - Поведение - Путь движения»). Установите в меню «Форма контура» значение «Геометрия». Снимите флажок «Присоединить к фигуре». Вернитесь к слою Bezier_Logo на панели Layers и щёлкните / перетащите в источник Shape Source. Когда вы увидите маленькую стрелку, отпустите вашу мышь.
   
   Пока Playhead находится на первом кадре, проверьте анимацию. Если карандаш не следует непосредственно по пути, при необходимости отрегулируйте опорную точку на кончике карандаша.
   
   Кажется ли, что рука медленно рисует для анимации на доске? Что ж, мы можем ускорить его, укоротив дорожки Motion Path и Bezier_Logo на временной шкале.
   
   
6. Перейдите на временную шкалу и найдите фиолетовую дорожку движения. Перетащите правый край к дорожке пути влево, пока она не окажется в двухсекундной позиции на временной шкале (02:00). Повторите это для дорожки Bezier_Logo.
   
   

Хорошо, пришло время для перерыва на кофе. В следующем уроке мы создадим маску, которая раскрывает логотип.

← Назад | Далее →

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


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

Видео инструкция: Плавная анимация в Adobe After Effects. Работа с графиками в Adobe After Effects (May 2024).