Итак, создайте новое изображение размером 88x31px. Разблокируйте фоновый слой, чтобы с ним можно было полноценно работать (для разблокирования дважды щелкните по имени слоя и в появившемся диалоговом окне нажмите Ok. Нажмите D, затем Alt+Backspace для заливки изображения черным цветом. Отключите видимость данного слоя, щелчком по глазу в палитре Layers, затем создайте новый и слой (Layer >New >Layer). С помощью инструмента Elliptical Marquee создайте выделение и заполните его градиентом в режиме Reflected.

Скройте и этот слой. Создайте новый, заполните его черными отключите видимость.
Теперь с помощью инструмента Type напечатайте какой-нибудь текст (Set anti-aliasing method установите как strong)

Удерживая клавишу Ctrl, щелкните по слою с текстом для загрузки его выделения, затем выполните команду Select >Modify >Expand и введите значение 1. Сделайте активным слой, расположенный ниже текстового и нажмите клавишу Delete для очистки пикселей внутри выделения.

Нажмите Ctrl+D и включите видимость всех слоев

Нажмите Ctrl+Shift+M для перехода к работе с Image Ready. Нетрудно заметить, что наш градиентный слой расположен между двумя черными, у одного из которых мы сделали очистку пикселей.

Итак, мы с вами будем работать с палитрой Animation и слоем с градиентом.

Отключите видимость слоя с градиентом, оставив видимым лишь черный цвет. Затем нажмите кнопку Duplicate Frame в палитре Animation и включите видимость градиентного слоя, снова дублируйте фрейм и с помощью инструмента Move переместите все тот же слой с градиентом вверх.

Используя данную технику, создайте анимацию, по завершении вернитесь к работе с Photoshop и выполните команду File >Safe for web для сохранения результатов вашей деятельности