Перед тем как приступить к работе, желательно немного осветить картинку. Потому что эффект немного затемнит картинку.
Первый этап
Открываем нужную нам картинку. http://pic.ipicture.ru/uploads/090813/XA29gN14Ls.jpg
Открыли. Если вам нужно немного отредактировать картинку-вперёд.
Второй этап.
Как только картинка открыта и обработана, заходим в Слой-Новый Слой-Создать (англ. Layer-New Layer-Create) Создаём новый слой
Третий Этап.
Дальше заходим в Редактирование-Выполнить Заливку (англ. Edit-Fill)
Картинка: http://pic.ipicture.ru/uploads/090813/WafEEIS7nA.jpg
Открывается окошку с заливкой. Выбираем параметры, как на картинке.
http://pic.ipicture.ru/uploads/090813/6JbH8G6RE7.jpg
В итоге должен получиться слой с чёрной заливкой. Если вы всё сделали правильно, должно получиться вот так: http://pic.ipicture.ru/uploads/090813/VQhufOUBJL.jpg
Четвёртый Этап.
Итак. Новый слой с чёрной заливкой, создан. Вроде ничего особого. Дальше мы заходим в Фильтр/Шум/Добавить шум (англ. Filter-Noise- Add noise)
Картинка: http://pic.ipicture.ru/uploads/090813/VJf1Dzjjj4.jpg
Появляется окошко с параметрами. Делаем всё как на картинке.
http://pic.ipicture.ru/uploads/090813/hVXwrVfmky.jpg
В строку количество (англ. number) вводим данные: 32,86.
Картинка: http://pic.ipicture.ru/uploads/090813/hVXwrVfmky.jpg
Шум создан. Если всё правильно, получиться вот так:
http://pic.ipicture.ru/uploads/090813/4PGWjfiY6o.jpg
Пятый этап.
Шум создан. Остался последний не самый сложный этап. Дальше всё будет легко.
Фильтр/Размытие/Размытие в движение (англ. Filter - Blur / Blur Motion)
Картинка: http://pic.ipicture.ru/uploads/090813/YQT88Il4L7.jpg
Открывается окошко. Если вы хотите чтобы дождь был с права, вводите угол в 69 градусов. Если хотите чтобы дождь был с левой стороны, вводите угол -69 градусов. Я покажу оба варианта.
В пункт Смещение 16 пикс.
Первый вариант: http://pic.ipicture.ru/uploads/090813/455UKRlMai.jpg
Второй вариант: http://pic.ipicture.ru/uploads/090813/4TJ53UE4P3.jpg
Должно получиться вот так: http://pic.ipicture.ru/uploads/090813/f2F6pURcXF.jpg
Потому ставить прозрачность слоя от 30% до 20%. Всё зависит от картинки. Я поставила 24.
Получается вот так: http://pic.ipicture.ru/uploads/090813/emHt1v0Cd3.jpg
Шестой этап.
Дальше нам нужно сделать только анимацию. Создаём ещё два новых слоя смотрим этап второй. Создали. Заливаем второй слой чёрным (смотрим этап третий. Заливаем. Дальше мы повторяем этап четыре. Создаём Шум. Шум создан. Теперь мы заходим в Фильтр/Размытие/Размытие в движение (англ. Filter - Blur / Blur Motion) И изменяем немного настройки. Вместо 16 пикс. мы вписываем 27 пикс. Потом сохраняем и делаем прозрачность 24. Ну или сколько вы там сделали. Получается новый слой с новыми параметрами. Тоже самое повторяем с третим слоем. Заливаем, создаём шум и размытие. Опять меняем в смещение параметры. Вместо 27 пикс, вписываем 33 пикс. И всё. Третий слой готов.
Седьмой этап
Последний этап. Всё самое главное мы уже сделали. Осталось только создать анимацию.
Я делаю анимацию в Фотошопе. В имедж реди, не люблю. Всё зависит от вас. Если хотите может переместить в имедж реди, если нет оставайтесь в фотошопе.
Итак. В окошке анимации, создаём три новых кадра. В первом кадре делаем все слои невидимыми кроме первого, во втором кадре делаем видим только второй слой. Ну а втретем слое ставим видим только третий слой. И ещё в каждом кадре должен быть виден слой с первоначальной картинкой. Не забудете про это.
Вот картинки:
Первый кадр: http://pic.ipicture.ru/uploads/090813/S1Cd3v7lRS.jpg
Второй кадр: http://pic.ipicture.ru/uploads/090813/bE2R60d27N.jpg
Третий кадр: http://pic.ipicture.ru/uploads/090813/ShpGSuH4zf.jpg
Я сохраняю в фотошопе с помощью Сохранить для Web Save for Web
Сохраняем. И всё. Эффект дождя готов.
Вот что получилось:
http://pic.ipicture.ru/uploads/090813/TfpFUSJV1m.gif
Урок взят с Alternative Art
