Как обычно создаем простой юзербар:
Выбираем инструмент кисть (Brush):
И ставим размер 1 пиксель:
Снова выбираем перо, жмем правой кнопкой на контур и выбираем выполнить обводку контура (Stroke path)
Инструмент кисть(Brush) и отмечаем галочку имитировать нажим (Simulate pressure):
Опять жмем правой по контуру и удаляем его:
Повторяем три (или сколько вам нужно) раз:
Переходим на вкладку каналы:
Создаем новый канал (создается точно также как и слой). Выбираем инструмент градиент вот с такими настройками:
И заливаем созданный канал вот так:
Выделяем канал (жмем ctrl и левой кнопкой мыши по иконке канала, выделяется точно также как и слой) и добавляем слой-маску к каждой линии, при этом нужно каждый раз переходить на вкладку каналы и выделять канал альфа 1 заново:
Убираем связи у всех трех слоев, выделяем слой-маску и поочередно перемещаем их влево так что бы нарисованных линий не было видно. Дублируем кадр и перемещаем слой-маски вправо. Создаем промежуточные кадры. Вот результат: