Прямая стрелка с бегущим пунктиром в программе After Effects
Урок по созданию простой стрелки с бегущим пунктиром в программе After Effects. Делаем основу для стрелки: 1) Создаем композицию. 2) Создаем шейп. Для этого пером рисуем прямую линию, убираем Fill, оставляем Stroke. 3) Устанавливаем толщину обводки и цвет, это будет толщина и цвет стрелки. 4) В свойствах шейпа выбираем параметр Dash. Нажимаем на + и выбираем размер штриха пунктира. Если мы еще раз нажмем на +, то появится параметр Gap (зазор, разрыв, пробел), которым регулируется расстояние между штрихами. 5) Выбираем вид пунктирной линии с помощью Line Cap. Анимируем стрелку: 1) Для анимации появления стрелки используем модификатор Trim Path. Предположим, стрелка будет появляться за 30 кадров. Начальные значения Start и End ставим на 0%. Анимируем параметр Start. Ставим ключевые кадры: 0 - 0% и через 30 кадров - 100%. 2) Анимируем пунктирную линию через параметр Offset у свойства Dash. В самом начале ставим первый ключевой кадр. Пусть пунктир бежит в течение 30 сек. На 30 сек. ставим второй ключевой кадр со значением -2500. Следить, чтобы направление появления стрелки совпадало с направлением движения пунктира. 3) Импортируем в проект наконечник стрелки, подгоняем по цвету и размеру под пунктирную линию. 4) У наконечника стрелки анимируем параметр Position. Ключевые кадры совпадают с ключами параметра Start пунктирной линии. 5) С помощью параметра Opacity делаем плавное появление наконечника стрелки. 6) F9 - выбираем интерполяцию ключевых кадров Bezier, чтобы сделать нелинейное движение при появлении стрелки. Для того, чтобы удобно было использовать стрелку в проектах, делаем рендер композиции со стрелкой с альфа-каналом.
Урок по созданию простой стрелки с бегущим пунктиром в программе After Effects. Делаем основу для стрелки: 1) Создаем композицию. 2) Создаем шейп. Для этого пером рисуем прямую линию, убираем Fill, оставляем Stroke. 3) Устанавливаем толщину обводки и цвет, это будет толщина и цвет стрелки. 4) В свойствах шейпа выбираем параметр Dash. Нажимаем на + и выбираем размер штриха пунктира. Если мы еще раз нажмем на +, то появится параметр Gap (зазор, разрыв, пробел), которым регулируется расстояние между штрихами. 5) Выбираем вид пунктирной линии с помощью Line Cap. Анимируем стрелку: 1) Для анимации появления стрелки используем модификатор Trim Path. Предположим, стрелка будет появляться за 30 кадров. Начальные значения Start и End ставим на 0%. Анимируем параметр Start. Ставим ключевые кадры: 0 - 0% и через 30 кадров - 100%. 2) Анимируем пунктирную линию через параметр Offset у свойства Dash. В самом начале ставим первый ключевой кадр. Пусть пунктир бежит в течение 30 сек. На 30 сек. ставим второй ключевой кадр со значением -2500. Следить, чтобы направление появления стрелки совпадало с направлением движения пунктира. 3) Импортируем в проект наконечник стрелки, подгоняем по цвету и размеру под пунктирную линию. 4) У наконечника стрелки анимируем параметр Position. Ключевые кадры совпадают с ключами параметра Start пунктирной линии. 5) С помощью параметра Opacity делаем плавное появление наконечника стрелки. 6) F9 - выбираем интерполяцию ключевых кадров Bezier, чтобы сделать нелинейное движение при появлении стрелки. Для того, чтобы удобно было использовать стрелку в проектах, делаем рендер композиции со стрелкой с альфа-каналом.