Фотошоп карандашный рисунок из фотографии. Как сделать реалистичный эффект живописи в Photoshop

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

Кстати эту технику можно использовать для превращения векторных клипартов в картинки, которые можно потом давать своим детям, чтобы они учились раскрашивать их! Или использовать в коммерческих целях для создания книжек-раскрасок:) Вообщем сейчас вы сами все увидите.

Шаг 1

Открываем фотографию-донор.

Шаг 2

Теперь нужно применить фильтр. Выполните следующую команду: Фильтр — Размытие — «Умное» размытие .

Шаг 3

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

В итоге получится такое изображение:

Шаг 4

Избавимся от черного цвета, выполнив команду — Ctrl+I .

Шаг 5

Края выглядят неопрятными. Сделаем их более гладкими и добавим мультяшного эффекта, детки такое очень любят. Для этого выберите Фильтр — Имитация — Аппликация .

Откроется следующее окно:

(Кликните, чтобы увеличить)

Здесь необходимо настроить два параметра: Простота краев и Четкость краев для регулировки толщины и качества линий обводки.

Шаг 6

Применим фильтр и смотрим как из цветной фотографии получился рисунок карандашом:

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

Еще я возьму и подотру лишние линии. В итоге получился такой результат:

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

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

Что мы хотим получить:

Шаг 1

Начнем с того, что выберем фотографию, над которой будем работать. Желательно, чтобы фон был чистым, а фото — качественным. Как крайний вариант, скачайте такое фото со стока.

Только с этими условиями мы добьемся нужного результата.

Шаг 3

Перетащите фоновый слой поверх иконки нового слоя в панели Layers / Слои, или используйте комбинацию CMD+J для создания дубликата слоя. Переходим Image > Adjustments > Invert / Изображение > Коррекция > Инверсия (или CMD+I ) и правым кликом выбираем Convert to Smart Object / Преобразовать в смарт-объект.

Шаг 4

Выбираем Gaussian Blur / Размытие по Гауссу и меняем радиус на 40 пикс . Использование Smart Object применит этот фильтр как Смарт-Фильтр (то есть умный!) таким образом, что мы сможем просто настроить параметры по необходимости, вместо того, чтобы постоянно применять этот эффект.

Измените режим наложения слоя-дубликата на Color Dodge / Осветление Основы , что существенно повысит контраст и даст поверхности зернистость, которая нам необходима.

Шаг 5

Нажмите на иконку Adjustment Layer / Корректирующий слой и выберите Levels / Уровни . Передвиньте слайдеры теней и Midtones / Cредние Тона немного вправо, чтобы чуть затемнить изображение.

Шаг 6

Добавьте новый Adjustment Layer / Корректирующий Слой и теперь выберите опцию Black and White / Черно-белое . Настроек по умолчанию будет достаточно, чтобы удалить цвет и придать изображению больше «карандашности».

Шаг 7

Используйте CMD+A , чтобы Select All / Выделить Все , потом воспользуйтесь Edit > Copy Merged / Редактирование > Скопировать Cовмещенные Данные (или сочетание клавиш CMD+Shift+C ). Это сделает обтравку всех видимых слоев. Нажмите CMD+V , чтобы вставить этот слой поверх остальных.

Теперь делаем так: Filter > Filter Gallery / Фильтр > Галерея фильтров , потом идем в Glowing Edges / Свечение Краев из меню Stylize / Стилизация . Меняем параметры, как показано ниже:

Теперь Image > Adjustments > Invert / Изображение > Коррекция > Инверсия (или the CMD+I ), чтобы сделать негатив снимка (вместо черного на белом получится белое на черном фоне).

Шаг 8

Поменяйте режим наложения у этого слоя на Multiply / Умножение , затем снизьте непрозрачность слоя до 50-60%.

Шаг 9

Нажмите на иконку New Layer / Новый Слой внизу палитры Layers / Слои , затем нажмите CMD+Backspace , чтобы залить слой белым (это цвет фона по умолчанию). Снова вернитесь в Filter Gallery / Галерея Фильтров , но теперь выбираем Texturizer / Текстуризатор . Измените настройки на Sandstone.

Измените режим наложения у этого слоя на Multiply / Умножение чтобы можно было увидеть основные линии, затем снизьте непрозрачность до 50% , чтобы добиться эффекта текстуры тонкой бумаги. Чтобы добиться усилить эффект цветного карандаша, выключите слой с черно-белой коррекцией.

Итог

В результате мы получили вполне реалистичный эффект карандашного наброска с натуральными линиями и затемнениями.

Перевод — Дежурка

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

Следуйте инструкции:

1 Откройте нужную фотографию в Photoshop и добавьте новый слой цветового тона и насыщенности. Для этого найдите в окне программы панель отображения стилей и в ней кликните на вкладку «Adjustments» (Коррекция) ;

2 Кликните на указанный на рисунке ниже значок «Hue» (тон-насыщенность);

3 Во вкладке слоев появится новый слой «Цветовой тон-Насыщенность» . Этот слой является корректирующим и позволяет изменить палитру оттенков и структуру фото;

4 Кликните на новый слой. Появиться окошко настроек его параметров. В поле Saturation выставьте значение «-100» . Таким образом вы уменьшите насыщенность изображения;

5 Теперь картинка станет черно-белой. Далее нужно выбрать фоновой слой. Нажмите на него в окне Layers ;

6 Следующий шаг – дублирование существующего фонового слоя. В шапке программы нажмите на вкладку Layer. В выпадающем списке кликните на «New Layer»-«Layer via Copy»;

7 В результате, на панели отображения слоев появится копия фона;

В результате, картинка должна отображаться как негатив.

9 Изменим тип наложения слоя. Выберите копию фонового слоя и активируйте режим Color Dodge. Это необходимо для осветления основы. Картинка станет белой с отображением нескольких темных участков;

10 Теперь из получившегося слоя нам нужно сделать смарт-объект. Кликните на дубликат фона и затем кликните на кнопку «Меню слоя» ;

11 В выпадающем списке конвертируйте элемент в «Smart Object» . После этого возле превью слоя появится значок, который говорит о присвоении объекту смарт-ярлыка.

12 Для применения фильтра кликните на меню «Filter». Далее перейдите во вкладку «Blur» и выберите «Gaussian Blur ». В открывшемся окошке для Radius выставьте значение 12,0 пикселей. Сохраните настройки;

На фото появятся очертания силуэта и изображение станет точно таким же, как и привычный нам рисунок.

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

Редактор GIMP

GIMP – это одна из самых популярных альтернатив . По своему функционалу и возможностям обработки GIMP не уступает профессиональным платным приложениям.

Обработку фото можно выполнять в любой версии программы.

Сам процесс преобразования картинки простой и займет не более 5-ти минут.

Для начала откройте в программе исходное изображение и выполните обесцвечивание. Кликните на вкладку меню «Цвет» и выберите «Обесцветить» .

Теперь скопируйте фоновой слой и теперь работайте исключительно с копией.

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

Откройте вкладку меню «Фильтр» и кликните на «Выделение края» -«Край» .

В открывшемся окне настройте такие параметры:

• Основа оттенков серого – «Светлота» ;
• Алгоритм – «Лаплас» ;
• Величина – «2,0» ;
• Действие – «Размыть» .

Сохраните настройки. В результате, края картинки приобретут очертание рисунка.

Осталось только инвертировать картинку для получения реалистичного арт-дизайна.

Кликните на вкладку «Цвет » в шапке программы и выберите пункт «Инвертировать ». Результат выполнения действия:

Стандартный Paint . NET

PAINT.NET – это стандартный редактор графики для Windows.

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

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

Рисованного изображения из любого фото.

Фото «До» и «После» обработки:

Следуйте инструкции:

1 Откройте исходное изображение в редакторе;

2 Скопируйте базовый слой фотографии и выберите для него встроенный эффект «Картина маслом» . Такая опция доступна во всех версиях программы;

3 В появившемся окне регулировки параметров выставьте подходяще значения размытости. Также. Рекомендуем поэкспериментировать с размерами кисти и мазками. Всегда можно удалить скопированный слой и заново использовать основной;

5 Барельеф позволяет создать четкость и границы рисунка. Чтобы убрать серый цвет из дубликата слоя, в окне настроек «Layers» кликните на «режим смешивания» и выберите пункт «Перекрытие» .

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

1) Итак, открываем фото девушки программой фотошоп и приступаем. Первым делом мы делаем копию слоя с фото и верхнему слою делаем наложение "Осветление основы", вместо "Обычное".

2) Далее, к этому же верхнему слою применяем "Инверсию". Для этого при выделенном верхнем слое в панели слоев, выбираем в верхнем меню "Изображение" - "Коррекция" - "Инверсия", либо нажимаем сочетание клавиш "Ctrl" + "i".

3) Теперь к этому же слою мы применим фильтр "Размытия по Гауссу", для этого при выделенном слое выбираем в верхнем меню "Фильтр" - "Размытие" - "Размытие по Гауссу" и в появившемся окошке фильтра настраиваем радиус размытия значением "26,3". Данное значение подобрано именно для размера редактируемого нами фото, если размер будет больше или меньше, то значение размытия тоже придется подбирать другое. Главное, чтобы получился такой же результат.

4) Теперь необходимо обесцветить обрабатываемый слой. Для этого, при выделенном слое, в панели слоев снизу выбираем корректирующий слой "Цветовой тон/Насыщенность".

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

6) Теперь выделяем нижний слой с фото, которое в первозданном виде и преобразовываем этот слой в "Смарт-объект". Для этого кликаем по нему правой кнопкой мыши и выбираем "Преобразовать в Смарт-объект".

Теперь применим к данному слою фильтр "Перекрестные штрихи", который и будет имитировать эффект карандашных штрихов. Для этого, при выделенном слое в верхнем меню выбираем "Фильтр" - "Галерея фильтров" - "Перекрестные штрихи" во вкладке фильтров "Штрихи". Теперь настраиваем фильтр по значениям как на скриншоте.

После данных манипуляций мы получим то, что хотели - эффект карандашного рисунка из обычного фото.

Научиться делать настоящий рисунок из фотографии хотелось бы многим. Действительно, так, иногда, выгодно смотрятся сочетания красивых фотографий и карандашных рисунков. Есть в этом деле своя прелесть.

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

Рассмотрим два подхода к решению этого вопроса:

Начнём осваивать первый вариант.

Мне на глаза попался довольно интересный видео урок который снял Алексей Кузьмичёв. Действительно, на выходе получился неплохой рисунок карандашом из фотографии.

Превращаем фото в карандашный рисунок

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

Делаем рисунок карандашом из фотографии пошаговая инструкция

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

1. Делаем две копии выбранной фотографии – Ctrl+J . Видимость первой верхней копии отключаем.

2. Переходим на вторую копию и нажимаем Ctrl+I – инвертируем слой. Преобразуем слой в смарт-объект . Делаем режим наложения – осветление основы . Переходим в Фильтры – Размытие по Гауссу – делаем радиус размытия 15 px.

• — добавляем к этому слою корректирующий слой Насыщенность – понижаем насыщенность до –100 (обесцвечиваем снимок);
• — второй корректирующий слой – Уровни , в левом окошке выставляем значение 95 (добавляем контраста для фотографии);
• — все три слоя группируем (выделяем слои с зажатым Shift и нажимаем Ctrl+G), называем эту группу Основа ;

3. Переходим к верхнему слою, включаем его видимость.

• — преобразуем его в смарт-объект , выбираем на палитре цветов черный цвет, фоновый цвет должен быть белым;
• — выбираем фильтр Галерея фильтров — Эскиз – Ксерокопия – детализация 3, затемнение – 20;

— фильтр Галерея фильтров — Штрихи – Наклонные штрихи – Баланс направления – 78, длина штриха – 50, резкость – 10; Меняем режим наложения на Затемнение; Называем слой Контур ;

• — дублируем данный слой Ctrl+J , меняем режим наложения на Затемнение основы , уменьшаем прозрачность слоя до 80%, называем слой в Контур – копия ;

4. Создаём копию слоя Контур-копия Ctrl+J ;

• — фильтр Галерея фильтров — Иммитация – Фреска – размер 10, детализация – 10, текстура – 1;
• — фильтр Галерея фильтров — Эскиз – Почтовая бумага – Тоновый баласт – 50, зернистость – 5, рельеф – 25;
• — меняем прозрачность на 60%;

5. Копируем основной, нижний слой с фотографией Ctrl+J , перемещаем копию на самый верх;

• — фильтр Галерея фильтров — Текстура – Текстуризатор – Текстура – кирпич, масштаб – 100%, рельеф – 15, свет – справа, галочку напротив Инвертировать;
• — фильтр Галерея фильтров — Эксиз – Полутоновой узор – размер – 4, контрастность – 4, тип узора – линия;
• — фильтр Размытие — Размытие в движении – угол 45, смещение 40 px;
• — Режим наложения для этого слоя – Жесткий свет ;
• — называем слой Полутона ;

6. Дублируем данный слой Ctrl+J ;

• — фильтр – Зерно, интенсивность – 45, контрастность – 45, тип зерна – брызги;
• — меняем прозрачность слоя – 85%;
• — называем слой Зерно ;

7. Дублируем слой Контур Ctrl+J и помещаем копию на самый верх;

• — фильтр Галерея фильтров – Имитация – Фреска – размер –10, детализация – 10, текстура – 1;
• — Режим наложения слоя – Затемнение основы , прозрачность – 60%;

8. Дублируем слой Полутона, помещаем копию на самый верх;

• — фильтр Галерея фильтров – Текстура – Зерно – зерно, интенсивность – 45, контрастность – 65, тип зерна – брызги;
• — фильтр Галерея фильтров – Эскиз – Уголь – интенсивность – 6, детализация – 5, тоновый баланс – 88;
• — фильтр Галерея фильтров – Эскиз – Полутоновый узор – размер – 1, контрастность – 0, тип узора – линия;
• — фильтр Размытие – Размытие в движении – угол 45, смещение 100 px;
• — режим наложения слоя – Обычный , прозрачность слоя – 70% ;

8. Дублируем основную фотографию Ctrl+J , помещаем копию на самый верх, преобразуем в смарт-объект ;

• -фильтр Галерея фильтров – Эскиз – Ксерокопия – детализация –3 (иногда лучше поставить 2 для более изящной линии), затенённость – 20;
• — режим наложения для слоя Умножение , прозрачность – 50% ;

9. Добавляем к рисунку текстуру бумаги:

• — скачиваем изображение с текстурой бумаги на свой компьютер, вот ;
• — перетаскиваем изображение с текстурой бумаги на наше изображение, оно должно быть сверху;
• — растягиваем по размеру всей фотографии через Трансформацию ;
• — меняем режим наложения на Умножение ;
• — меняем прозрачность на 60% ;

Для себя я сделал файлик в Ворде и распечатал, на одном листе с двух сторон всё это дело легко поместилось. С таким подходом осваивать эту технику намного проще и удобнее.

Вот ещё одна картиночка, которая у меня получилась. Наводим мышку, видим оригинал. Тут, правда, пришлось немного с масками поработать для дополнительного размытия фона:

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

Это один способ. Результат, в принципе, не плохой, для определённых задач может подойти, но, до настоящего рисунка, увы, далековато. Для полноты освоения техники перевода фотографии в карандашный рисунок, предлагаю ещё один способ, в котором нет никаких фильтров и конечный результат будет зависеть только от вашего художественного вкуса.

Рисунок карандашом из фотографии без фильтров

Этот вариант больше похож на рисование и полагаться придётся на своё внутреннее чувство меры и гармонии. Из одной и той же картинки можно получить совершенно разные результаты. Но, как говорится, тем интереснее.

Тут важно выбрать хорошую, контрастную фотографию. Чем выразительнее будут глаза и черты лица, тем больше шансов получить на выходе качественный рисунок.

Я выбрал фотографию девочки в шляпе со снегом. Контраст хороший, глаза выразительные. На мой взгляд, перевод в карандаш может придать фотографии легкость, воздушность, большую созвучность внутреннему миру ребёнка. Что, в итоге и получилось. При наведении мышкой можно увидеть разницу между оригиналом и конечным результатом:

Теперь рассмотрим, что для этого нужно сделать.

• Берём нашу фотографию и делаем две копии комбинацией клавиш Ctrl+J , на палитре цветов Основной цвет – белый, фон — чёрный;
• Верхний слой называем Шпаргалка , клавишами Ctrl+Shift+U обесцвечиваем его, Прозрачность слоя устанавливаем на 40% ;
• Второй слой называем Рисунок , Ctrl+Shift+U обесцвечиваем его, Слой – Слой маска – Скрыть всё – делаем маску слоя;
• Над Основным изображением создаём новый слой, заливаем его белым цветом;
• Выделяем Слой-маска на слое Рисунок , рисовать будем на нём;

Вот, что у нас должно получиться на этом этапе:

Создаём нужные слои для рисунка карандашом из фотографии

Первая кисть – Карандаш-линия

Для выделения самых выразительных элементов изображения нам понадобится Кисть похожая на след карандаша.

• Выбираем инструмент Кисть – клавиша B , включаем Панель управления кистями F5 ;
• Выбираем обычную, круглую кисть с жёсткими краями, выставляем размер от 2 до 6 пикселей. Я поставил 4 px ;
• Ставим галочку в пункте Динамика формы (Shape Dynamics ) – Колебание размера (Size Jitter) выставляем на 60% ;
• Рассеивание (Scattering ) – Рассеивание ставим 43% ;
• Передача (Other Dynamics ) – Колебание непрозрачности (Opacity Jitter ) выставляем на 10% ;
• Правый верхний угол Панели управления кистями – выбираем Новый набор параметров кисти – Сохраняем нашу новую кисть под названием Карандаш-линия ;

Можно приступать к первоначальному наброску. Задача, на этом этапе – аккуратно выделить необходимые части рисунка для большей выразительности. Начинать, желательно, максимально аккуратно, прозрачность выставлять от 10 до 30%. Тут лучше немного не дорисовать, затем, ближе к концу, можно ещё раз сделать необходимые выделения.

Не надо бояться ошибиться. Помните, мы работаем на Маске, а белая кисть в этом режиме лишь проявляет изображение нижнего слоя.

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

Первоначальный эскиз карандашного рисунка

Вторая кисть Карандаш-штриховка

Теперь пришло время перейти к штриховке. Для этого понадобится специальная кисть.

• Выключаем видимость слоёв Рисунок и Шпаргалка;
• Делаем основной цвет Чёрным, Прозрачность выставляем на 100% ;
• Кисть Карандаш-линия , делаем толщину 2px и проводим по белому слою линию с зажатой клавишей Shift , длина линии примерно 80px ;
• Волшебной палочкой (клавиша W) выделяем эту линию;
• Редактирование – Определить кисть – сохраняем эту новую кисть под названием Временная , линию с белого слоя удаляем;
• Включаем Панель управления кистями F5 и проводим нужные настройки для новой кисти;
• Динамика формы (Shape Dynamics ) – Колебание размера (Size Jitter) 60%, Колебание угла (Angle Jitter ) – 3% ;
• Рассеивание (Scattering ) – Рассеивание — 43% ;
• Передача (Other Dynamics ) – Колебание непрозрачности (Opacity Jitter ) — 10%, Колебание количества краски (Flow Jitter ) – 80% ;
• Форма отпечатка кисти (Brush Tip Shape ) – Интервалы (Spacing ) – 70%, Угол (Angle ) выставляем значение (-20 градусов);
• Сохраняем новую кисть с названием Карандаш-штриховка ;

Выставляем прозрачность кисти Карандаш-штриховка на 5-10% и начинаем аккуратно штриховать свой рисунок. Слой Шпаргалка можно отключить, чтобы сразу было видно то, что получается на белом листе.

Постепенно, меняя размер кисти, прозрачность и угол наклона кисти можно добиться весьма неплохого результата. Не ленитесь, почаще меняйте все эти значения, тем самым вы приближаете своё творение к настоящему карандашному рисунку.

При необходимости, нужные участки можно дополнительно обработать кистью Карандаш-линия.

И не забывайте простую истину, лучше немного не доделать, чем переборщить. Постепенно, с освоением техники, сформируется устойчивое понимание того, когда надо остановиться.

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

Всем удачи и необычных творческих решений.