[уроки начинающим] Как нарисовать анимированный снег в Adobe Photoshop

Способов существует несколько, разной степени сложности. Например, можно покадрово использовать фильтр Offset, или нарисовать слой, размером превышающий фон, и выполнять его перемещение от одного ключевого кадра до другого. Но мы остановимся на более рациональном и удобном способе, способе, заключающимся в модификации стиля слоя. Но прежде, чем приступить к оной, нам надо кое-что сделать. А именно -- нарисовать шаблон. Рисовать можно от руки, например, выбрав в качестве шаблона кисти рисунок снежинки, а можно использовать более простой способ, посредством интерполяции шума.
Как это делается:
1. Создаем новый слой поверх нашего фона (жмем Shift+F5 и выбираем какой-нибудь фон) и применяем фильтр Noise со следующими настройками

Прикреплённая картинка

2. Полученный шум интерполируем Гауссовским фильтром с радиусом 0.8 - 1.2. Должно получится что-то подобное

Прикреплённая картинка

3. Изображение все еще не напоминает снег. Потому что в нем слишком много градаций серого. Как от этого избавиться? Очень просто, настройкой уровней

Прикреплённая картинка

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

Прикреплённая картинка

4. Последний шаг, косметический. Шаблон создан, но он имеет один недостаток: по краям видны четкие стыки. Что бы от них избавиться, вы можете воспользоваться ластиком, что бы удалить снежинки на стыках, либо можете кистью дорисовать срезанные снежинки, либо можете заполнить стыки шаблоном, посредством инструмента "Clone Stamp Tool".


Итак, снег готов, теперь его можно превратить в шаблон для дальнейшего использования в стиле слоя. Для этого, заходим в меню Edit и выбираем "Define Pattern...". После этого слой нам больше не нужен.

Переходим к анимации.

5. Создаем новый слой, снова жмем Shift+F5 (или Edit -> Fill...), выбираем какой-нибудь фон, и заходим в свойства наложения слоя. В появившемся окне выбираем "Pattern Overlay". В списке шаблонов находим наш снег, и выбираем его. Метод наложения выбираем Screen.

Прикреплённая картинка

6. Все хорошо, но нам не видно фоновую картинку. Что делать? Правильно, убрать заливку. Для этого в поле Fill нашего слоя со снегом вводим "0". Должна получится подобная картинка

Прикреплённая картинка

7. Теперь все готово для анимации. Открываем окошко анимации (Window -> Animation) и выбираем наш слой со снегом. Раскрываем его и выбираем условие Style. Photoshop автоматически создаст первый ключевой кадр, окошко анимации примет следующий вид

Прикреплённая картинка

8. Перемещаем ограничитель временной шкалы на 3-4 секунды, и на то же время перемещаем курсор. И тут наступает очень ответственный момент, так как ошибка будет вам стоить повторения шага с нуля. Открываем свойства наложения слоя со снегом, выбираем закладку с Pattern Overlay. Теперь у нас есть возможность сдвигать шаблон на изображении. Воспользуемся этим, и удерживая Shift (что бы линия оставалась ровной) аккуратно 2-4 раза циклично перемещаем шаблон в направлении сверху-вниз (или по диагонали, но тут легче ошибиться). Очень важно, что бы результат последнего цикла сдвига был или близок, или в точности совпадал с начальным сдвигом шаблона, иначе анимация не будет плавной.
Жмем OK и вуаля, у нас готова анимация!

Жмем Ctrl+Shift+Alt+S, выбираем количество циклов Forever и сохраняем.

Результат (~3.5 МБ)

спасиб
ща буду пробовать такое реализовать

Вот спасибо!

Самоудовлетворение помешавшихся?

А в жымпе?

А как в "жымпе", пусть напишут те, кто с ним работает

Я работаю в гимпе, но пока еще не разобрался. Буду курить маны.

Еще бы урок по тому, как сделать анимированный эффект постепенного оледенения!

Цитата AZote @ 15.12.10, 11:58

Еще бы урок по тому, как сделать анимированный эффект постепенного оледенения!

Монитор в морозилку - и втыкай через щелочку

Цитата AZote @ 15.12.10, 11:58

Еще бы урок по тому, как сделать анимированный эффект постепенного оледенения!

А примерчик можно?

Цитата B.V. @ 15.12.10, 12:10

А примерчик можно?

Нуу... в принципе Астарот уже привел примерчик. Можно еще в пример привести окно на улицу в морозный день... Правда я никогда не пытался даже пронаблюдать за этим столь долгим процессом!
Ещё в фильмах, бывало, показывали... Только названия не припомнить.
Ну а реального примера у меня, в том-то и дело, нема...

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

Цитата AZote @ 15.12.10, 11:58

Еще бы урок по тому, как сделать анимированный эффект постепенного оледенения!

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

Цитата

и втыкай через щелочку

ті смотри ))ща как запощу щолочку

Сообщение отредактировано: Besha - 15.12.10, 17:04

Билсо билсо.... не получаетсо, максимум что получилось создать шум на картинке (не на слое) и размыть его по гауссу и уровни черного выставить это все дальше дело не пошло полезли ошибки и все такое
я наверно тупой

B.V.а можешь для особо одаренных видео снять как ты делаешь(или более подробно расписать куда нажимать), а то много непонятных моментов вылезает....например

Цитата B.V. @ 14.12.10, 22:08

Создаем новый слой поверх нашего фона (жмем Shift+F5 и выбираем какой-нибудь фон) и применяем фильтр Noise со следующими настройками

к фону это должно применяется или к слою.... к слою если че не применяется... с анимацией ваще запутался....вообщем полный абзац
эх сибирский я валенок

Сообщение отредактировано: Besha - 15.12.10, 19:45

Цитата Besha @ 15.12.10, 19:34

к слою если че не применяется...

А ты залил слой перед применением?

Цитата Besha @ 15.12.10, 19:34

с анимацией ваще запутался

Где конкретно?

А как это все в Кореле проделать?

гимп?

B.V.усе ))) разобрался со всем ))) усе получилось еще раз спасиб за урок )) твоим меотдом гороздо легче и быстрее делать снег по сравнению с тем, что я делал
вот результат.... над аватаркой супа глумилсо... попалась мне по руку

Besha, не хватает гололеда и песка с солью

Беша, было бы прикольней если б снег насыпал сугроб на шапку, постепенно засыпая ее. Потом порыв ветра закручивающий летящий снег и уносящий наваленный сугроб. Потом все сначала.
Могёшь?

arj99, не такое наверно еще не осилю (порыв ветра сметающий снег не могу придумать как сделать ) )) вот другое придумал

Сообщение отредактировано: Besha - 16.12.10, 19:51

Цитата Besha @ 16.12.10, 16:46

твоим меотдом гороздо легче и быстрее делать

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

фигня! А кто может с порывом ветра?

Цитата Besha @ 16.12.10, 19:46

порыв ветра сметающий снег не могу придумать как сделать

А че там придумывать: порыв ветра показывается завихрением снега, мультиков шоль не смотрел никогда.

B.V. а для руссифицированного фотошопа как делать скажи пожалуйста(полностью перевёл всё что ты делал и не получается )

Цитата Gena_96 @ 18.12.10, 09:59

полностью перевёл всё что ты делал и не получается

На каком шаге не получается?

У меня анимация не получается. Готовый файл высвечивается как gif а картинка не меняется.

А в самом Фотошопе анимация работает? Присутствуют два ключевых кадра?

Цитата Gena_96 @ 18.12.10, 10:09

Готовый файл высвечивается как gif а картинка не меняется.

а ты как его сохранял? нужно как для веб устройств...(правда не знаю как в русской версии точно этот пункт называется)

B.V. я понял что у меня не получилось- это вставить 2 картинки, я полученный шум не сохранял как какой нибудь файл а сохранил как узор и поэтому я к своей аватаре прикрепил узор а не картинку и поэтому на шкале анимации у меня только одна шкала а не 2.
[attach=#0][/attach]
<повтор удален> (прим. модератора)

Сообщение отредактировано: medved_68 - 18.12.10, 16:32

И все таки как это в кореле делать? или таки придется фотожоп покупать?

"Покупать"... Ужасное слово...

Цитата Paul_K @ 18.12.10, 20:55

И все таки как это в кореле делать?

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

Цитата Paul_K @ 18.12.10, 20:55

или таки придется фотожоп покупать?

у фотошопа есть 30 дневный деморежим... успеешь за 30 дней аватарку подновогодить?

Сообщение отредактировано: Besha - 19.12.10, 09:24

Цитата Besha @ 19.12.10, 09:20

у фотошопа есть 30 дневный деморежим... успеешь за 30 дней аватарку подновогодить?

На следующий год новогодить - не хватит

B.V. а можно в этой теме я свой нехитрый способ работы в фотошоп выложу который я в интернете нашел или мне надо новую тему создавать для этого?(я просто не знаю как быть и поэтому на всякий случай спрашиваю)

Цитата Besha @ 19.12.10, 09:20

у фотошопа есть 30 дневный деморежим... успеешь за 30 дней аватарку подновогодить?

Так если вхлубь копать то чего-то одного. А корел у меня как никак одна лицензия есть...

Добавлено 20.12.10, 16:43
Besha Да как анимацию разложить эт я разберусь. А вот как сам снех сделать от тут непонятки

Цитата Paul_K @ 20.12.10, 16:42

А вот как сам снех сделать от тут непонятки

как вариант нарисовать снежинки в растровом редакторе...вырезать ... и потом наложить на кадры в кореле

Цитата Gena_96 @ 20.12.10, 16:22

B.V. а можно в этой теме я свой нехитрый способ работы в фотошоп выложу который я в интернете нашел или мне надо новую тему создавать для этого?(я просто не знаю как быть и поэтому на всякий случай спрашиваю)

Если коротко, то можешь здесь. Если подробно, со скриншотами, то лучше отдельной темой

Тогда я лучше тему создам а то там много скриншотов