вход или регистрация

GIMP — The GNU Image Manipulation Program
Гимп — бесплатный графический редактор

   

Создание капель воды и эффекта запотевшего стекла

Главная Уроки по GIMP Создание капель воды и эффекта запотевшего стекла

К созданию этого урока меня подтолкнули несколько причин:

  1. Полное отсутствие информации о создании капель воды в уроке «Добавление капель воды на изображение»;
  2. Утверждение, что создание запотевшего стекла в GIMP крайне проблематично в уроке «Пишем на запотевшем стекле», с чем я не согласен, потому что для GIMP нет невозможного — все ограничения обусловлены отсутствием творческой идеи у пользователя;
  3. Знание английского языка и наличие урока «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.

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

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

Выбираем маску слоя «Запотевшее стекло». Заливаем выделение черным цветом.

Возможно я не очень удачно выбрал изображение в фоне и не очень хорошо видна разница.

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

Как-то так! Вродеде бы видна основная идея.

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

Еще по желанию можно поиграть с прозрачностью слоя «Запотевшее стекло».

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

p. s. Отдельное спасибо автору урока «Создание текстуры металла».

21 января 2012 5

В избранном у 5 человек:

Евгений Козлов

Метки: выделение, маска слоя, рисование, текстура, фильтры, эффект, вода, альфа-канал, капли.

Результаты урока

Добавить

Уроки: предыдущий следующий

14 комментариев

-9

Пользователь #4619Lera Koroleva21 января 2012 в 09:07Личное сообщение

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

3

Пользователь #5045Валерия Валькирия21 января 2012 в 10:51Личное сообщение

Замечательный урок!

6

Пользователь #6448Ксения Адмиралова21 января 2012 в 12:04Личное сообщение

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

1

Пользователь #1812Макс Шевченко21 января 2012 в 13:18Личное сообщение

Апплодирую первой части, она действительно понравилась. Про вторую часть, к сожалению, сказать такого не могу.

5

Пользователь #7149Евгений Козлов21 января 2012 в 19:15Личное сообщение

>На капли не похоже. ИМХО
А на что, простите, Lera Koroleva, похоже?
Не считаю, что если бы я нарисовал круглые красивые капельки, то было бы красивее и реалистичнее :-)
Урок был задуман, как доведение до всех самого способа создания капель.
Извините, Макс, я же написал, что это чисто моя идея по поводу запотевания стекла. Жаль, что не понравилось.

1

Пользователь #7261Pantera .22 января 2012 в 17:30Личное сообщение

да ну норм получилось!)
давайте нарисуем капельки в виде капелек,а не реалистичными,как на фото....
бред,норм получилось!) так держать!!!!!!!

-1

Пользователь #6574аленка воронцова24 января 2012 в 02:34Личное сообщение

дошла до капелек,-спасибо,так все понятно! но никак не получаются капельки после ваших слов-"получаем вот такие капельки воды"-просто серые пятнышки, вернулась несколько раз, что то пропускаю?я совсем новичок

1

Пользователь #7149Евгений Козлов25 января 2012 в 20:18Личное сообщение

Алена, серые пятнышки имеют объем?
Если да, то, возможно, вы пропустили шаг, где мы убираем серый цвет капель при помощи функции из меню Цвет/Цвет в альфа канал, в которой в качестве опорного цвета выбираем серый с яркостью 50%.
Если ситуация не такая - попробуйте еще раз повторить все по порядку :-)

1

Пользователь #7149Евгений Козлов25 января 2012 в 22:57Личное сообщение

В том месте, где написано "Получаем вот такие капельки ртути воды." и должны быть серые пятнышки с рельефом :-)
Читайте дальше и не отклоняйтесь от инструкций.
Там чуть дальше рассказано, как сделать серый цвет прозрачным, превратив его в альфа канал.
Я думал на картинках достаточно подробно описано все :-(

0

Пользователь #6574аленка воронцова25 января 2012 в 23:51Личное сообщение

я новичок, и не совсем понимаю объяснения по уроку, вот "Цвет/Цвет в альфа канал, в которой в качестве опорного цвета выбираем серый с яркостью 50%."-ну нет там 50% нигде!честно)а так ж хочется сделать прозрачненькие капельки! вообщем, мне наверно еще рано такие уроки разбирать

0

Пользователь #1812Макс Шевченко26 января 2012 в 00:02Личное сообщение

Котён, тебе нужно поставить как тут:
http://s018.radikal.ru/i515/1201/7b/465fecf79e99.png

0

Пользователь #6574аленка воронцова26 января 2012 в 00:18Личное сообщение

ага, спасибо

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

-2

Пользователь #7261Pantera .30 марта 2012 в 10:19Личное сообщение

хм... а некоторые бузить начинают по поводу "я не умею", а Вы Макс.. ну прям генератор помощи!

Чтобы участвовать в обсуждении вы должны войти или зарегистрироваться.

Информация по уроку

Кисти

GIMP Brush GIMP Brush GIMP Brush GIMP Brush Bitter 7 Arrogance II_2 Arrogance II_3 Arrogance II_4 Arrogance II_5 Arrogance II_6 Arrogance II_7 Arrogance II_8 Arrogance II_9 Bitter 1 Bitter 2 Bitter 3 Bitter 4 Bitter 5 Bitter 6 Bitter 8 Bitter 9 Edge_2 Edge_3 Edge_4 Edge_5 Edge_6 Edge_8 Edge_10 Edge_11 Edge_17 Fusion_9 Fusion_12 Galactic_9 Odysee_4 Odysee_13 Part 2-3 (Scratches) GIMP Brush Water_1 Water_3 Water_34 Water_16 GIMP Brush Pipe mancha mancha GIMP Brush Pipe GIMP Brush Pipe 1_Filsd-test 1_Filsd-test 1_Filsd-test Pincel_2 Pincel_2 Пушистый шар Пушистый шар Created by FiRST AnimalPrints_1 AnimalPrints_2 AnimalPrints_4 AnimalPrints_5 AnimalPrints_6 AnimalPrints_7 AnimalPrints_8 AnimalPrints_9 AnimalPrints_10 AnimalPrints_11 AnimalPrints_13 AnimalPrints_16 AnimalPrints_18 GIMP Brush Pipe real oil 3 GIMP Brush GIMP Brush Created by FiRST GIMP Brush
Воспользуйтесь нашим сортировщиком кистей для подбора нужной кисти.

Похожие страницы

Описание редактора
Про Гимп

GIMP FX Foundry
Скачать → Плагины для GIMP

PSPI
У автора PSPI возникли проблемы с использованием сканера под Linux, и он решил сделать некую переноску из Windows. Так получился PSPI.

Рисование
Уроки по GIMP

G'MIC
Скачать → Плагины для GIMP

Оценка урока

«Создание капель воды и эффекта запотевшего стекла» получил оценку 4.14 на основе 7 голосов.

9170+243
Комментариев