| Делаем анимированный фон аватару (часть 2) |
| Adobe Photoshop - Разное | |||
| Автор: Night_Pilgrim | |||
|
Одной движущейся пешеходной дорожки мне оказалось мало, и потому я решил продолжить этот урок тем, что сделаю фону продолжение. Начнём с дороги. Создаём новый слой и делаем выделение, как на картинке, прошу обратить внимание ширина должна ровняться ширине плиты: ![]() Заливаем тёмно-серым цветом, я залил #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 ) влево. ![]() Вот собственно и всё.
Как послесловие хочу добавить, что с фоном можно не заморачиваться и сделать одной «лентой» фон сразу. Это без сомнения так, но если вам вдруг что-надо будет поменять то придётся менять весь фон, а не только дорогу или только тратуар.
|









