Вы можете сделать ваш слой градиента в Фотошопе, Иллюстраторе, или другой графической программе, затем импортировать файл. Или:

Открываем After Effects
Создаем Композицию (Composition > New Composition...)
Назовите вашe композицию ramp, выберите Medium, 320x240, и установите продолжительность приблизительно в 10 секунд:

В вашей новой композиции создайте новый Solid (Layer > New > Solid...)

Назовите ваш Solid- ramp и нажмите Make Comp Size

Примените к ramp фильтр (Effect > Render > Ramp)
Ваш градиент должен выглядеть следующим образом:

Делаем слой, который будет разрушен:

Мы будем делать этот слой в After Effects, но вы его можете сделать в Фотошопе, Иллюстраторе, или другой графической программе, затем импортировать файл.

Создаем другую новую композицию (Composition > New > Composition...)
Назовем ее text, выберите Medium 320x240 снова, и нажмите Ok
В композиции text создайте новый Solid. (Layer > New > Solid...)
Назовите ваш Solid –text, и нажмите Make Comp Size, как сделали до этого. Нажмите Ок
К вашему text Solid примените Basic Text effect (Effect > Text > Basic Text){в новых версиях программы используются текстовые слои}
В окошке, которое откроется, напечатайте свой текст и нажмите Ok

Настройте параметры Basic Text, как показано на рисунке(постарайтесь заполнить экран, насколько это возможно).

Выглядеть должно примерно так:

Примечание переводчика. При использовании эффекта Basic Text могут возникнуть проблемы с отображением кириллицы. Поэтому рекомендуем использовать вместо этого эффекта текстовые слои. Для этого на панели инструментов найдите Text Tool, кликните в нужном месте окна композиции и напечатайте ваш текст. Либо можно воспользоваться командой меню Layer/New/Text Layer. Необходимость использовать эффект Basic Text возникает только в старых версиях АЕ.

Настраиваем композицию со взрывом

Создаем новую композицию (Composition > New Composition...)
Назовем ее shatter
Как и в двух предыдущих композициях Medium, 320x240, длительность 10 сек. Жмем Ok

Из окна Project переносим композицию text на таймлан композиции shatter( для лучшего результата также и anti-alias слой)

Применяем Shatter эффект:
Применяем shatter эффект к текстовому слою (Effect > Simulation > Shatter)
В окне Effect Controls измените в effects-shatter атрибут View c Wireframe + Forces на Rendered:

Нажимаем “0” на цифровой клавиатуре, наслаждаемся.

Взято Отсюда

Результат Автора

От переводчика: 1 Пункт с градиентом пропустил (он нужен будет в продолжении этого урока). Поменял в настройках эффекта shatter параметр shape c Bricks на Glass, смотрится эффектнее.

Результат переводчика: