Анимация доски - Рисование рисунка льва

• May 15, 2024

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

1. Выберите рисунок руки и вращайте руку, пока она не окажется в положении рисования на экране. Вы хотите, чтобы изображение находилось чуть ниже нижнего края экрана, чтобы конец рычага не был виден.
   
   В этот момент, когда вы выбираете изображение руки, точка привязки находится в центре руки. Эта точка привязки будет следовать по траектории движения, чтобы оживить руку / руку. Мы не хотим, чтобы середина руки двигалась по линии, а кончик карандаша. Итак, нам нужно, чтобы эта точка привязки была над кончиком карандаша.
   
   
2. С указателем воспроизведения в начале временной шкалы выберите рисунок «Рука» и инструмент «Точка привязки». Используйте синие и красные стрелки, чтобы переместить точку привязки на кончик карандаша.
   
   
3. Отключите видимость слоев Текст, Лицо, Цвет и Вызов. После того, как рука рисует линию, мы хотим, чтобы она немного сместилась вправо и сделала паузу, прежде чем снова начать рисовать. Поместите изображение руки в это место.
   
   
4. Выберите инструмент Безье. В HUD установите для инструмента «Бейзер» значение «Нулевая заливка», «Контур (обводка)» белого цвета (или цвета фона) и «Ширина» 10. С помощью инструмента «Безье» поместите первую опорную точку прямо на кончик карандаша. Затем нарисуйте путь вдоль контура львиной гривы. Продолжая рисовать тот же путь Безье, продолжайте рисовать путь вдоль контура лица. Теперь добавьте еще одну точку Безье на путь, где вы хотите, чтобы рука остановилась. В отличие от Illustrator, не пытайтесь закрыть путь.
   
   
5. Чтобы задать путь, выберите инструмент «Выбор / преобразование». Вы должны увидеть новый слой пути Безье на панели слоев. Вы не сможете увидеть путь на экране, потому что он белый, но он есть. Переименуйте слой пути Безье в «Bezier_Lineart», потому что это путь для этой части анимации. Перетащите слой Bezier_Lineart под графический слой Hand.
   
   
6. Выберите графический слой «Рука» и добавьте поведение «Путь движения» (Библиотека - Поведения - Основные движения - Путь движения). Вы должны увидеть прямой путь, прикрепленный к руке, начиная с кончика карандаша.
   
   
7. Выберите «Путь движения» на панели «Слои». В Инспекторе - Поведения - Путь движения - Форма контура установите для параметра Форма контура значение Геометрия. В этом же разделе Инспектора снимите флажок «Прикрепить к фигуре». Перетащите путь Bezier_Linear из его места на панели «Слои» в лунку «Источник фигур» в Инспекторе (небольшой прямоугольник в меню «Форма контура»).
   
   
8. Пока Playhead находится на первом кадре, проверьте анимацию. Если карандаш не следует непосредственно по пути, при необходимости внесите коррективы в опорную точку для руки.
   
   
9. Как только вы довольны анимацией, давайте работать над продолжительностью. Десять секунд слишком медленно. Выберите и Motion Path, и слои Bezier_Linear. Перетащите правый край обоих слоев примерно на 2 секунды (02:00) на временной шкале.
   
   

Сохрани свою работу.

//www.mygrafico.com/

Видео инструкция: Drawing Time #2// Ледоглазка // by Kate Murphy ♡ (May 2024).