Одной движущейся пешеходной дорожки мне оказалось мало, и потому я решил продолжить этот урок тем, что сделаю фону продолжение.

Начнём с дороги.

Создаём новый слой и делаем выделение, как на картинке, прошу обратить внимание ширина должна ровняться ширине плиты:

Заливаем тёмно-серым цветом, я залил #585858;

Filter => Noise => Add Noise

Трансформируем дорогу, аналогично пешеходной дорожке.

Edit => Transform => Scew

Переключаемся на инструмент Blur (R)

Дублируем несколько раз слой с дорогой, прислоняя край к краю, чтобы в итоге получить такую «ленту»:

Слой с дорогой в каждом кадре двигаем по +3 клетки (т.е. 2-й кадр, на 3, 3-й кадр на 6, 4 на 9, 5-й на 12 и 6-й на 15 ) влево.

Теперь дублируем слой с тратуаром, не зря ещё в первом уроке я писал, что вам пригодится «длинная дорожка». Вот и пригодилась.

Edit => Transform => Free Transform

Меняем Width (Ширину) и Height (Высоту) на 70%

Слой с дорогой в каждом кадре двигаем по +2 клетки (т.е. 2-й кадр, на 2, 3-й кадр на 4, 4 на 6, 5-й на 8 и 6-й на 10 ) влево.

Вот собственно и всё.

Как послесловие хочу добавить, что с фоном можно не заморачиваться и сделать одной «лентой» фон сразу. Это без сомнения так, но если вам вдруг что-надо будет поменять то придётся менять весь фон, а не только дорогу или только тратуар.

Оригинал статьи здесь: как анимировать фон аватару