Анімація відео-скриптів на дошці - Готово

• Може 18, 2024

У цьому Русі^R підручник, ми закінчимо анімацію на дошці. Ми вже анімували симуляцію малювання логотипу. Тепер ми створимо моделювання написання для назви компанії.

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

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

Але припустимо, що це власне відео на дошці для клієнта, і ми створимо реалістичне моделювання написання.

Ми будемо використовувати інструмент Text у русі, щоб додати назву компанії до проекту. Ми хочемо, щоб ця анімація розпочалася через кілька кадрів після закінчення першої анімації, яка є позначкою 02:00 на шкалі часу. Отже, почнемо цю анімацію з позначки 02:10, і вона триватиме дві секунди.

1. За допомогою позначки 02:10 додайте нову групу до панелі "Шари" над групою BG та назвіть її "Текст". Клацніть на екрані за допомогою інструмента "Текст" у тому місці, яке ви бажаєте почати додавати текст. Складіть текст відповідно до необхідності свого клієнта.
   
   Тепер почнемо. Створюючи шлях Безьє, додайте опорні точки над кожною буквою так, ніби ви пишете текст на екрані.
   
   
2. Виберіть графічний шар руки та інструмент Безьє. Помістіть першу опорну точку над кінчиком олівця. Потім перейдіть до тексту і почніть додавати опорні точки над текстом. Оскільки це кінець білої частини відео, додайте останню опорну точку трохи нижче останньої літери на екрані.
   
   
3. Виберіть інструмент "Вибрати / перетворити", щоб закінчити шлях і перейменувати новий шар шляху Безьє в "Bezier_Text". Перетягніть шар Bezier_Text під шаром Bezier_Logo у групі Hand.
   
   Тепер ми додамо ще одне поведінку Шляху руху до графічного шару Hand.
   
   
4. Виберіть графічний шар "Рука" та додайте поведінку "Шлях руху". Назвіть його Шлях руху 2.
   
   
5. Вибравши рівень поведінки Шлях руху 2, перейдіть до інспектора та встановіть форму геометрії. Зніміть прапорець Прикріпити до форми та перетягніть шар Bezier_Text у джерело форми.
   
   
6. Перемістіть Playhead до позначки 02:10 на шкалі часу. Перетягніть лівий край доріжки руху "Шлях 2" від початку шкали часу до позначки 02:10. Перетягніть правий край доріжки до позначки 04:10. Повторіть це для треку Bezier_Text.
   
   Тепер ми створимо маску.
   
   
7. Створіть дублікат шару Bezier_Text та перетягніть цей шар копії Bezier_Text у групу Текст та розмістіть його над шаром Текст. Вимкніть видимість початкового шару Bezier_Text.
   
   
8. З шаром копіювання Bezier_Text все ще вибрано, збільшуйте Ширину шляху, поки текст не буде приховано під маскою.
   
   
9. Додайте маску зображення до шару "Текст" та перетягніть шар копіювання Bezier_Text у новий шар Маски зображення.
   
   
10. На часовій шкалі перетягніть правий край доріжки Маска зображення до позначки 04:10.
    
    Тепер ми додамо Keyframes для анімації маски.
    
    
11. Поставте Playhead на позначку 02:10 і виберіть шар копіювання Bezier_Text. Перейдіть до інспектора (інспектор - форма - стиль - контур) і встановіть повзунок "Зсув останньої точки" на нуль. Додати ключовий кадр.
    
    
12. Перемістіть Playhead на позначку 04:10 і встановіть повзунок "Зсув останньої точки" назад на 100.
    
    Перевірте анімацію. Наше останнє завдання - зняти графічну графіку з екрану.
    
    
13. Якщо Playhead ще о 04:10, виберіть графічний шар Hand. У інспекторі (Inspector - Properties - Blending) додайте ключовий кадр, натиснувши на значок праворуч від повзунка Opacity. Перемістіть Playhead до 04:20 і зменшіть непрозорість до нуля.
    

← Назад

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


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

Відео Інструкція: Риг 2D персонажа скриптом DUIK и параллакс 3D слоев в After Effects - гость Александр Ботезату (Може 2024).