Видео Анимация Доски Видео - Готово

• May 6, 2024

В этом движении^р учебник, мы закончим анимацию доски. Мы уже анимировали симуляцию рисования для логотипа. Теперь мы создадим симуляцию письма для названия компании.

Метод, который мы собираемся использовать, создаст хорошую симуляцию написания рукой названия компании на экране, потому что карандаш будет отслеживать каждую отдельную букву в тексте. Это отлично подходит для пользовательской доски видео для клиента. Но если вы создаете шаблон, который позволит заменить текст заполнителя другим текстом, вы захотите использовать тот же тип моделирования, который мы использовали для рисования логотипа.

Например, вы сделаете зигзагом путь Безье по тексту заполнителя вместо того, чтобы отслеживать отдельные буквы. Хотя симуляция не так реалистична, как симуляция письма, которую мы научимся создавать здесь, она достаточно гибкая для шаблона.

Но давайте предположим, что это пользовательское видео на доске для клиента, и мы создадим реалистичное моделирование письма.

Мы будем использовать инструмент «Текст» в Motion, чтобы добавить название компании в проект. Мы хотим, чтобы эта анимация начиналась через несколько кадров после окончания первой анимации, которая находится на отметке 02:00 на временной шкале. Итак, давайте запустим эту анимацию с отметки 02:10, и она будет длиться две секунды.

1. Поместив точку воспроизведения в отметку 02:10, добавьте новую группу на панель «Слои» над группой BG и назовите ее «Текст». Нажмите на экран с инструментом «Текст» в том месте, где вы хотите начать добавление текста. Стиль текста по мере необходимости для вашего клиента.
   
   Теперь давайте начнем. При создании пути Безье добавьте опорные точки над каждой буквой, как если бы вы писали текст на экране.
   
   
2. Выберите графический слой Hand и инструмент Bezier. Поместите первую точку привязки над кончиком карандаша. Затем перейдите к тексту и начните добавлять точки привязки к тексту. Так как это конец белой части видео, добавьте последнюю точку привязки чуть ниже последней буквы на экране.
   
   
3. Выберите инструмент «Выбор / преобразование», чтобы завершить путь, и переименуйте новый слой пути Безье в «Bezier_Text». Перетащите слой Bezier_Text под слой Bezier_Logo в группе «Рука».
   
   Теперь мы добавим еще одно поведение Motion Path к графическому слою Hand.
   
   
4. Выберите графический слой Hand и добавьте поведение Motion Path. Назовите это Motion Path 2.
   
   
5. Выбрав слой поведения Motion Path 2, перейдите к Инспектору и установите для Path Path Shape значение Geometry. Снимите флажок «Присоединить к фигуре» и перетащите слой Bezier_Text в лунку «Источник формы».
   
   
6. Переместите точку воспроизведения на отметку 02:10 на временной шкале. Перетащите левый край дорожки Motion Path 2 от начала временной шкалы до отметки 02:10. Перетащите правый край дорожки до отметки 04:10. Повторите это для дорожки Bezier_Text.
   
   Теперь мы создадим маску.
   
   
7. Сделайте копию слоя Bezier_Text и перетащите этот слой копирования Bezier_Text в группу «Текст» и поместите его над слоем «Текст». Отключите видимость исходного слоя Bezier_Text.
   
   
8. С выбранным слоем копирования Bezier_Text увеличивайте ширину пути, пока текст не будет скрыт под маской.
   
   
9. Добавьте маску изображения в слой «Текст» и перетащите слой копирования Bezier_Text в новый слой «Маска изображения».
   
   
10. На временной шкале перетащите правый край дорожки «Маска изображения» к отметке 04:10.
    
    Теперь мы добавим ключевые кадры для анимации маски.
    
    
11. Поместите точку воспроизведения в отметку 02:10 и выберите слой копирования Bezier_Text. Перейдите к Инспектору (Инспектор - Форма - Стиль - Контур) и установите ползунок Смещение последней точки на ноль. Добавьте ключевой кадр.
    
    
12. Переместите точку воспроизведения к отметке 04:10 и установите ползунок «Смещение последней точки» обратно на 100.
    
    Проверьте анимацию. Наша последняя задача - убрать изображение руки с экрана.
    
    
13. Пока Playhead находится в положении 04:10, выберите графический слой Hand. В Инспекторе («Инспектор - Свойства - Смешивание») добавьте ключевой кадр, щелкнув значок справа от ползунка «Непрозрачность». Переместите точку воспроизведения в 04:20 и уменьшите непрозрачность до нуля.
    

← Назад

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


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 в США и / или других странах.

Видео инструкция: Как Сделать Стол для Рисования Песком (May 2024).