Анимация снежинок: наложение снегопада на фото

В предыдущем уроке (часть 3) мы варьировали движение снежинок, создали слои со снегопадом с разной скоростью падения и подготовили фотографию, на которую будем накладывать анимацию.

Смотрите также часть 1 и часть 2 этого урока.

В этой части мы перенесём анимацию снега на фоновую фотографию, а также подгоним масштаб и высоту падения снежинок.

И самое главное - для придания снегопаду реалистичности и объёма, мы создадим несколько уровней снегопада, расположенных на разном удалении в перспективе.

Вот что должно получиться у нас в итоге:

анимация снегопада

Добавление снега на фотографию

Ранее мы преобразовали все слои анимации в один смарт-объект и назвали его "Snowfall". Откройте этот документ, в панели слоёв кликните по слою "Snowfall" и, как обычный слой, переместите его на фоновое изображение. Подробнее о перемещении изображений из одного документа в другой рассказывается здесь и здесь.

Линейный размер слоя анимации "Snowfall" больше, чем у фонового изображения, поэтому уменьшите масштаб отображения, активируйте инструмент "Свободное трансформирование" и, сохраняя пропорции (зажать Shift) уменьшите размер слоя "Snowfall" так, чтобы ширина этого слоя была немного больше, чем у фоновой картинки:

сжимаем линейный размер кадров анимации

Если Шкала времени (Timeline) ещё не открыта, откройте её (Окно --> Шкала времени или Window --> Timeline) и при необходимости нажмите на кнопку "создать шкалу времени для видео" (Create Video Timeline).

Установите маркер "Конец рабочего участка" на отметку 04:00F:

шкала времени анимации снега

Нажмите клавишу "Пробел", чтобы просмотреть полученную анимацию. Как упоминалось ранее, просчёт анимации программой Photoshop может занять определённое время. Вот что примерно должно получиться:

анимация снегопада процесс создания

Теперь давайте сделаем ещё один слой снегопада, расположенный на заднем плане композиции. Для этого сначала копируйте слой "Snowfall", назовём новый слой "Snowfall-1", а у исходного слоя "Snowfall" отключим видимость. Уменьшите размер слоя "Snowfall-1" инструментом "Свободное трансформирование" по горизонтали, по вертикали также уменьшите, но в большей степени, чтобы скорость падения снежинок на заднем плане была ниже. Т.к снегопад будет располагаться на заднем плане, на него действует закон перспективного уменьшения, а это значит, что верхняя граница падения снежинок будет ниже, а нижняя граница - выше. Чтобы изменить границы, добавьте к слою слой-маску, возьмите чёрную кисть и закрасьте края слоя:

слой-маска сжатия границ анимации снегопада

Вот как должна выглядеть анимация этого слоя:

анимация заднего плана снегопада

Сделаем слой снега между передним и задним планами. Копируйте слой "Snowfall" и включите видимость копии, переименуем копию в "Snowfall-2". Пропорционально уменьшите слой и сдвиньте его влево, как показано на рисунке:

39.jpg

Копируйте этот слой, отразите по горизонтали и сдвиньте вправо так, чтобы он касался левым краем исходного слоя:

трансформирование слоя со снегопадом

Сейчас у нас активен слой "Snowfall-2 копия". Зажмите Ctrl и кликните по слою "Snowfall-2" для его выделения, а, затем, нажмите Gtrl+G чтобы сгруппировать эти два слоя? я переименовал группу в "Medium".
Добавьте к группе слой-маску и обведите чёрной кистью края:

панель слоёв анимации снега

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

анимация среднего плана снегопада

Теперь создадим слой со снежинками, падающими непосредственно перед камерой. Для этого снова копируйте слой "Snowfall", переименуйте в "Snowfall big", активируйте инструмент "Свободное трансформирование" и сильно увеличьте слой:

увеличение снежинок, падающих перед камерой

Также можно добавить к слоям передних планов размытие по Гауссу.

С созданием слоёв всё. Но сейчас снежинки у нас чёрные, а вообще-то они вроде-как белые. Сейчас мы это исправим.
Включите видимость всех слоёв "Snowfall" и копий и группы "Medium", с помощью зажатой клавиши Ctrl выделите все эти слои и группу нажмите Crtl+G. Получится новая группа, в которой находятся все слои с анимацией.

Создайте над группой группе корректирующий слой "Инвертировать" (Inverse) и примените к нему обтравочную маску, чтобы корректирующий слой действовал только на слои в группе:

изменение цвета анимированных снежинок.

Вот что у нас получилось:

Анимация падающих снежинок

В следующем материале я расскажу, как сделать GIF-анимацию в Photoshop, оптимизировать её и уменьшить размер GIF-файла, а также, как изменить размер снежинок сразу на всех слоях анимации.

Помощь сайту

Понравился сайт? Уроки оказались полезными? Поддержите проект, переведите небольшую сумму на оплату серверов и чашечку кофе автору сайта! Спасибо.
Перейти на страницу помощи

Если Вам понравился материал, скажите свое "спасибо", поделитесь ссылками с друзьями в социальных сетях! Спасибо!

Похожие материалы:

Анимация текста с помощью обтравочной маски в Фотошоп
Вот какой результат мы получим по выполнению урока: Возьмём готовый фотошоповский файл PSD с текстом. Как делать стилизованный текст, рассказывается...
аватар
В этом уроке мы узнаем, как сделать аватарку с анимированным бегущим текстом из обычной картинки.   Открываем в Фотошопе любую исходную картинку. В...
В этой статье я расскажу о создании юзербара с помощью программы Фотошоп с анимацией логотипа и оригинальным, побуквенным, отличным от способа "...
Этот материал - продолжение статьи о создании 3D модели планеты Земля, где мы создали 3D-модель планеты, а здесь мы приступим конкретно к созданию...

Комментарии


Аватар пользователя Jorjorych
Автор комментария: Jorjorychот: 18/09/2016 - 11:37

Всё замечательно, разобрался! Спасибо огромное за урок(и). Буду частым посетителем сайта.