Версия для печати темы

Нажмите сюда для просмотра этой темы в обычном формате

Форумы журнала SOUL _ Graphics _ Анимация дождя - Урок Photoshop

Автор: ИлЛюзия 1.6.2008, 22:30

Откройте, приготовленное для анимирования, изображение.
Создайте новый слой.
Залейте его чёрным цветом. Edit -> Fill
Далее добавьте в изображение шума Filter -> Noise -> Add noise.

Поиграйтесь с параметром Amount (Количество).

Далее примените к слою фильтр Blur (Размытие). Fiter -> Blur -> Motion Blur.

Angle - от этого параметра зависит под каким углом будет падать дождь. Чем интенсивней дождь - тем больше Distance.
Установите "непрозрачность" слоя Оpacity. Для этой картинки я остановилась на 35%.

Создайте второй и третий слои, применив к ним всё тоже самое, изменив только параметр Distance (Motion Blur). Я сдела 40, 45, 50.
Параметр Оpacity одинаков для всех слоёв.

Далее можете перейти в Image Ready. Анимация не сложная, поэтому я делаю её прямо в Photoshop.

Cоздайте 3 кадра из слоёв, последовательно отключая/включая видимость слоя. Первый слой (оригинальная картинка) всегда видимый для всех фреймов.

Наш дождик готов)

Не забудьте поделиться своим результатом.

Автор: ИлЛюзия 1.6.2008, 22:30

Автор: ИлЛюзия 1.6.2008, 22:31

Автор: ИлЛюзия 1.6.2008, 22:32

Чтобы было не так темно - пропустите картинку не через чёрный, а через какой-нибудь более светлый цвет. Например, серый.

Уменьшите параметр Оpacity (уменьшается одинаково для каждого слоя)

Вот эта, если не ошибаюсь, пропущена через более светлый цвет и параметр Оpacity уменьшен до минимума.

вроде бы она не сильно потемнела)

Цитата(ИлЛюзия)

Далее добавьте в изображение шума Filter -> Noise -> Add noise.
Поиграйтесь с параметром Amount (Количество).
Далее примените к слою фильтр Blur (Размытие). Fiter -> Blur -> Motion Blur.
Чем интенсивней дождь - тем больше Distance.

Этими параметрами вы "рисуете" свой дождик.

Автор: Ждана 9.6.2008, 13:10

Мой урок. Ну, как?

Автор: ИлЛюзия 9.6.2008, 19:09

Ждана, темновата малек... или картинка изначально такой была?

Автор: Ждана 9.6.2008, 19:21

Нет, была ярче. но давно уже этот дождик делала, поэтому не помню почему так темно, наверное, специально где перетянула с оттенками...

Автор: Няня 28.7.2008, 12:35

Как в конце сохранить картинку?

Автор: Ждана 28.7.2008, 14:18

Цитата(Няня @ 28.7.2008, 13:35)

Как в конце сохранить картинку?

Save optimized as... и обязательно выбрать формат .gif

Автор: lenochek 6.8.2008, 15:11

вот мой дождик

Автор: хххх 10.8.2008, 18:36

а есть такой урок ток на русском?

Автор: Цбин 10.8.2008, 23:11

хххх, а этот на каком?

Автор: КОШКА 9.9.2008, 15:04

Цитата(Цбин @ 10.8.2008, 22:11)

хххх, а этот на каком?

И я хотела бы на русском)))Дело в том,что у меня фотошоп на русском языке)))Если можно,переведите команды.Плиииз.

Автор: Eli 9.9.2008, 16:35

вот моя-с....

http://imageshack.us

Автор: КОШКА 9.9.2008, 18:59

Ну и как вы это делаете?У меня мелькают все картинки по очереди...

Автор: Eli 10.9.2008, 8:12

Цитата(КОШКА @ 9.9.2008, 18:59)

Ну и как вы это делаете?

эмм...да вобщем-то всё как там написано

Автор: Ждана 10.9.2008, 12:39

Цитата(КОШКА @ 9.9.2008, 19:59)

У меня мелькают все картинки по очереди...

Может ты большой временной промежуток между кадрами ставишь? Поставь везде по нулю. Кажись "no delay" называется.

Автор: КОШКА 10.9.2008, 13:40

Да нет,везде 0 ставлю и если можно,команды по русски напишите - у меня руссифицированный фотошоп.У меня бегают 4 картинки-одна основная и три черных дождя.Что я не так делаю.

Автор: Ждана 10.9.2008, 16:20

C переводом команд пока проблематично, времени мало.
А что с картинками, я поняла.
У тебя должно быть три кадра. На каждом из низ основная картинка всегда видна, а вот дождики должны чередоваться.
Т.е., первый кадр: картинка + 1ый дождик,
второй кадр: картинка + 2ой дождик
третий кадр: картинка + 3ий дождик

Автор: КОШКА 10.9.2008, 16:59

Что стоит спереди?Картинка или дождик?И как решить вопрос с прозрачностью слоя?

Автор: Ждана 12.9.2008, 17:56

В слоях дождики должны располагаться выше самой картики.
Что касается прозрачности(opacity): сначала делаешь активным слой с дождиком, потом как показано на картинке бегунком по своему вкусу регулируешь прозрачность. Это всё на вкладке слои (layers) делается.
И так по очереди с каждым дождиком.

Автор: Gh0sT 15.9.2009, 22:49

парюсь целый день вот проблема ненаю в чем я выложил в psd файле там все видно смотрите... http://dump.ru/file/3423121

Автор: ИлЛюзия 15.9.2009, 22:55

Вы пропускаете шаг:

Создайте второй и третий слои, применив к ним всё тоже самое, изменив только параметр Distance (Motion Blur). Я сделала 40, 45, 50.

И берите изначально изображение побольше, а то дождика можете просто не увидеть, а шаг параметр Distance побольше.

Автор: Gh0sT 16.9.2009, 15:55

Я это делал 40 45 50 но картинка на месте стоит

Автор: Пупс Караул 18.9.2009, 15:20

Спасибо за урок[attachment=629:Дождь.html]

Автор: stalker94 14.11.2009, 15:17

а у меня не работает(( все делаю правильно но такое ощущение что дождь на 1 месте стоит. анимацию не видно(( версия фотошопа CS3 v10 вот это должна была быть анимация