Анімація снігу в photoshop

Накласти реалістичний падаючий сніг на фотографію - вельми важке завдання в Photoshop, а анімація сніжинок ще більш ускладнює завдання.

Але в цьому уроці я розповім про досить простому способі анімації снігу, виконати який можна в версіях Photoshop CS6 і вище. Падіння сніжинок буде розташовано на кількох рівнях в перспективі, і сніг буде виглядати дуже реально.

Крім того, застосування даного алгоритму накладення падаючого снігу додає фотографії певний ефект 3D-зображення.

Подивіться на готове зображення GIF:

Частина 1. Створення сніжинок для анімації

Створюємо в Photoshop новий документ розміром 800 на 800 пікселів на білому тлі.

Візьміть інструмент "Пензель" (Brush Tool), задайте жорсткість (Hardness) 100% і встановіть невеликий діаметр відбитка, щось близько 4-х пікселів? колір - чорний # 000000.

Створіть новий шар в документі (Ctrl + Shift + Alt + N), на цьому шарі поставте чорні точки, розташовані рівномірно по полотну, намагайтеся уникати скупчення точок в одній області. Кожна точка в подальшому буде сніжинкою, заодно і перейменуйте цей шар в "Snowflakes", що перекладається з буржуйського як "Сніжинки".

Ось що у Вас має приблизно вийти:

Частина 2. Підготовка сніжинок для анімації

Перш, ніж приступити до реалізації анімації, важливо уточнити, яка траєкторія падіння сніжинок, тобто яким шляхом сніжинки будуть падати на нашому полотні.

У природі сніжинки не падають з неба вниз по прямій, як краплі дощу, а ще й планують з боку в бік:

Відповідно, нам треба анімувати не тільки просто падіння вниз, але падіння з одночасним переміщенням з одного боку в бік.

Ми почнемо створення анімації з анімації руху з боку в бік.

Отже, після переходу по вкладці Вікно -> Шкала часу відкривається фотошоповкій варіант панелі таймлайна, за замовчуванням, вона виглядає так:

Тепер, коли шкала часу створена, а це фіолетова смуга на панелі, Ви можете змінити її масштаб відображення за допомогою повзунка внизу, це нам знадобиться для зручного встановлення тимчасових маркерів:

Т.к на панелі шарів у нас, крім фонового, є всього один шар "Snowflakes", то його Ви можете спостерігати і на таймлайн.
Потім клікніть по трикутнички зліва від назви шару, Вам відкриються три нові рядки.
Переконайтеся, що повзунок покажчика відтворення у Вас знаходиться в лівій частині шкали і клікніть по значку секундоміра, розташованому зліва від слова "Позиція" (Position). Ця дія автоматично вставить маркер ключового кадру на першому кадрі нашої майбутньої анімації:

Для зручності створення рух сніжинок, поставте на документі горизонтальні напрямні. Збільште масштаб відображення документа, поставте одну направляючу в центрі сніжинки, а дві інші на однаковій відстані від неї, щоб поставити напрямні на однаковій відстані, включите лінійки (Ctrl + R):

Частина 3. Анімація сніжинок по горизонталі

На даний момент ми маємо один ключовий кадр анімації, який є її початком. Наведіть курсор відтворення на одну секунду (значення 01: 00f) на шкалі часу, потім візьміть інструмент "Переміщення" (Move Tool), затисніть клавішу Shift, щоб сніжинка рухалася строго по горизонталі, і перетягніть сніжинку вліво на ліву напрямну. Коли Ви закінчите перетягувати, на покажчики відтворення автоматично з'явиться маркер, на малюнку я його обвів зеленим кружком:

На шкалі часу перетягніть повзунок покажчика відтворення на третю секунду (03: 00f). Сніжинку в документі, затиснувши Shift, перетягніть на праву напрямну. На шкалі часу з'явиться ще один маркер ключового кадру:

І, нарешті, перетягніть покажчик відтворення на позначку чотири секунди (03: 00f), а сніжинку назад на середній рівень:

тому наша анімація буде відтворюється чотири секунди, потрібно встановити її кінець на цій позначці. Перетягніть праву сторону смуги відтворення до покажчика відтворення, який в даний момент знаходиться на позначці часу 04: 00f:

Тепер необхідно зробити цикл відтворення, щоб горизонтальний рух сніжинок з боку в бік повторювалося безліч разів. Для цього клікніть по значку, розташованому у верхньому правому кутку шкали часу і виберіть рядок "Цикл відтворення" (Loop Playback):

Анімація рухів з боку в бік готова. Для того, щоб її побачити, натисніть клавішу клавіатури "Пропуск". У Вас повинно вийти щось на зразок цього:

Але, якщо уважно подивитися на рух сніжинок, то можна помітити, що при зміні руху з боку в бік виходить вельми різкий перехід, що в реалі бути не повинно. Зараз ми спробуємо це виправити.

Збільште масштаб відображення документа. Перетягніть покажчик відтворення до позначки однієї секунди (01: 00f), як показано на малюнку нижче, у мене це 20-ий кадр, відповідно, сніжинка пододвінет до направляючої:

При активному інструменті "Переміщення" (Move Tool) підсуньте сніжинку ближче до направляючої натисканнями клавіатурній клавіші "стрілка вліво", при цьому на шкалі з'явитися маркер:

Перетягніть покажчик відтворення за позначку 01: 00f і також перетягніть сніжинку вліво ближче до направляючої:

Повторіть ці дії біля позначки три секунди (03: 00f), тільки, на цей раз, підсувається сніжинку вправо:

Тепер зміна напрямку руху снігу стала плавніше, швидкість руху сніжинок сповільнюється при наближенні до крайніх точок:

Тепер ми повинні проконтролювати, щоб в процесі анімації жодна з сніжинок не виходила за край полотна. Якщо сніжинки виходять за поле полотна, у мене таких три, видаліть їх інструментом "Гумка" (Eraser Tool):

У наступному матеріалі ми займемося вертикальної анімацією снігу.