Анимация на доске - раскрытие маски

• May 16, 2024

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

Мы продублируем путь Безье, который мы нарисовали ранее, и превратим дубликат в маску поверх штриховой графики. Поскольку путь имеет тот же цвет, что и фон, он скрывает штриховой рисунок, пока мы не анимируем маску, чтобы показать штриховой рисунок.

1. Щелкните правой кнопкой мыши слой Bezier_Lineart, который мы нарисовали ранее (теперь под слоем Motion Path) и выберите Duplicate. Перетащите Bezier_Lineart копия слой в группу Lineart и поместите его над графическим слоем Lineart. Отключить видимость оригинал Слой пути Bezier_Lineart.
   
   
2. Некоторые из Lineart, вероятно, будут видны из-под Bezier_Lineart копия слой. Давайте расширим ширину пути от 10 до 30 (Инспектор - Форма - Стиль - Контур). Если вы все еще видите Lineart внизу, увеличивайте ширину, пока не сможете.
   
   
3. На панели «Слои» щелкните правой кнопкой мыши графический слой Lineart и выберите «Добавить маску изображения». Перетащите Bezier_Lineart копия слой в новый слой Маска изображения.
   
   
4. Видимость Безье_Лайнарт копия слой должен быть отключен. Переместите точку воспроизведения на первый кадр временной шкалы.
   
   Мы будем использовать два ключевых кадра и свойство смещения последней точки Bezier_Lineart копия слой, чтобы оживить маску изображения, чтобы показать штриховые рисунки.
   
   
5. С Безье_Лайнарт копия слой все еще выбран, перейдите в Инспектор - Форма - Стиль - Контур и переместите ползунок Смещение последней точки в ноль.
   
   
6. Щелкните значок «Добавить ключевой кадр» справа от ползунка «Смещение последней точки», чтобы добавить ключевой кадр в первый кадр временной шкалы.
   
   
7. Переместите точку воспроизведения в конец траектории движения, которую мы установили на 2 секунды на временной шкале (на отметке 02:00). Вернитесь в раздел Outline и переместите ползунок обратно на 100%. Это должно добавить второй ключевой кадр в позиции 2 секунды на временной шкале.
   
   
8. На временной шкале перетащите правый край слоя «Маска изображения» к отметке 02:00 на временной шкале.
   
   

Проверьте анимацию. Сохрани свою работу.

//www.mygrafico.com/

Видео инструкция: 5 ИЗВЕСТНЫХ ЛЮДЕЙ, ЧЬЯ ЛИЧНОСТЬ НАКОНЕЦ РАСКРЫТА! (May 2024).