Skip to content
Increase font size Decrease font size Default font size default color orange color green color
Путь: Главная Уроки по Gimp Обработка фото Делаем из фотографии карандашный рисунок

Обработка фото

Делаем из фотографии карандашный рисунок

11.08.2009 15:53

Художники-шаржисты делают это достаточно просто - они сканируют свои карандашные наброски, после чего редактируют их. Но вот как сделать реалистичный карандашный рисунок из фотографии, используя графический редактор Gimp? В этом уроке Вы научитесь конвертировать практически любую фотографию в прекрасно выглядящий карандашный рисунок, при этом даже не понадобится использовать ни один из фильтров Gimp. Все что нам понадобится - это несколько режимов отображения слоев.

1

Откройте в Gimp любую фотографию, которую Вам хочется. Если Вы хотите выполнить урок абсолютно так же, как показано ниже, можете использовать фотографию Анджелины Джоли, которую использовал я. Я нашел ее по запросу Angelina Jolie на второй странице результатов поиска по картинкам в Google :)

Открываем исходную фотографию в Gimp

2

Итак, откройте исходное изображение в Gimp и продублируйте фоновый слой. После этого удалите цвета в этом слое, используя пункт меню Gimp Цвет / Тон-Насыщенность (Colors / Colorize-Saturation). Установите значение насыщенности в -100.

Дублируем фоновый слой и обесцвечиваем его

3

Продублируйте полученный обесцвеченный слой еще раз. Теперь у нас имеется 3 слоя.

Дублируем обесцвеченный слой еще раз

4

Теперь выберите в меню Gimp Фильтры / Размывание / Гауссово размывание (Filters / Blur / Gaussian Blur) и выставьте значение радиуса 4. После этого инвертируйте цвета при помощи пункта меню Цвет / Инвертировать (Colors / Invert). После этого установите значение непрозрачности фона в 50 процентов, чтобы увидеть на сером фоне увидеть контуры изображения.

Применяем фильтр Гауссово размывание и инвертируем полученное изображение

5

Объедините этот слой с нижним слоем - кликните правой кнопкой мыши по названию слоя в диалоге слоев Gimp и в появившемся меню выберите Объединить с предыдущим (Merge down).

Объединяем полученный слой с нижним

6

Продублируйте получившийся после объединения слой и измените режим на Добавление (при помощи выпадающего списка в диалоге слоев Gimp). Похожего эффекта можно достигнуть, выбрав режим Осветление.
Итак, наш карандашный рисунок готов!

Дублируем полученный слой и изменяем его режим на Добавление

7

Если Вы хотите сильнее выделить серые линии, можете следовать таким рекомендациям:

Объедините два полученных в итоге черно-белых слоя в один. Продублируйте слой снова и измените режим дубликата на Умножение (Multiply).

Можете повторить этот шаг столько раз, сколько захотите - пока ширина линий не станет приемлемой. Самый простой способ сделать это - нажать комбинацию Ctrl+Shift+D необходимое число раз.

Урок окончен. На изображении ниже Вы можете видеть итоговый карандашный рисунок, совмещенный с исходной фотографией:

Итоговое изображение, выполненное в Gimp, совмещенное с исходной фотографией

Понравилась статья? Подпишитесь на
новые уроки и статьи по RSS или E-mail:


 
Комментарии 
 
+1 # hikolai 19.01.2010 18:49
МолодцЫ
Ответить | Ответить с цитатой | Цитировать
 
 
+2 # monyk 19.01.2010 19:06
У меня на четвертом шаге ничо не получается! Чо делать?
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 04.03.2010 09:07
Цитирую monyk:
У меня на четвертом шаге ничо не получается! Чо делать?

А что именно не получается-то?
Там все просто вроде.
Может вы не знаете, где установить непрозрачность фона? Это делается на панели «Слои» при помощи ползунка под выпадающим списком режимов. Естественно, при этом должен быть выделен необходимый слой (в нашем случае самый последний, верхний слой).
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # al 21.09.2010 07:24
никакого ползунка у меня нет,поэтому серого фона не получается
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 21.09.2010 07:34
Какая версия Gimp у вас, и под какой ОС работаете (Windows, Linux)?
Ответить | Ответить с цитатой | Цитировать
 
 
-4 # ДАФФА 19.03.2010 18:12
а как с фотой совместить
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # zhart 25.03.2010 11:50
Цитирую ДАФФА:
а как с фотой совместить


В смысле, как на последней иллюстрации к уроку?
Вообще это было сделано только чтобы продемонстриров ать конечный результат :)
А делается это проще простого — создаете новый слой (выше всех остальных) и вставляете туда исходную фотографию, после чего инструментом выделения выделить ненужную часть и удалить ее.
Ответить | Ответить с цитатой | Цитировать
 
 
-3 # r0di0n 13.04.2010 03:13
Что даёт гаусово размывание в 4 п.?
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # zhart 13.04.2010 07:11
r0di0n, а вы попробуйте проделать то же самое без размывания и сравните результат.
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # Террра 11.07.2010 09:21
Что самое интересное - никакие мои фотографии определенно не хотят превращаться в рисунок )
На 4 шаге не видно контуров, а на остальных возвращается практически к первоначальному результату :-/
Может, что-нибудь посоветуете?
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # zhart 16.07.2010 15:25
В процессе написания этого урока я сам его проделывал по шагам, и все выглядит именно так, как описано. Ищите ошибки (возможно пропустили какую-то операцию), причем не только в 4-м шаге, но и в предыдущих.
Ответить | Ответить с цитатой | Цитировать
 
 
-4 # Террра 24.07.2010 13:11
Искала, проделывала вновь - ничего не менялось.
Ответить | Ответить с цитатой | Цитировать
 
 
-3 # polnikov.s@mail.ru 02.10.2010 19:57
После этого
установите значение
непрозрачности фона в
50 процентов, чтобы
увидеть на сером фоне
увидеть контуры
изображения .
У меня тоже никаких ползунков. нет.виста.Gimp2.6.10.
--измените режим на
Добавление ( при
помощи выпадающего
списка в диалоге слоев
Gimp ) . эта фраза тоже для новичков непонятна.т.е.где режим добавления.?
Не могли бы вы помочь в этих моментах?спасибо
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # zhart 04.10.2010 07:42
По поводу ползунка ничем помочь не могу — у меня он есть. Возможно, в Windows-версии есть какие-то мелкие отличия, проверить не могу, у меня Linux.

По поводу режима «Добавления» — неужели в диалоге слоев так много выпадающих списков? :)
Список, о котором идет речь — единственный, и он является самым первым (самым верхним) элементом диалога слоев.
Или вы не можете найти диалог слоев? Это панелька, на которой представлен список всех слоев, с которыми вы работаете. Так что по-моему все предельно ясно.

Вообще, перед тем как задавать подобные вопросы, рекомендую хоть немного ознакомиться с документацией к программе (тем более что она доступна и на русском языке). Я не могу в уроках рассказывать о том, где находится каждая кнопочка и панелька (и о прочих подобных элементарных вещах), иначе это будут уже не уроки.
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # pavel554 23.12.2010 15:15
Цитирую :
У меня тоже никаких ползунков. нет.виста.Gimp2.6.10.


Окна -> Cлои,Каналы,Кон туры...
Ответить | Ответить с цитатой | Цитировать
 
 
0 # наташа 04.10.2010 10:42
а у меня все получилось. я взяла вашу фотку. А вот смоей правда не получилось,хочу еще раз попробывать,мрж ет я что то зделала не так
Ответить | Ответить с цитатой | Цитировать
 
 
-4 # arh 26.10.2010 19:45
а трудно побольше скринов сделать по всплывающим вопросам???
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # arh 26.10.2010 20:01
в панеле инструментов в закладке слои.
идет описание по очередности:
слои-название слоя
режим - нормальный (стоит по дефолту, щелкаем по нему и выбираем там осветление))))
Ответить | Ответить с цитатой | Цитировать
 
 
+2 # шУмный 20.12.2010 23:46
Из всего что я видел это самое подробное и толковое объяснение этой операции, покрайней мере понятен принцип работы с слоями,но для того что бы сделать карандаш я пользуюсь Имитацией.Пробуйте, ищите свои ошибки.
Ответить | Ответить с цитатой | Цитировать
 
 
+2 # Квази 29.12.2010 15:47
Спасибо отличный урок все просто и понятно 8)
Ответить | Ответить с цитатой | Цитировать
 
 
-9 # DJA 07.01.2011 04:31
полное Г. фуфел...ничего не получается в винде (
Ответить | Ответить с цитатой | Цитировать
 
 
-2 # zhart 08.01.2011 11:26
К сожалению (или к счастью, это как посмотреть) проверить в винде у меня возможности нет. Под Linux-ом все получается как описано в уроке.
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Капитан 16.01.2011 16:40
Всё круто уже 4 фотки так сделал спасибо ;-D :-D
Ответить | Ответить с цитатой | Цитировать
 
 
-4 # bober__22 17.01.2011 19:34
В Windows XP на GIMP 2.6.5 все получается отлично, за исключением сероватого тона на тех местах где открытые участки кожи. Не могли бы Вы подробнее объяснить как от этого оттенка избавится?
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Олег_читатель 26.03.2011 20:10
Спасибо. Просто и гениально. Правда не для фсех фото возможен хороший реультат. Много намучился с параметром прозрачности в 50. После него картинка порой совсем не видна, а ставишь больше или меньше получается - "шляпа", но вообще урок супер. Спасибо большое!)
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # zhart 27.03.2011 18:34
Спасибо и Вам за хороший отзыв :)
Ответить | Ответить с цитатой | Цитировать
 
 
+1 # Iren 11.04.2011 22:44
Вы все дауны! Все отлично получается!
Ответить | Ответить с цитатой | Цитировать
 
 
-1 # SST 02.05.2011 12:17
Все получилось. Спасибо!
Ответить | Ответить с цитатой | Цитировать
 
 
-7 # egon 09.05.2011 17:41
а что скрины не на французом, а еще лучше на арабском? немецкий слишком обыденно.
Ответить | Ответить с цитатой | Цитировать
 
 
+4 # zhart 09.05.2011 19:49
Не нравится? Сделайте лучше.
Ответить | Ответить с цитатой | Цитировать
 
Добавить комментарий


Защитный код
Обновить