Для начала откроем Фотошоп. Выбираем размер картинки(я выбрал 100х100). Применяем к фону Gradient Tool Linear tool. Я выбрал тёмные, некрасивые тона(чёрный и серый). Вот так у меня получилось:

Затем пишем текст. я написал Basket . К тексту применяем Blending Options (правой клавишей щелчок по слою с текстом и выбираем Blending Option). Затем жмем Stroke и настройки на ваш выбор

Далее создаём новый слой (Layer-New-Layer или комбинацией клавиш Shift+Ctrl+N), выбираем Brush Tool и рисуем вертикальную линию:

добавляем линии эффект свечения (правой клавишей щелчок по слою с линией и выбираем Blending Option, Outer Glow). Выбираем нужные параметры:

Вот что у меня получилось:

Переходим в Image Ready (Shift+Ctrl+M).
Открываем окно анимации (Window-Animation) В открывшемся окне, нажимаем Duplicated current frame 2 раза:

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

После этого выбираем Layer-Create Clipping Mask с выделенным слоем с линией (важно чтобы под слоем с линией был слой с текстом).

В окне анимации внизу нажимаем на кнопку Tween...там выбираем количествово кадров( чем больше кадров тем медленнее и плавнее будет двигаться линия.

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

чтобы сохранить анимацию в формате GIF надо выбрать File-Save Optimized As...

Вот результат нашего урока:

У кого есть вопросы, задавайте их тут.