ProGIMP — сайт про Гимп
GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор
Создание капель воды и эффекта запотевшего стекла
Главная Уроки по GIMP → Создание капель воды и эффекта запотевшего стекла
К созданию этого урока меня подтолкнули несколько причин:
- Полное отсутствие информации о создании капель воды в уроке «Добавление капель воды на изображение»;
- Утверждение, что создание запотевшего стекла в GIMP крайне проблематично в уроке «Пишем на запотевшем стекле», с чем я не согласен, потому что для GIMP нет невозможного — все ограничения обусловлены отсутствием творческой идеи у пользователя;
- Знание английского языка и наличие урока «How to generate realistic mass waterdrops on a surface» на сайте gimpusers.com.
Урок я хочу разделить на две части: в первой мы создадим капли воды, а во второй я предложу свой вариант создания эфекта запотевшего стекла.
Часть 1. Создание реалистичных капель воды
Как я уже упоминал выше урок по созданию капель воды взят с сайта gimpusers.com, и отклоняться от него мы не будем. Хоть я и написал про знание английского языка, в оригинале скриншоты были на немецком, но, судя по результатам, понял я все правильно.
Начнем.
Все настройки в состоянии по умолчанию: цвет фона — белый, переднего плана — черный
Создадим новое изображение размером 800×600 пикселей и вставим в фоновый слой любую картинку. У меня картинка с надписью на металле.


Создадим новый слой, назовем его «Капли».
С активным слоем «Капли» идем в меню Фильтры / Визуализация / Облака / Сплошной шум. Ставим настройки размера по X и Y в 16.

Получаем вот это:

Идем в меню Цвет / Порог. Ставим пороги 86 и 172 для нижней и верхней границ соответственно. Черные пятна — это наши будущие капли. В принципе можно покрутить пороги как кому нравится — изменятся размер и конфигурация будущих капель.

На выходе получаем:

Идем в меню Цвет / Цвет в альфа канал. Выбираем белый цвет. Затем инвертируем цвет слоя (Цвет / Инвертировать). Все черное становится белым. Это будут наши капли.

В принципе капли можно было нарисовать белой кистью — это не принципиально, просто в уроке было показано, как получить капли непредсказуемой формы.
Дальше будет непосредственно придание каплям реалистичности.
Дублируем слой «Капли». Назовем его «Капли.силуэт». Отключаем его видимость, чтобы не мешал — он нам понадобится позже.

Кликаем правой клавишей на любом слое с каплями и выбираем Альфа канал в выделение.
Идем в диалог каналы и создаем новый канал. В появившемся диалоге ставим галочку Создать из выделения. Называем канал «Рельеф».

Снимаем выделение (Ctrl+Shift+A).
Идем в Фильтры / Размывание / Гауссово размывание и размываем новый канал 3 раза со значениями 7, 3 и 1 соответственно.
Отключаем видимость канала.
Возвращаемся в диалог Слои и выбираем слой «Капли».
Идем в Фильтры / Свет и тень / Освещение. Здесь добавляем 2 источника света, настраиваем материал и не забываем указать в качестве карты рельефа канал, созданный в предыдущем шаге.




Получаем вот такие капельки ртути воды.

Слегка угловатые. Сейчас это исправим. На слое «Капли» блокируем альфа канал и выполняем Гауссово размытие размером 4 пикселя. Снимаем блокировку альфа канала.

Капли стали приятнее, но все равно серые. Сделаем серый цвет прозрачным. Идем в Цвет / Цвет в альфа канал и выбираем нейтральный серый цвет с яркостью около 50% (середина шкалы).

Капли стали прозрачными, но все равно слегка белесые. Подправим это: идем в Цвет / Кривые, выбираем альфа канал и правим кривую.


Капли стали реалистичнее. Добавим небольшую тень от них.
Нажимаем правой клавишей на слое «Капли.силуэт» (вот он и понадобился) и выбираем Альфа канал в выделение.
Идем в Фильтры / Свет и тень / Отбрасываемая тень. Ставим смещение 2 пкс по X и 3 по Y, непрозрачность — 30. Снимаем галочку Позволить изменение размера.
Появился слой с тенью и небольшая тень.

На этом первая часть урока заканчивается.
Часть 2. Создание эффекта запотевшего стекла и надписи на нем
Эта часть является чисто моим видением этого вопроса.
До запотевания стекла имеем 4 слоя.

Добавим новый слой под слоем «Капли», назовем его «Запотевшее стекло».
В принципе можно просто залить слой белым цветом и подобрать прозрачность по вкусу.
Я буду делать неравномерное запотевание. Для этого выбираем слой «Запотевшее стекло», идем в Фильтры / Визуализация / Облака / Сплошной шум. Ставим настройки размера по X и Y в 4.

Размоем этот слой Гауссовым размытием с радиусом 100.

Применим к этому слою Цвет / Цвет в альфа канал с выбранным черным цветом.

Под каплями воды не должно быть запотевшего стекла — уберем его. Для этого создаем маску для слоя «Запотевшее стекло», выбираем полную непрозрачность. На слое «Капли.силуэт» нажимаем правую клавишу и выбираем Альфа канал в выделение.
Выбираем маску слоя «Запотевшее стекло». Заливаем выделение черным цветом.

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

Слегка подправив уровни фонового слоя можно получить немного более наглядный вид:

Еще по желанию можно поиграть с прозрачностью слоя «Запотевшее стекло».
На этом урок заканчиваю. Надеюсь, что он окажется познавательным и полезным.
Уроки: ← предыдущий следующий →
14 комментариев
Валерия Валькирия21 января 2012 в 10:51Личное сообщение
Замечательный урок!
Ксения Адмиралова21 января 2012 в 12:04Личное сообщение
Хороший урок,очень. Я думаю некоторым будет удобнее сделать свои капли чем искать в интернете,ненаходя нужного.
Макс Шевченко21 января 2012 в 13:18Личное сообщение
Апплодирую первой части, она действительно понравилась. Про вторую часть, к сожалению, сказать такого не могу.
Евгений Козлов21 января 2012 в 19:15Личное сообщение
>На капли не похоже. ИМХО
А на что, простите, Lera Koroleva, похоже?
Не считаю, что если бы я нарисовал круглые красивые капельки, то было бы красивее и реалистичнее :-)
Урок был задуман, как доведение до всех самого способа создания капель.
Извините, Макс, я же написал, что это чисто моя идея по поводу запотевания стекла. Жаль, что не понравилось.
Pantera .22 января 2012 в 17:30Личное сообщение
да ну норм получилось!)
давайте нарисуем капельки в виде капелек,а не реалистичными,как на фото....
бред,норм получилось!) так держать!!!!!!!
аленка воронцова24 января 2012 в 02:34Личное сообщение
дошла до капелек,-спасибо,так все понятно! но никак не получаются капельки после ваших слов-"получаем вот такие капельки воды"-просто серые пятнышки, вернулась несколько раз, что то пропускаю?я совсем новичок
Евгений Козлов25 января 2012 в 20:18Личное сообщение
Алена, серые пятнышки имеют объем?
Если да, то, возможно, вы пропустили шаг, где мы убираем серый цвет капель при помощи функции из меню Цвет/Цвет в альфа канал, в которой в качестве опорного цвета выбираем серый с яркостью 50%.
Если ситуация не такая - попробуйте еще раз повторить все по порядку :-)
Евгений Козлов25 января 2012 в 22:57Личное сообщение
В том месте, где написано "Получаем вот такие капельки ртути воды." и должны быть серые пятнышки с рельефом :-)
Читайте дальше и не отклоняйтесь от инструкций.
Там чуть дальше рассказано, как сделать серый цвет прозрачным, превратив его в альфа канал.
Я думал на картинках достаточно подробно описано все :-(
аленка воронцова25 января 2012 в 23:51Личное сообщение
я новичок, и не совсем понимаю объяснения по уроку, вот "Цвет/Цвет в альфа канал, в которой в качестве опорного цвета выбираем серый с яркостью 50%."-ну нет там 50% нигде!честно)а так ж хочется сделать прозрачненькие капельки! вообщем, мне наверно еще рано такие уроки разбирать
Макс Шевченко26 января 2012 в 00:02Личное сообщение
Котён, тебе нужно поставить как тут:
http://s018.radikal.ru/i515/1201/7b/465fecf79e99.png
аленка воронцова26 января 2012 в 00:18Личное сообщение
ага, спасибо
Гермес Конрад удалил комментарий, посчитав его нарушающим правила сайта.
Pantera .30 марта 2012 в 10:19Личное сообщение
хм... а некоторые бузить начинают по поводу "я не умею", а Вы Макс.. ну прям генератор помощи!
Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.
- Сертификат таможенного союза оформление документов без посредников.
Информация по уроку
Добавил урок:
Евгений Козлов
Выполнено в GIMP 2.6.11 (Portable)
Опубликовано 21 января 2012
Кисти
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.
Похожие страницы
Описание редактора
Про Гимп
GIMP FX Foundry
Скачать → Плагины для GIMP
PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.
Рисование
Уроки по GIMP
G'MIC
Скачать → Плагины для GIMP
Вопросы
Не совсем понятны значения альфа-канала и маски слоя
Как размыть края фотографии в GIMPе?
Удаляя выделенную область, не могу добиться прозрачности
Оценка урока
«Создание капель воды и эффекта запотевшего стекла» получил оценку 4.14 на основе 7 голосов.
9170+243 Комментариев |
со ссылкой на www.progimp.ru. Более подробно →














На капли не похоже. ИМХО