Создание анимированного размытия текста в After Effect.



Размытие текста в AE.

В этом уроке я опишу создание текста, как в этом ролике.

Это очень несложно с помощью программы After Effect.

Создаем новую композицию, и выставляем параметры как указано на скриншоте, или подставляем свои. В моём проекте разрешение 1920х1080, форма пикселя квадратная (Square Pixels), 25 кадров в секунду, и продолжительность 10 секунд

Создание и настройка новой композиции в After Effect

Создание и настройка новой композиции в After Effect

Далее выбираем инструмент «Текст».

Инструмент Text в After Effect

Инструмент Text в After Effect

Кликаем на окне просмотра и пишем слово, какое нам надо, в данном случае «Наводнение», подбираем шрифт, цвет (у меня еще добавлен эффект Gradient Ramp, но это не обязательно, и о нём поговорим позже)

Настройка текста в After Effect

Настройка текста в After Effect

Расположите текст в кадре, где желаете его видеть (например, по центру), изменять размер можно потянув за угловые маркеры с нажатой клавишей Shift (что бы не нарушить пропорции). Изменить  начертание шрифта, цвет и другие параметры можно в окне Character, если его нет, то можно открыть из главного меню Window -> Character. Основные параметры шрифта, которые можно менять указаны на скриншоте.

Анимация текста в After Effect.

Текст есть, теперь нужно его анимировать.

Сперва, нужно выбрать параметры, которые будут изменяться, – это масштаб (Scale), Непрозрачность (Opacity), Размытие (Blur). Все это по очереди выбираем из выпадающего меню Animate

Добавление параметров для текста

Добавление параметров для текста

Выставляем Scale=300, Opacity=0, Blur=100

Установка значений параметров текста

Установка значений параметров текста

При этом текст в окне просмотра исчезнет (потому что мы его сделали полностью прозрачным), если изменить параметр Opacity на побольше, можно увидеть что каждая буква увеличилась и стала размытой. Но нам нужно Opacity = 0, поэтому вернем как было на ноль.

Теперь нужно задать саму анимацию.

В открытом списке Animator1, открываем Range Selector

В параметрах Start и  End выставляем 0% и 100% соответственно

Анимировать будем только параметр Offcet, не забудьте включить кнопку анимации (значёк в виде часов, слева от Offcet ). Далее ставим ключи, у меня поставлены 4 ключа, у двух крайних параметр = -100, у двух внутри = 100. Чтобы установить ключевую точку, достаточно изменить параметр анимируемого действия, и ключ сам появится в месте где находится курсор времени (бегунок).

Установка ключевых точек анимации в After Effect

Установка ключевых точек анимации в After Effect

Если проиграть анимацию, то мы видим, что буквы размываются по порядку, а нужно вразброс! Поэтому идем дальше.

В списке Advanced выставляем нужные параметры, как показано на скриншоте ниже. Кстати удобно каждый раз смотреть, что происходит в окне просмотра, хотя бы понятно к чему какой параметр. Например, что бы действие было вразброс, нужно включить функцию Randomize Order на ON.

Дополнительные параметры анимации текста

Дополнительные параметры анимации текста

Установив правильно все параметры, получаем такой результат.

А в следующей статье по After Effect, я расскажу, как добавить волны и частицы как на примере в видео.

Ну вот и всё.





Буду благодарен если воспользуетесь этим блоком кнопок

Комментарии (6) на “Создание анимированного размытия текста в After Effect.”

  • Иван пишет:

    “Если проиграть анимацию, то мы видим, что буквы размываются по порядку, а нужно вразброс! Поэтому идем дальше.”
    - по Вашим настройкам в данный момент на экране при проигрывании ничего не видать. Что-то упустили видимо…

  • Евгений Буслаев пишет:

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

  • Алексей пишет:

    немогу неполучается раз 10 пробую пишу текст Danger Mouse и при анимирование offset появляется текст Danger Mou и при окончание работы только это и проигрывается.

  • Мария пишет:

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

    • Евгений Буслаев пишет:

      Вот вы не первая кто жалуется, даже не знаю, у одних это получается а у других наотрез нет! может дело в версии? я использую АЕ CS5

  • Мария пишет:

    У меня AE CS4.

Оставить комментарий

Поиск по блогу
Опросы

А ты нажал кнопку гугл+1?

Просмотреть результаты

Loading ... Loading ...
Подписка на обновления

Чтобы подписаться на обновления моего блога, введите ваш e-mail:

Архивы
статистика
Яндекс.Метрика