Home




Делаем анимированный фон аватару (часть 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 ) влево.


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

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

Опубликовать в Twitter Написать в Facebook Поделиться ВКонтакте В Google Buzz Записать себе в LiveJournal Показать В Моем Мире В дневник на LI.RU Поделиться ссылкой на Я.ру

Яндекс.Метрика




© Green-Willow.ru. Копирование материалов разрешается только если указана ссылка на первоисточник!