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

В данном материале я расскажу, как без особых затрат времени и каких-либо углублённых знаний и хитростей, превратить портретную фотографию в карандашный рисунок (эскиз).

В этом материале я буду использовать программу Photoshop версии CS6, но действия и команды, применяемые в статье, подойдут для всех версий Photoshop вплоть до CS3.

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

Первое, с чего мы начнём - это создание копии оригинального изображения. Откройте фотографию в программе Photoshop, затем откройте палитру слоёв (нажать клавишу F7) и нажмите комбинацию клавиш Ctrl+J, после чего фоновый слойпродублируется:

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

Теперь нам надо обесцветить изображение. Для этого пройдите по вкладке главного меню Изображение --> Коррекция --> Обесцветить (Image --> Adjustments --> Desaturate) или просто нажмите комбинацию клавиш Ctrl+Shift+U.

Теперь нам понадобится создать дубликат чёрно-белого слоя, в данный момент он у нас активен (подсвечен синим), поэтому для дублирования снова нажмите Ctrl+J:

Инвертируем цвета слоя. Пройдите по вкладке главного меню Изображение --> Коррекция --> Инверсия (Image --> Adjustments --> Invert) или просто нажмите комбинацию клавиш Ctrl+I.
Данное действие в нашем случае инвертирует значения яркости, что делает светлые участки тёмными, а тёмные - светлыми, иными словами, мы получим негатив фотографии:

Изменим режим наложения этого слоя на "Осветление основы" (Color Dodge). При этом окно рабочего документа заполнится белым цветом. В зависимости от образа Вашей фотографии, в некоторых местах могут оставаться чёрные области, но большинство документа будет заполнено белым:

Теперь проходим по вкладке главного меню Фильтр --> Размытие --> Размытие по Гауссу (Filter --> Blur --> Gaussian Blur)

Это открывает диалоговое окно соответствующего фильтра. Начните перемещать ползунок "Радиуса" вправо, и Вы увидите, как в документе начнёт проявляться эффект эскиза. Чем дальше вы переместите ползунок, тем больший будет применяться эффект размытия и, соответственно, будет повышаться интенсивность эффекта эскиза. Однако, если вы переместите ползунок слишком далеко, будут появляться полутона и эффект карандашного рисунка будет пропадать. В моём случае я остановился на значении 12,5 пикселей:

Кликните правой клавишей мыши по активному (верхнему) слою, при этом откроется контекстное меню, в котором наведите курсор мыши на пункт "Объединить видимые" (Merge Visible), зажмите клавишу Alt и кликните левой клавишей мыши по этому пункту. Благодаря зажатой Alt у нас появится новый слой, состоящий из двух объединённых верхних (видимых) слоёв. При этой манипуляции вид фотографии в рабочем окне документа не изменится. Вот как будет выглядеть палитра слоёв:

Изменим режим наложения этого нового слоя на "Умножение" (Multiply), это действие затемнит линии в эскизе. Если вы обнаружили, что линии стали слишком тёмными, уменьшите значение Непрозрачности (Opacity) слоя. У себя я понизил Непрозрачность до 50%:

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

Итак, продолжаем. Сделаем копию фонового слоя, находящегося внизу палитры слоёв, для чего кликаем левой клавишей мыши по этому слою и нажимаем комбинацию Ctrl+J, при этом новый слой создастся непосредственно над оригиналом.
Но нам этот слой нужен для придания цветов эскизу, поэтому мышкой перетащим его на самый верх в палитре слоёв.

Теперь осталось только изменить режим наложения на "Цветность" (Color) и уменьшить Непрозрачность (Opacity), в моём примере я задал значение Непрозрачности 65%:

Взгляните ещё раз на конечный результат:

Сегодня на очереди одна из классических тем — создание эффекта карандашного рисунка из фотографии. Это одна из тех быстрых и легких техник, которая приносит проффи настоящее удовлетворение, но и делает урок полезным для новичков. Конечно, 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% , чтобы добиться эффекта текстуры тонкой бумаги. Чтобы добиться усилить эффект цветного карандаша, выключите слой с черно-белой коррекцией.

Итог

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

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

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

Исходное изображение:

Конечный результат:

Шаг 10

Активируем нижний черно-белый слой и устанавливаем режим наложения или , в зависимости от того, как выглядит ваше фото.

С режимом Перекрытие :

С режимом Мягкий свет :

Чтобы понизить интенсивность цвета, можно на втором черно-белом слое или на фоновом слое понизить значение .

ИТОГ

Готовый результат должен выглядеть примерно так:

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

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

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

Подготовка фото

При помощи комбинации клавиш (Ctrl+J) создайте копию фонового слоя. Будем использовать ей в качестве основы переименуем эту копию в «Контуры».

Хочется получить имитацию рисунка, выполненного простым карандашом нужно лишить цвета наши «Контуры». Для этого выполните команду «Обесцветить» как показано или используйте комбинации клавиш (Shift+Ctrl+U).

Значение параметра «Зерно» зависит от вашего фото и художественного замысла, я для своей работы выбрал значение 2 % так как работаю в небольшим фото всего 1000х667 пикс. Воспользуйтесь чек боксом «по Гауссу» в пункте «Распределение» для того чтобы равномерно расположить появившейся шум на нашем будущем рисунке. И установите галочку на «Монохромный» чтобы шум был одноцветным.

Создайте копию этого слоя способом, описанным выше и переименуйте его в «Холст» так как на нём будет проявляться наш рисунок. Изменить режим наложения «Холст» на затемнение, сделать это можно при помощи выпадающего списка в палитре показанном ниже.

Скройте «Холст» под маской используя команду «Скрыть все». Пройдя по пути Главное меню Слои – Слой-маска – Скрыть все. В результате получим чёрную маску.

Следующим этапом нужно проявить контуры нашего будущего творения для имитации карандашной обводки. Вернитесь на слой «Контуры» и примените к нему фильтр «Свечение краёв» из «Галереи фильтров»

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

По завершении этой операции нажмите на кнопку «ОК». Мы получили негативное изображение, нам нужно инвертировать его чтобы привести в «божеский» вид. Примените к слою «Контуры» команду «Инверсия» при помощи сочетания клавиш (Ctrl+I). И измените режим наложения на «Мягкий свет» при помощи списка палитры, настройте непрозрачность в пределах от 20 до 25 %.

Последняя операция по подготовке нашего фото – создание подложки. Создайте новый слой под слоем «Контуры». Залейте его белым цветом (используйте сочетание клавиш Shift+F5 в открывшемся диалоге «Использовать» выберите Цвет «Белый» нажмите клавишу ОК). С подготовкой закончили, переходим непосредственно к созданию рисунка.

Создание рисунка из фото

Работать над рисунком будем при помощи «Кисти», возьмите этот инструмент на панели инструментов программы. На панели параметров инструмента выберите кисть «Круглая изогнутая с редкой щетиной».

Задайте инструменту следующие параметры.

Чем больший процент «Щетины» вы укажете тем более тонкими будут линии имитирующие карандашную штриховку

Установите непрозрачность инструмента от 40 до 50 %. Установите белый цвет переднего плана сделайте активной маску слоя «Холст». Работайте по маске белой кистью проявляя рисунок. Для регулирования размера кисти во время работы используйте клавиши ([)увеличения (]) уменьшения.

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

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

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

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

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

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

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

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

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

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

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

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% и начинаем аккуратно штриховать свой рисунок. Слой Шпаргалка можно отключить, чтобы сразу было видно то, что получается на белом листе.

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

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

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

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

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