Как придать штрихам стиль в After Effects

Штрихи - мощный инструмент в After Effects, позволяющий сделать ваши проекты динамичными и захватывающими, стильно оживляя линии. Существует множество способов создания штрихов в After Effects. В этом уроке вы узнаете, как создать три креативных и легко адаптируемых стиля обводки.

3 креативных способа улучшить свои удары

1. Создайте анимированную пунктирную линию

2. Создайте неоновый штрих

3. Создание штриха, нарисованного от руки

3 креативных способа улучшить свои удары

1. Создайте анимированную пунктирную линию

Представьте себе анимированную карту с пунктирной линией, перемещающейся из точки А в точку Б. Пунктирная линия довольно проста в создании, но может быть сложной в анимировании. Для начала давайте поработаем с композицией 1920×1080 и нарисуем путь между двумя точками на карте. Эти две точки могут быть любыми: фигурами, изображениями или чем угодно.

Шаг 1: Нарисуйте контур

1.Не выделяя слоя, с помощью инструмента "Перо" нарисуйте на карте контур между двумя точками.

2.Переименуйте новый слой с фигурой, например, в "Path".

3.Внутри слоя с контуром удалите заливку и откройте настройки "Обводка".

4.Отрегулируйте цвет и ширину обводки по своему вкусу.

Шаг 2: Настройте параметры штриха

1.В нижней части параметров обводки находится функция "Тире" с кнопками "плюс" и "минус". Если вы нажмете плюс, это создаст тире по умолчанию: 10 пикселей в длину и промежуток длиной 10 пикселей. Увеличивая значение штриха, вы увеличиваете и длину штриха, и промежуток. При повторном нажатии на плюс вы получите отдельную настройку для промежутка.

2.Продолжайте нажимать на кнопку "плюс", чтобы получить все новые и новые настройки тире и промежутка. After Effects будет просто перебирать их для длины штриха.

3.Попробуйте использовать значение Dash (Штрих) 50 и промежуток 30.

4.Добавьте Trim Paths к слою с контурами.

5.Установите ключевой кадр для конца на кадре 0 со значением 0 и на кадре 60 со значением 100.

6.Добавьте ключевой кадр для начала на кадре 45 со значением 0 и на кадре 105 со значением 100.

7.Облегчите все ключевые кадры.

Шаг 3: Использование альфа-мата

Когда вы посмотрите на эту анимацию, вы увидите, что она прекрасно анимируется при включении, но странно анимируется при выключении. Весь штрих смещается, что не является идеальным. Самый простой способ решить эту проблему - использовать альфа-матовый слой.

1.Продублируйте слой с контуром и назовите новый слой Path Matte.

2.Удалите все штрихи с матового слоя контура с помощью кнопки "Минус".

3.На слое с оригинальным контуром удалите слой Trim Paths и убедитесь, что он находится ниже матового контура в стеке слоев.

4.Установите матовость контура на Alpha Matte. Это позволит ему анимироваться, а штрихи останутся неподвижными.

2. Создайте неоновый штрих

Далее, как насчет неоновой лампочки с лучами света, которые анимируются при включении и выключении? Это еще один отличный вариант использования обводки в After Effects, который можно применить в самых разных проектах.

Шаг 1: Создайте лампочку и добавьте внутреннее свечение

1.Возьмите бесплатное изображение лампочки или создайте его самостоятельно в Illustrator. Или примените эту технику к другому изображению - решать вам!

2.Установите ширину обводки контура на 20 и раскрасьте его по своему вкусу.

3.При выборе цвета склоняйтесь к ярким, менее насыщенным цветам, так как это будет цвет "сердцевины" неона.

4.Выбрав контур, перейдите в меню Layer > Layer Styles > Inner Glow (Слой > Стили слоя > Внутреннее свечение).

5.В настройках Inner Glow измените режим наложения на Multiply, Opacity на 100%, Choke на 3%, Size на 10 и Range на 25%. Или настройте так, как считаете нужным.

6.Измените цвет на более темный и насыщенный.

7.Это завершит неоновый образ. Если вы работаете с разными по ширине штрихами, то вам нужно будет изменить настройки.

Шаг 2: Зацикливание анимации "Включение/выключение" линии

1.Добавьте к неоновому слою обрезку контуров.

2.Установите ключевой кадр End со значением 50% на кадре 0.

3.Перейдите к кадру 20 и установите значение End на 100 %.

4.Пройдите еще 20 кадров и снова установите значение 50%.

5.Щелкните правой кнопкой мыши на ключевом кадре и выберите Toggle Hold Keyframe.

6.Option + щелкните на секундомере у End, чтобы вызвать меню Expression.

7.Щелкните на стрелке с кружком вокруг нее и перейдите в Property > loopOutDuration.

8.Это избавит вас от необходимости постоянно добавлять ключевые кадры каждые 20 кадров. Итак, теперь анимация "включения/выключения" готова. Осталось только добавить темную, не освещенную версию неоновой трубки.

Шаг 3: Добавьте темные, "неосвещенные" лучи в штрих

1.Продублируйте неоновый слой и перетащите его ниже оригинального.

2.Переименуйте его во что-то вроде "Темный неон". На слое с темным неоном удалите обтравочные контуры.

3.Измените цвет обводки на темно-серый.

4,Затем откройте слой "Внутреннее свечение" и также измените его цвет на темно-серый.

5.Теперь у вас будет темная версия неоновой трубки без подсветки, когда она включена только наполовину.

3. Создание нарисованного от руки штриха

В качестве последнего штриха, как насчет чернильного, нарисованного от руки эффекта с некоторым затенением? Это отлично подойдет в качестве завершающего штриха для решения логотипа.

Шаг 1: Нарисуйте контур

1.Не выделяя слоев, с помощью инструмента "Перо" нарисуйте контур.

2.Переименуйте слой с новой фигурой в "Линия".

3.Внутри слоя с линией удалите заливку.

4.Установите ширину обводки на 30, крышку линии - на круглую, а цвет - на любой другой.

5.Добавьте к слою с линией обрезку контура.

Шаг 2: Анимируйте контур

1.В кадре 0 установите ключевой кадр для конца Trim Paths со значением 0%, а в кадре 25 - со значением 100%.

2.На кадре 7 установите для контуров обрезки значение начала со значением 0%, а на кадре 28 - со значением 100%.

3.Легко облегчите ключевые кадры End и первый ключевой кадр Start. Теперь обводка анимируется при включении и выключении.

Шаг 3: Придание контуру вида нарисованного от руки

1.Выбрав слой с линией, перейдите в меню Effect > Stylize > Roughen Edges.

2.В настройках Roughen Edges измените Border на 30 и Scale на 300.

Option + кликните на секундомере у Evolution и введите выражение "time*300".

3.Выбрав слой с линией, перейдите в меню Слой > Стили слоя > Внутренняя тень.

4.В настройках Внутренней тени установите Непрозрачность на 25% и Расстояние на 12. Это завершает работу.

Вот и все! Три совершенно уникальных стиля, три совершенно уникальных вида, которые можно создать с помощью штрихов в After Effects . Штрихи - один из самых универсальных инструментов в After Effects. Ознакомившись с этими тремя отдельными стилями, вы получите основу инструментов для их применения в самых разных проектах.