Как сделать вот такую анимацию?Сейчас сделаем.
Делаем новый слой Ctrl+Shift+N.Берём инструмент Перо и рисуем контур линии.
Выбираем мягкую кисть 5 пикселей,ставим нужный цвет.Снова выбираем Перо,жмём ПКМ и Выполнить обводку контура с Имитацией нажима.Затем ПКМ и Удалить контур.
Делаем(каждый раз на новом слое) по этому принципу нужное количество линий.
Переходим на палитру Каналы.Создаём новый канал,нажав на кнопку снизу справа.Затем берём градиент от белого к чёрному и заливаем канал.
Теперь ВНИМАНИЕ!!!Зажимаем Ctrl и кликаем по созданному каналу,переходим на слои,выделяем верхний и нажимаем на кнопку добавления маски-слоя.Эти действия повторяем для всех слоёв.Должно получиться вот так:
Теперь самое лёгкое и непонятное.
Удаляем связь всех слоёв и масок нажав на изображение цепей.
Теперь выделяем маску(именно маску,вокруг должна быть рамка видна) первого слоя и на нашем документе перетаскиваем(инструмент Перемещение) его влево.
Те же действия с остальными масками.На миниатюре видно,переместили Вы маску или нет.
Далее,выбираем верхний слой,открываем меню Окно-Анимация.Есть первый кадр,делаем второй.Перетаскиваем все маски на середину.
Следующий кадр и все маски вправо.
Переходим на первый кадр,создаём промежуточные кадры(нажав на кнопку).
Потом на второй и третий.
В появившемся окне выбираем Следующий кадр,потом ставим время задержки нужное и всё.Сохраняем как для Web и устройств.
.
