ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Эффект дождя
В этом уроке я покажу как с помощью GIMP создать анимационный эффект дождя. В этом уроке вам потребуются базовые знания GIMP, такие как создание слоя, установка режимов слоя, и использование некоторых фильтров. Приступим.
Откройте изображение к которому вы хотите добавить эффект дождя. Я выбрал это:

Дублируем изображение минимум 2 или 3 раза. Я продублировал дважды.
Создаём новый слой после каждого фонового изображения и заливаем белым цветом. У вас должно получится 6 слоёв (3 белых и 3 фоновых). Слои должны быть расположены в таком порядке, как на скриншоте.

Теперь нужно добавить цифровой шум для каждого белого слоя. Идём в Фильтры > Шум > Шум RGB. Можно поэкспериментировать с настройками, я поставил такие:

Необязательно на каждом слое выбирать Фильтры > Шум и т.п., можно автоматизировать процесс нажатием CTRL+F, эта комбинация повторит последнее действие с фильтрами.
Теперь нам нужно добавить размывание движением для каждого слоя с шумом. Идём в Фильтры > Размывание > Размывание движением. Мои настройки выглядят так:

Сейчас нужно изменить режим смешивания на «Умножение» для каждого слоя с шумом.

Теперь нужно объединить каждый слой шума с фоновым. Нажимаем правой кнопкой на каждом слое шума и выбираем «Объединить с предыдущим». В итоге у вас должно получится 3 слоя.

Теперь можно посмотреть полученную анимацию и увидеть как льётся дождь Идём в Фильтры > Анимация > Воспроизведение. И нажимаем «Воспроизвести».
Оптимизируем анимацию. Идём в Фильтры > Анимация> Оптимизация (для GIF).
Сохраняем как GIF. Когда увидите это окно, нужно выставить именно такие параметры:


Мой результат такой. Не стесняйтесь, показывайте что получилось у вас.

Уроки: ← предыдущий следующий →
29 комментариев
Kostik27 мая 2009 в 22:04
В целом все правильно, анимация дождя хорошая. Только картинка явно не соответствует дождливой погоде, надо было затемнить, добавить серого. Еще пару капель воды на объектив, и как будто в дождь снималось.
Camille_MIa1 июня 2009 в 17:54
Мне понравилось. Это мой первый урок, получилось кульно.
Anonymous6 июня 2009 в 23:25
Учитывая как размазаны деревья можно сделать вывод, что мы очень быстро мчимся по трассе. Тогда все капли были бы у нас на стекле/камере/<что_у_нас_там>. А они летят мебе мимо. Так не может быть, поэтому картинка оставляет у зрителя неразборчивое ощущение неестественноси. А это провал.
Alexandr7 июня 2009 в 20:53
Хороший урок! фон и в правду не тот ... но в целом урок отличный.
Андрей25 июня 2009 в 22:50
Урок потрясающий, автору респект!
Да27 июня 2009 в 11:38
у меня получилось) спасибо большое)
dannie-walker12 июля 2009 в 06:22
Отлично, спасибо!
art22 июля 2009 в 13:00
Молодец! класс, давно хотел дождь научится делать всегда последние моменты никак не мг сделать))))
Оуттн23 июля 2009 в 15:31
Спасибо))
очень доходчиво всё объясняется)
Дмитрий2 августа 2009 в 13:16
Вот что у меня получилось
[URL=http://www.radikal.ru][IMG]http://s46.radikal.ru/i111/0908/5c/00c975b56af3.gif[/IMG][/URL]
Дмитрий2 августа 2009 в 13:17
бб-кодов нет((
http://s46.radikal.ru/i111/0908/5c/00c975b56af3.gif
Anon22 августа 2009 в 14:51
Дмитрий, на дождь не похоже ни разу. Какие-то помехи над городом
хамер27 октября 2009 в 15:05
вот что у меня получилось http://xmages.net/out.php/i581536_445727480.gif (не сочтите за спам) такая вот картинка вышла)))
God30 октября 2009 в 02:04
http://s57.radikal.ru/i157/0910/9a/e33c8a966b14.gif
Я ламер =)
Но все равно спасибо..)
tihiro11 июня 2010 в 01:07
Да вообще мало похоже на дождь. Разве что на той картинке, где ночной город, более-менее реалистично: тучи и дождь соответственно вдалеке, потому и смотрится лучше.
тока15 июня 2010 в 12:40
А как умножение делать ???
я новичок
tihiro16 июня 2010 в 02:41
тока,
в окне справа написано "Нормальный" и выпадающий список, выберите в нём "Умножение" вместо "Нормальный".
Переключайте слои (как на картинке), нажимая на "Новый слой #1", "Новый слой #2" и т.д. (они подсвечены красным), и на них выбирайте "Умножение" в списке.
тока17 июня 2010 в 23:06
tihiro
благодарю
Arty26 июня 2010 в 15:30
Слушайте, по картинкам видно что автор не он.
Сделал это кто-то из gimpmania.ru, что видно на картинках...
Александр Лончаков11 ноября 2010 в 10:03
кроме черных полос никакой разници межу исходником и итогом не заметил. Исходник красивее.
Ijorik12 ноября 2010 в 02:02
Спасибо все получилось,будем эксперементировать.
Игорь потапов11 декабря 2010 в 10:07
Круто.
Илья Новиков30 декабря 2010 в 13:29
Классно!
FiRST2 января 2011 в 17:53
Вот мой результат: http://i015.radikal.ru/1012/9f/0ea4f3102ba1.gif
FiRST2 января 2011 в 17:53
Правда я угол поменял
Марико Ямиказе6 января 2011 в 14:35
а как можно показать?
Марико Ямиказе6 января 2011 в 14:37
а поняла спасибо люди))
http://i008.radikal.ru/1101/00/d14e424170bb.gif
FiRST7 января 2011 в 19:44
toshe, картинка не правильно подобрана, она должна быть с тучами
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- вызвать эвакуатор в Москве срочно
Информация по уроку:
Автор: www.gimptalk.com
Перевод: Илья Сафранков
Выполнено в GIMP 2.4.6
Опубликовано 15 мая 2009
Новые уроки по RSSАнонсы бесплатно и быстро!
Кисти:
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
GIMP FX Foundry
Скачать → Плагины для GIMP
Анимация в GIMP
Уроки по GIMP
Описание редактора
Про Гимп
PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.
Эффекты
Уроки по GIMP
Добавили в избранное:
tihiro, Алексалиса, Антон Столяров, Геннадий Баринов, Захар Брюхов, Максим Ротенко, мс26, Найк, Ольга Майорова, Татьяна Чупринская.
Вопросы:
Ошибка при использовании фильтра "Выжигание"
Оценка урока
«Эффект дождя» получил оценку 4.20 на основе 5 голосов.
8122+534 Комментария |
со ссылкой на www.progimp.ru. Более подробно →











Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.