December 14, 2022

Дождь и снегопад своими руками

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

Особенность этой задачи в том, чтобы зациклить анимацию: когда дед-мороз в санях выезжает за край изображения, а потом появляется с другой стороны — это нормально. Но снегом или каплями картинка должна быть заполнена постоянно, чтобы выглядело естественно.
Как тут быть, вручную отрисовать фон для каждого кадра?

Потребуется всего три шага, чтобы добавить в проект анимированный дождик или снежок, искры, россыпи конфетти.

  • — А взять готовый мини-ролик?
    — Не всегда вариант. Найти хорошую анимацию, нужного типоразмера - на поиски уйдет не меньше времени, чем смонтировать свой, такой как хочется. Да зачастую они еще и тяжеленные, сторонние файлы, по сотне слоев, потому что делаются в 3d, выводятся как видео, а потом уж в гиф перегоняются.

1. Заранее подготовьте футаж — картинку с крапинками, звездочками и тп: сделайте сами любым из десятков способов или скачайте готовый.

2. Подгоните размер — по ширине изображение должно соответствовать проекту, а по высоте быть втрое большим (или наоборот, если блестки должны лететь вбок). Например, если высота проекта 300рх, то желательно иметь футаж 900рх по вертикали.

3. Откройте в ФШ картинку, на которую хотите наложить движущийся слой.

4. Включите режим анимации (Окна -> Шкала времени).
На шкале окажется единственный кадр с исходным изображением.

кликабельно

5. Захватите футаж и перетащите в проект поверх остальных слоев, позиционируя его по нижнему краю изображения:

6. На таймлайне сделайте дубль имеющегося там кадра (+).

7. Теперь произведите в этом кадре перемещение слоя со снежинками вниз (обычным «moovе tool»),  чтобы скрытый верхний край слоя пришелся вровень с верхним срезом изображения.

Готово, можно запускать «мультик»:

Примечание:
в принципе достаточно футажа по высоте лишь вдвое большего чем картинка-подложка. Но тогда паттерны рисованного «снегопада» будут повторяться слишком заметно.
Для большей плавности следует применить операцию «вставить промежуточные кадры»  (как описано в предыдущих выпусках).


Прежде чем браться за изобретение велосипеда, проконсультировалась с предшественниками, гугл в помощь. В текстовом виде ситуация удручающая —  путанные, невнятные рекомендации, а то и прямо ошибочные.

_0Sneg_002.png

Половинчатое решение приводит вот к такому результату:

Для компенсации интервала предлагают совсем уж несусветные замороченные методы.
У меня тоже не сразу получилось в три клика. Пришлось повозиться.

Что еще отметила — мануалы в основном старые, трех-пятилетней давности, а то и больше, многократно (часто с потерями) перекопированные друг у друга.
Похоже все переехали на ютуб и прочие видео-каналы.
Выше моих сил пересматривать те же простыни текста, протяжно зачитываемые авторами, обстоятельно расположившимися в своих «студиях» (каждый начинает с развесистого вступления, как он дошел до жизни такой идеи записать этот материал, и что в планах на будущее, повторяя приветственное слово из выпуска в выпуск); если в печатном виде заголовок слабо отражает содержание поста, так его прокрутить легко (напр, вместо заявленной анимации - перечисление способов рисовать пятнышки и крапинки), ролик же перематывать не удобно, нужное, если и есть, все равно пропустишь.
Само собой, авторы — волонтеры интернет-просвещения имеют право развлекаться как нравится им.
Я лишь сожалею, что сетевые тренды приводят к тому, что огромное количество усилий пропадает зря, а информация остается недоступной, затерявшись  где-то внутри пространных видеозаписей.
Тогда как в текстах индексируется внутреннее содержание, а не только заголовки.

Но есть и польза, основательно освоила фотошопный инструментарий покадровой анимации, пока разбиралась с многочисленными «ну почему ж оно не работает!?»