Научимся создавать текст с переливами:

1

Создаем новый документ (Ctrl+N):

C помощью инстурмента Текст (type tool) пишем необходимый текст:

С помощью Стилей слоя (Layer > Layer Styles > Blending Options / Слой – Стиль слоя – Параметры наложения) или буковка f в палитре слоев - придайте вашему тексту вид,который вам нравится, я использовала вот такие настройки:

Палитра слоев у нас выглядит теперь вот так:

2
Создаем еще слои с другими цветами:

Далее необходимо скопировать слой - Ctrl+J и отредактировать стиль слоя - а именно - Наложение градиента:

Два раза щелкните на ваш градиент (Gradient), чтобы изменить его цвет, вы попадаете вот в такое меню:

Далее необходимо двойным щелчком по вашим ползункам настроить необходимые цвета, у меня это такие, если вы хотите настроить именно те,что у меня, то введите значение цвета в ваши окошки:

Аналогично создаем (Ctrl+J) еще третий слой с другими настройками цвета градиента:

Палитра слоев у нас имеет вот такой вид:

3
Создание анимации:

Идем в меню - Window - Animation (Окно - Анимация) и открываем палитру анимации, устанавливаем первым кадром видимость того слоя с которого хотим начать. У нас это самый нижний слой (первый) у него оставляем глазик видимости ,а у остальных отключаем:

Создаем следующий кадр, видимым ставим наш второй текстовый слой:

Далее нам необходимо их размножить , то есть создать промежуточные кадры:

Попадаем вот в такое меню, я поставила количество кадров - 5:

Теперь посмотрим как преобразовалась наше окошко анимации - он сделал переход от первого кадлра к последнему, меняя параметры видимости, проиграйте то, что у вас получилось, кнопочка play, посмотрите как происходит перемена цвета.

Опять нажимаем на кнопочку "новый кадр", делаем видимым наш третий текстовый слой, далее кнопочка "размножить" - сделали переход от второго текстового к нашему третьему.
далее аналогично делаем уже от третьего к нашему первому слою - новый кадр (видимость убираем у третьего слоя,ставим у первого), кнопочка "размножить", ок.

Можно последний кадр удалить, ведь он у нас есть в самом начале, так же при желании можно отключить фоновый слой, чтобы видны были только буквы и их переливы, чтобы убрать фоновый слой - выделите все кадры анимации и уберите глазок с фонового слоя.
У меня получилось всего 18 кадров анимации.

Чтобы сохранить вашу анимацию необходимо - File - Save for Web (Файл - СОхранить для Веб) - проверить расширение - gif - ОК.

Результат:

Автор: KrasotkaDJo