Бесплатный
графический редактор


Случайный урок:

Создаем 3D-коробочку

Сайт Родителям о детях








Система Orphus



Дождь за окном

Автор: Игорь Мельник

Добавлено: 2009-05-23


1. Берем исходное фото, которое больше всего подходит под тему "дождь".

2. Дважды дублируем исходное изображение. Создаем над каждым изображением белый слой. У нас получился 6-слойный пирог. Теперь в каждом белом слое проделываем несложную операцию: фильтры - шум - шум RGB. Вообразите, что это стоп-кадр дождя, а каждая точка - капля. Двигая ползунки, создайте "дождь" нужной вам интенсивности. Я выбрал канал альфа на показателе 0,60.

3. Продолжаем рисовать дождь. Фильтр - размывание - размывание движением. Выбираем линейное размывание, определяем угол падения капель. Я выбрал длина 33 и угол 82

4. Теперь выставляем в каждом белом слое режим смешивания "умножение" и сливаем с предыдущим. Само собой, можно было проделать все предыдущие манипуляции с одним белым слоем, потом продублировать его два раза и рассовать между основными изображениями, но тогда никакого дождя не будет - все точки и штрихи будут совпадать и при анимации не возникнет эффекта движения. К тому же, если вы хотите, чтобы дождь менял угол падения и свою интенсивность, придется обрабатывать каждый белый слой эксклюзивно.

5. Фильтр-анимация-воспроизведение. Если вам нужен более заметный, зрелищный дождь, увеличьте интенсивность шума в пункте 2. Теперь фильтр-анимация-оптимизация для gif. Сохраняем файл как gif - анимация и получаем результат.

Удачи.

Просмотров: 41292




 

 

Ваши комментарии     



Михей       23.05.2009 - 14:02       Ссылка      

Эффект - супер. Но повторить не получилось. Собственно я опять не разобрался, как работать с разными слоями: - цит."Теперь выставляем в каждом белом слое режим смешивания "умножение" и сливаем с предыдущим." а можно поподробнее?


Игорь       23.05.2009 - 18:56       Ссылка      

Давайте так: 1. Берем исходное фото 2. Дублируем его 2 раза (теперь у нас 3 одинаковых слоя) 3. Активируем нижний слой - создаем новый белый слой (сейчас у нас 4 слоя: фото-белый-фото-фото, если перечислять снизу вверх) 4. Активируем следующий слой с девушкой, создаем новый белый слой, теперь у нас 5 слоев: фото-белый-фото-белый-фото 5. Активируем верхний слой с девушкой, создаем новый белый, теперь у нас 6 слоев: фото-белый-фото-белый-фото-белый 6. Остаемся на верхнем белом слое, производим с ним такие действия: шум RGB (п.2), потом с ним же - размытие движением (п.3), после этого выставляем режим "умножение" и сливаем с предыдущим слоем (на котором девушка), теперь он выглядит как в п.4 урока; теперь у нас 5 слоев: фото-белый-фото-белый-обработанный 7. Переходим вниз на один слой (белый), повторяем те же действия (шум-размытие-режим умножения-слить с предыдущим). Теперь у нас 4 слоя: фото-белый-обработанный-обработанный. 8. Переходим на последний белый слой (сейчас он второй снизу). Повторяем все те же действия (шум-размытие-умножение-объединить с предыдущим). Теперь у нас 3 обработанных слоя. 9. Теперь начинаем анимировать. Так нормально?


Пожарко Андрей       23.05.2009 - 21:39       Ссылка      

Вношу дополнительные расшифровки. В списке слоев вверху есть строчка "Режим" (по умолчанию там стоит значение "Нормальный"). Это и есть режим наложения текущего слоя. А чтобы слить слои достаточно на нужном слое кликнуть правой клавишей мышки и выбрать "Объединить с предыдущим".


Михей       23.05.2009 - 23:12       Ссылка      

Ребят, спасибо за подсказки, но пока не получилось..., итак: я получил изображение,как в п.3, объеденил с предыдущим слоем (умножение-объединение с предыдущим), но оно не изменилось, как у вас в п.4 ...


ingvar       24.05.2009 - 00:42       Ссылка      

Почему же, получилось. Возможно, надо сделать шум меньшим, или перед объединением слоев уменьшить непрозрачность слоя с шумом (только запоминайте значения параметров, чтобы потом выставить их при работе со следующими слоями). А как анимировать, Вы поняли?


Alice       24.05.2009 - 19:13       Ссылка      

Огромное спасибо за этот урок smile. Очень красивый эффект. Результат не буду выставлять, работала с этой же картинкой smile


Михей       25.05.2009 - 01:03       Ссылка      

ingvar и Вам спасибо, но ведь "ослабляя шум" и уменьшая непрозрачность я теряю и сам дождь, а в уроке и дождь и девушка остаются довольно контрастными. У меня и дождь-то не разглядеть... вот смотрите:


Андрей Пожарко       25.05.2009 - 08:32       Ссылка      

Может дело в размере изображения? Автор брал 450х365, если у вас изображение будет в несколько раз больше, то и шум на нем будет заметен в несколько раз меньше. Если это так, могу посоветовать 2 способа, как сделать шум крупнее.


ingvar       25.05.2009 - 10:33       Ссылка      

Включите корелляцию шума rgb, когда его создаете, увеличьте интенсивность и уменьшите длину при размывании движением. В уроке девушка прямо перед объективом, а у Вас она на заднем плане, конечно выглядеть должно иначе. Я бы загрузил и анимашку - дождь прекрасно виден, как и девушка, но файл много весит, а результат смешения - вот он.


ingvar       25.05.2009 - 10:51       Ссылка      

вот уменьшеный вариант, эффект не так заметен, конечно, но в оригинале его хорошо видно


Михей       25.05.2009 - 18:14       Ссылка      

Всё таки получилось! Хотя фото не такое контрастное как у Вас ingvar. К сожалению не показать большой вариант, он 1Мб весит. Большое спасибо за советы, особенно Игорю - эффект просто потрясающий!!!


Blink_skate       25.05.2009 - 18:15       Ссылка      

здравствуйте=) у меня такая проблема...программа эта на французском(поскольку живу во франции),и я никак не могу найти "РЕжим смешивания" и "умножение"..+(((((вы сказали где то наверху на панели,но у меня наверху только панель команд и нет никакого режима...


Blink_skate       25.05.2009 - 18:18       Ссылка      

упс...простите за фотку,я думала что выставляю аватарку(((


ingvar       25.05.2009 - 20:41       Ссылка      

Я понял вопрос. По умолчанию при загрузке гимпа загружается две огромные вертикальные панели. Правая называется "Слои, каналы, контуры, история". Пока не открыто фото (оно загружается по центру и у него свое меню), правая панель неактивна. В ней есть соответственно закладки - слои, каналы и так далее. Если активна закладка слои, то прямо под названием закладки есть слово "режим" и справа кнопка с выпдающим списком режимов смешивания слоев. По умолчанию режим выставлен "нормальный". Сейчас покажу на скриншоте.


Михей       26.05.2009 - 09:44       Ссылка      

Игорь я тут ещё интересную вещь заметил. В этой анимации меняется на всё изображение, а только маленькие детали. А фон остаётся прежним (разбейте картинку на слои). Я попробовал так-же сделать и с дождём:3 слоя дождя и один фон. Но фон исчезает, как и все слои. Помогите!


ingvar       26.05.2009 - 12:30       Ссылка      

Когда Вы оптимизируете анимацию, то она убирает повторяющиеся детали и оставляет в слоях лишь то, что меняется. Но когда Вы изначально делаете анимацию, то фон должен присутствовать в каждом слое, иначе он будет мелькать. То есть, дублируете фон, чтобы получить нужное количество кадров, потом на каждую копию фона накладываете то, что будет меняться (слезы у ребенка, наморщенные брови, положение руки, дым из сигареты) и сливаете каждый из наложенных слоев с подложенным фоном. Анимация - воспроизведение. Если Вас устроил результат, уже тогда анимация - оптимизировать для gif. И программа уберет повторяющиеся элементы. Я правильно понял Ваш вопрос?


Михей       26.05.2009 - 13:56       Ссылка      

Понятно. Просто я думал что убрав лишние части слоёв можно уменьшить вес готовой картинки. Оказалось сама программа это делает. Спасибо ingvar!


Omego       28.05.2009 - 23:32       Ссылка      

Здравствуйте, у меня возник такой вопрос. В уроке над фото создается белый слой, к которому применяется фильтр. Объясните пожалуйста, почему когда фильтр применен, то после этого отпечатывается форма нижнего слоя? Эти слои взаимосвязаны или сами по себе самостоятельны?


Андрей Пожарко       28.05.2009 - 23:36       Ссылка      

Эти слои и есть сами по себе, но для каждого слоя есть Режим Смешивания (с остальными слоями). По умолчанию режим стоит Нормальный. А еще там применяется фильтр Шум, у которого в качестве параметра указан Альфа-канал, а это значит что будет в некоторых точках прозрачность, а после этого еще и в каждом белом слое выставляется режим смешивания Умножение и потом он сливается с предыдущим.


ingvar       30.05.2009 - 19:11       Ссылка      

Уподобим слой листу папиросной бумаги. Добавляя шум, мы протыкаем в нем дыры иглой. Меняя режим смешивания или регулируя прозрачность, мы меняем свойства слоя, превращая его в полиэтиленовою пленку с изменяемой прозрачностью.


Каташи       25.06.2009 - 13:19       Ссылка      

А также можно выбрать не Умножение а Деление в режиме смешивания слоёв! Вот ссылка на просмотр(Так она большая) http://s51.radikal.ru/i134/0906/1a/017c90ffe04b.gif


ingvar       25.06.2009 - 15:06       Ссылка      

Здорово! Он еще и моргает smile Честно говоря, я никогда заранее не знаю, какой режим смешивания выберу и какие выставлю параметры. Всегда сначала играю с настройками. Некоторые авторы уроков так и пишут - делаем то-то, а режим и параметры выбирайте сами.


Дарья       26.06.2009 - 14:30       Ссылка      

Я очень запуталась..есть несколько вопросов: 1) Почему когда создаю слой "белый" он выходит прожзрачный.. 2)В списке слоев вверху есть строчка "Режим", но я ее найти не могу.. 3) и у меня всего одна колонка..в которой инструменты.. Помогите пожалуйста..просто я новичек..


Андрей Пожарко       26.06.2009 - 14:55       Ссылка      

1) Слой создается таким, как вы выбираете. Внимательно смотрите на опции в диалоге создания нового слоя. 2)Явно пахнет похищением. Скажите какая у вас версия программы, будем начинать расследование 3) Если у вас не хватает каких-то панелей, ищите их в меню Окна-Панели


Каташи       26.06.2009 - 16:11       Ссылка      

ingvar,насчёт мигает-эт всё зависит от воображения..... Как раз про нёё - http://s60.radikal.ru/i167/0906/f3/3fbbc79d1c93.gif Я просто не знаю куда это поместить...Ведь тут и фон и анимация...Я решил и сделал дождь цветным)))


Владимир       02.08.2009 - 12:35       Ссылка      

http://img-fotki.yandex.ru/get/3411/nvitr.8/0_24c48_be041a1b_XL.jpg  Не могу разобраться есть ли возможность работать с GAP-GIMP для Windows, и как установить этот пакет в GIMP.


Андрей Пожарко       02.08.2009 - 20:54       Ссылка      

Такая возможность есть. Нужно скачать инсталятор GAP для Windows и установить как обычную программу. После этого у вас появится в верхнем меню GIMP дополнительный пункт Video, там его и ищите.


Наталя       13.08.2009 - 18:01       Ссылка      

Очень интересный и понятный новичку урок. Большое спасибо!


Оля       17.09.2009 - 16:09       Ссылка      

Я не могу сохранить анимацию, помогите как это сделать?


Андрей Пожарко       17.09.2009 - 16:58       Ссылка      

В уроке Простая анимация подробно написано как сохранить анимацию. Посмотрите.


Анастасия       18.09.2009 - 02:26       Ссылка      

Спасибо большое за урок у меня всё вышло но вот увы дождь получился не очень заметным... и увы не могу вставить...


Жанна       02.01.2010 - 15:26       Ссылка      

может,я конечно совсем ничего не понимаю но как слить с предыдущим белый слой?!


Жанна       02.01.2010 - 15:32       Ссылка      

Слила,все равно ничего не получилось.То вспышки то просто движущийся шум.


Андрей Пожарко       04.01.2010 - 13:43       Ссылка      

Чтобы слить слой с предыдущим, нажмите на нем правой кнопкой мыши в списке слоев, и выберите соответствующий пункт.


Rufina       08.01.2010 - 12:44       Ссылка      

У меня то ли фотография не удачная,то ли сделала что-то не то -- не очень виден сам эффект дождя, вроде и шум попробовала прибавить(


Rufina       08.01.2010 - 13:00       Ссылка      

Сохранила, как и положено... вообще получилась просто немного размытая фотография.


Тори       11.01.2010 - 14:51       Ссылка      

У меня ничего не выходит... Я создала новый белый слой, но выходит лишь полностью белой краской закрашеная картинка..


Андрей Пожарко       11.01.2010 - 15:54       Ссылка      

Тори, так и должно быть. Выполняйте урок дальше.


Тори       12.01.2010 - 08:05       Ссылка      

Да? Спасибо. Но почему тогда у вас по другому?


Тори       12.01.2010 - 08:25       Ссылка      

Никак не выходит.. У меня английская версия гимпа, а у вас русский язык, мне трудно..ТоТ С дождем у меня не выйдет...


Андрей Пожарко       12.01.2010 - 11:19       Ссылка      

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


Тори       22.01.2010 - 11:31       Ссылка      

Спасибо


Тори       22.01.2010 - 11:33       Ссылка      

Нет. Все безнадежно. У меня Линукс, а это для виндусни...блин.


Алялаласа       22.01.2010 - 18:15       Ссылка      

Помогите мне пожалуйста!Я сделала анимацию (свою) и делала потом так же как и написано!вот так: фильтр-анимация-воспроизведение.а потом фильтры-анимация-оптимизация.но вот когда я нажала на ФАЙЛ птом на СОХРАНИТЬ та мнигде не было надписи "сохранить как анимацию" !помогите пожалуйста!


Андрей Пожарко       22.01.2010 - 18:49       Ссылка      

Алина! Ну с чего вы взяли что должна быть надпись "сохранить как анимацию"? Ну нету тут кнопки "сделай как мне надо"! big_smile Сохранять нужно в формат gif.


Алина       23.01.2010 - 13:34       Ссылка      

Андрей!Ну я сохран7ила в формате gif. и потом когда открыла картинку не было никакой анимации!


Юля       19.03.2010 - 15:17       Ссылка      

у меня почти получилось!)) тока скажите пожалуйста, почему у меня мигает картинка? как от этого избавиться?


Юля       19.03.2010 - 15:45       Ссылка      

ааааа, пардон)))забыла режим умножение поставить в последнем слое! у меня все получилось! с 3 раза))


Welers       21.03.2010 - 23:49       Ссылка      

Гм, ребят, уровень 98 года web когда были популярны GIF такого качества.


Андрей Пожарко       22.03.2010 - 10:52       Ссылка      

Welers, я бы даже сказал 97го года.


Walja       19.04.2010 - 12:31       Ссылка      

ура...спасибо у меня все получилось=))


Баал       27.04.2010 - 17:21       Ссылка      

Помогите smile как сделать вот такую картинку smile а особенно такои эффект глаз


Андрей Пожарко       27.04.2010 - 17:50       Ссылка      

Я бы сделал так: дублируем слой с картинкой, затем на одном из слоев рисуем глаза светящиеся. Получили 2 кадра (первый и последний). Затем промежуточные кадры можно создать автоматом методом морфинга каким нибудь плагином, например с помощью GAP.


Аннет       27.04.2010 - 21:02       Ссылка      

я делала всё по пунктам а вышло черти что...


баал       28.04.2010 - 00:56       Ссылка      

андрей а как глаза светящимися сделать ?и нельзя ли это уроком пошагово разложить я только один день пробую эту программу ?


Zhykov       12.06.2010 - 22:03       Ссылка      

"Светящимися" это как?


Почтарева 60       13.07.2010 - 00:54       Ссылка      

Когда осталось 3 слоя - анимировать каждый слой??? А потом что, свести видимые слои что ли ? Я, правда, не сделала Фильтр-Анимация-Воспроизведение, но это, я так понимаю, только для просмотра. Так что же с тремя оставшимися слоями то делать, не понял...


Александр       02.01.2011 - 19:14       Ссылка      

Я пытался сделать , как сказано, но дождь у меня получался всё время чёрным, у автора же он белый. Как же его сделать белым?


Танечка       12.01.2011 - 19:10       Ссылка      

Спасибо большое, доступно и понятно) автору плюс)


СТАНИСЛАВ       06.01.2012 - 23:01       Ссылка      

А подскажите что ха девушка на картинке с примером как анимацыю делать? Откуда она взята?


СТАНИСЛАВ       06.01.2012 - 23:02       Ссылка      

КТО ОНА? МОЖЕ КТО ЗНАЕТ? ИЛИ ПРОСТО НАРИСОВАНАЯ


Андрей Пожарко       06.01.2012 - 23:03       Ссылка      

Не возможно связаться с автором урока, и выяснить это.


Андрей а как вообще можно связаться с автором       07.01.2012 - 20:07       Ссылка      

Андрей ПожаркоАндрей Пожарко


СТАНИСЛАВ САЙКО ищу её       07.01.2012 - 20:08       Ссылка      

ПОДСКАЖИТЕ КАК СВЯЗАТЬСЯ С АВТОРОМ ИЛИ ПОДСКАЖИТЕ КТО НА КАРТИНКЕ С ПРИМЕРОМ ЧТО ЗА ДЕВУШКА


пвапук       03.03.2012 - 17:02       Ссылка      

Автору респект))))


Ирина       26.06.2012 - 10:18       Ссылка      

Спасибо большое!!! smile


Татьяна       06.09.2012 - 09:51       Ссылка      

Набрела на Ваши работы совершенно случайно. Очень понравилось. Сижу второй день - ставлю эксперименты. У меня получилось так. Слишком яркая фотография, а дождь и не виден почти. Размер полученного фото слишком большой для загрузки. Подскажите как уменьшить, чтобы вы могли посмотреть.а делаю с этой фотографии, потом ее вес увеличивается.


Пожарко Андрей       07.09.2012 - 01:39       Ссылка      

Татьяна, загрузите результат на fotohost.org, а сюда ссылку.


Татьяна       07.09.2012 - 08:14       Ссылка      

Андрей, спасибо за ответ. Поясните чайнику куда и как закачать. Я не поняла. Татьяна


Татьяна       08.09.2012 - 04:03       Ссылка      

Хотела отправить результат, но пишет ошибка сайта. Пока не могу ничего сделать. Спасибо.


Андрей Пожарко       08.09.2012 - 17:59       Ссылка      

Татьяна, это на каком сайте выдаёт такую ошибку? Тут или на FotoHost.org?


Татьяна       10.09.2012 - 02:27       Ссылка      

Сегодня получилось. Вот ссылка http://fotohost.org/images/a179a46b-250kB.gif.Жду Вашего совета


bollo9       26.12.2015 - 14:13       Ссылка      

После умножения выбрал ещё объединение зерна,а потом объединить с предыдущим.Стало более менее похоже,без зерна дождь почти не виден.gimp 2.8.14


bollo9       26.12.2015 - 14:33       Ссылка      

результат


светлана       12.02.2016 - 22:03       Ссылка      

почуму при воспроизведении фото на весь экран


Добавить комментарий:

[b] [i] [u] [quote]     :) :| :( :D :o ;) :/ :P :lol: :mad: :rolleyes: :cool:


Введите результат =    








Проект OpenNET © 2008-2017 Андрей Пожарко Деньги владельцам сайтов