ZZGURU
Загрузка

Анимируем текст. Плавное появление и увеличение

Екатерина Гронь
0 комментарий

Всем привет! Давайте снова потренируемся создавать различную анимацию для появления текста. Мы уже делали много разных эффектов, но всегда полезно иметь дополнительные стрелы в колчане наших скиллов.

Сегодня попробуем сделать такую анимацию:

Создаём новую композицию с такими параметрами:

– разрешение FullHD (1920*1080);

– 30 кадров в секунду;

– продолжительность 5 секунд.

Затем вводим текст. Я выбрал контрастные шрифты. Верхний текст будет из тонких букв, нижний — из широких. На широких буквах анимация будет лучше смотреться, но здесь всё основывается исключительно на личном вкусе и предпочтениях.

Важно здесь то, что верхняя и нижняя строка написаны на отдельных слоях. То есть сначала мы пишем одно слово. Затем меняем инструмент на панели инструментов на другой и снова выбираем инструмент «Text» и пишем другое слово. Это нужно для того, чтобы мы могли добавлять разные анимации к каждому слову.

Давайте попробуем добавить анимацию. Для этого в списке слоёв нажмём на стрелку возле слоя с нижним текстом. Там мы увидим кнопку «Animate» (Анимировать). Нажмём на неё и в раскрывающемся списке выберем инструмент «Scale» (Масштаб).

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

Такое движение не часто видим, поэтому мы и воспользуемся им в своём проекте.

Давайте зададим начальное значение масштаба на «0%».

Давайте раскроем список «Range selector» (Инструмент диапазона) и Зададим «Start» (Начало) на «0%». И нажмём на значок секундомера, чтобы добавить ключевой кадр

Теперь сдвинем ползунок на таймлайне на отметку в ~2,5 секунды.

Сейчас добавим ключевой кадр, нажав на ромб слева от слова «Start» (Начало) и зададим значение «Start» (Начало) на 100%.

Уже есть какой-то результат. Давайте теперь его улучшим.

Выделите контрольные точки и нажмите клавишу F9 на клавиатуре. Выделить можно двумя способами. Зажимая клавишу SHIFT поочерёдно кликнуть на каждую точку на таймлайне или просто протянуть мышкой.

Нажатием клавиши F9 мы применили функцию Easy Ease которая добавляет плавное замедление. Давайте теперь сделаем анимацию менее плавной, с более отчётливыми изменениями.

Нажмите на кнопку Graph Editor (Редактор диаграмм), чтобы точнее настроить наше замедление.

И теперь просто сместим точки ближе к центру, чтобы замедление стало более резким.

В конце я ещё сместил ключевую точку на ~1,7 секунды, так как у меня мало букв и анимация была довольно медленной.

Давайте теперь анимируем верхний текст. Не будем делать ничего сверхсложного, просто добавим плавное движение вверх.

В списке слоёв выберем верхний текст и нажмём на клавиатуре клавишу «P», чтобы у слоя появился параметр положение.

Теперь нажмите на иконку секундомера слева от слова «Position» (Положение) и сдвинем на таймлайне контрольную точку примерно в 1 секунду, а затем сдвинем текст по шкале Y немного ниже:

Теперь выделите правую котрольную точку (только одну) и нажмите клавишу F9, чтобы применить эффект Easy Ease. Вместо ромба значок поменяется на песочные часы.

Теперь вы также можете зайти в раздел Graph Editor и сделать анимацию более резкой. Я задал такой график движения:

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

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

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

0 комментарий

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

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