Шаг 1:
Открываем программу Adobe PhotoShop и создаем новый документ File -> New... (Ctrl + N)


Шаг 2:
Выбираем инструмент Horizontal Type Tool (T), нажав на соответствующую кнопку на панели инструментов.

Задаем Шрифт в поле Set the font family и его размер. Пишем текст в рабочем окне, который будем анимировать.


Шаг 3:
К созданному слою с текстом применяем стиль Pattern Overlay... (Меню Layer -> Layer Style -> Pattern Overlay...)


Шаг 4:
В открывшемся окне выбираем нужный вам паттерн.



Шаг 5:
Для более красивого отображения надписи применим еще один стиль - Stroke... (Меню Layer -> Layer Style -> Stroke... ).





Подготовительная часть работы закончена.

Шаг 6:
Приступим к созданию анимации нашего текста, для этого нам необходимо перейти в программу Adobe ImageReady, нажав соответствующую кнопку на панели инструментов.


Шаг 7:
В программе Adobe ImageReady открываем плаваюшую панель анимации.


P.S. Если она у вас не активна, включаем ее - Menu Window -> Animation - ставим галочку.


Шаг 8:
Сразу определяем частоту задержки смены кадров нашей будущей анимации (Selects frame delay time) и настраиваем параметры воспроизведения - Selects looping options -> Forever


Шаг 9:
Добавляем новый кадр в анимацию, нажав кнопочку Duplicates current frame



Шаг 10:
Изменяем настройки стиля Pattern Overlay этого кадра анимации. Для этого кликаем по стилю Pattern Overlay на панели Layers.


В открывшемся окне изменяем параметр Scale, например, на 80%.


Шаг 11:
Можно посмотреть (протестировать) получившуюся анимацию на рабочем столе программы, нажав кнопку Play на панели Animation


Шаг 12:
Если вас все устроило в получившейся анимации, сохраняем ее в файл GIF - Menu File -> Save Optimized As... (Ctrl + Shift + Alt + S), предварительно настроив параметры файла GIF на плавающей панели Optimize (см. картинку ниже)