Анимация рукописного текста | ZZ Guru

Анимация рукописного текста

Всем привет! Сегодня мы с вами посмотрим как сделать анимированное написание текста. Урок очень простой, поэтому мы добавим дополнительные цвета, чтобы графика выглядела ещё интересней!

987722847e60036c2b548 2

Открываем Adobe After Effects и приступим!

Для начала создаём новую композицию с разрешением Full HD.

6fcd98f3ac2b592a2767a 3

Далее с помощью инструмента Text (Текст) пишем слово, которое мы будем анимировать.

30bd86d7f945e44eb85bc 4

Чтобы разместить текст по центру, откройте раздел Allign (Выровнять) и нажмите кнопки выравнивания по горизонтали и выравнивания по вертикали.

728c37a995aced3b2d8b3 5

Затем выбираем инструмент Перо и рисуем линию по которой текст будет появляться.

eb2917b6518a64cd28730 6

Рисовать очень точную маску не обязательно, нам главное задать примерные направления движения и чтобы они находились внутри букв.

Теперь нам нужно применить эффект Stroke.

63c232c7d2c61c9b9a890 7

Затем в параметрах Обводки выберите размер кисти такой, чтобы он полностью закрывал наш текст. И в стиле раскраски выберите «Показать исходное изображение»

eb13bd168d3bdae548de1 8
02c83fabfdf9c4b1bbf23 9

И теперь нам осталось анимировать сам движение. Для этого выкручиваем параметр End (Конец) в 0% и ставим контрольную точку (нажимаем на секундомер возле кнопки End).

a94ddb8afd6776bf169b0 10

У нас уже получилась неплохая анимация. Но всегда можно сделать что-то ещё лучше. Тем более, что это нетрудно:)

Давайте добавим цвета, чтобы анимация выглядела более живой.

Сначала преобразуем в композицию то, что мы уже сделали. Для этого выделите проект и переместите его на кнопку «Создать новую композицию»

228ad24e53a999e21c5ba 11

Затем давайте создадим копии этих композиций. Для этого выделите композицию в списке слоёв и нажмите комбинацию клавиш CTRL+D на клавиатуре.

a7efc6b596acde9096fc3 12

Теперь у нас есть три одинаковые анимации. Нам нужно сместить верхнюю композицию на 2 кадра и среднюю на 1 кадр. У нас появится три одинаковых анимации, которые стартуют друг за другом через 1 кадр.

d8cdad48ac9eda5d3e93f 13

Теперь нам нужно изменить цвета. Выделите нижнюю композицию и примените на ней эффект Fill (Заливка).

47dcd8a8ac0eea3051981 14

В меню управления цветом вы можете задать нужный вам цвет

e37435268bfdee2495ef2 15

Теперь примените эффект Fill на средний слой и задайте ещё какой-либо цвет.

a2bd74d856078b44d430d 16

Теперь наш текст будет проявляться из двух цветов.

789050985c2a2bdbd698a 17

Легко? В этом и прелесть After Effects. Можно создать крутую анимацию за короткое время. Вы можете сохранить этот проект и в дальнейшем просто менять текст на нужный и использовать его в разных работах, без необходимости повторять все шаги.

На этом у меня все. До скорого!

Подписывайтесь на канал Видеогуру, чтоб не пропускать новые интересные уроки.

Космическая ретушь
0 комментарий

Похожие статьи

0 комментариев
Межтекстовые Отзывы
Посмотреть все комментарии