Как обычно создаем простой юзербар:

Выбираем инструмент перо (Pen tool) и рисуем вот такой контур:

Выбираем инструмент кисть (Brush):

И ставим размер 1 пиксель:

Снова выбираем перо, жмем правой кнопкой на контур и выбираем выполнить обводку контура (Stroke path)

Инструмент кисть(Brush) и отмечаем галочку имитировать нажим (Simulate pressure):

Опять жмем правой по контуру и удаляем его:

Повторяем три (или сколько вам нужно) раз:

Переходим на вкладку каналы:

Создаем новый канал (создается точно также как и слой).

Выбираем инструмент градиент вот с такими настройками:

И заливаем созданный канал вот так:

Выделяем канал (жмем ctrl и левой кнопкой мыши по иконке канала, выделяется точно также как и слой) и добавляем слой-маску к каждой линии, при этом нужно каждый раз переходить на вкладку каналы и выделять канал альфа 1 заново:

Убираем связи у всех трех слоев, выделяем слой-маску и поочередно перемещаем их влево так что бы нарисованных линий не было видно. Дублируем кадр и перемещаем слой-маски вправо. Создаем промежуточные кадры. Вот результат: