Нарисованная фотография в фотошопе. Фотография: как превратить её в нарисованный портрет

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

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

Для примера возьмём вот такой снимок, сделанный в Португалии:

А вот что получится после наших манипуляций:

Чтобы сделать рисунок из фото в Фотошопе, открываем снимок в программе и создаём цветовой слой: Layer/«Слои» → New Fill Layer/«Новый слой-заливка» → Solid Color…/«Цвет…» .

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

После этого создадим копию основного слоя (Background ) и применим к нему фильтр Photocopy/«Рваные края» из набора .

Новый слой назовём «Грубый набросок» . Установим ему режим наложения Multiply/«Умножение» . Здесь мы имитируем набросок, который художники делают перед прорисовкой деталей.

Но художники никогда не рисуют чёткие и точные линии с первого раза. Мы же хотим сделать что-то похожее на набросок, и черновых линий должно быть больше. Потому создаём копию слоя «Грубый набросок» и немного увеличиваем её. Нажимаем комбинацию клавиш Command + T и в верхнем меню ставим ширину и высоту в 105%.

Холст немного растянется, и линии рисунка будут двоиться. После этого установим непрозрачность этого слоя около 10–20%, чтобы линии стали почти незаметными, как будто бы художник прицеливался и размечал лист для дальнейшего рисунка.

Теперь сделаем то же самое, но уменьшим первоначальный холст, чтобы сделать ещё больше линий-набросков.

Копируем слой «Грубый набросок» и с помощью трансформации уменьшаем ширину и высоту до 95% Устанавливаем для этого слоя непрозрачность 10–20%.

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

Создаём копию базового слоя Background .

После этого воспользуемся фильтром Cutout/«Аппликация» из набора фильтров Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» . Параметры фильтра можно подобрать на свой вкус или воспользоваться нашими настройками.

Перетащим стилизованный слой на верхнюю часть панели слоёв и применим к нему фильтр Filter/«Фильтр» → Stylize/«Стилизация» → Find Edges…/«Выделение краёв…» . Он позволит сильнее выделить основные линии и границы объектов, которые на рисунке должны быть прорисованы лучше.

Теперь сделаем выделенные на предыдущем шаге границы чёрно-белыми: Image/«Изображение» → Adjustments/«Коррекции» → Desaturate/«Обесцветить» .

Назовём новый слой «Эскиз» и установим ему режим наложения Color Burn . Отрегулируем непрозрачность.

Предыдущий шаг можно повторить, чтобы добавить больше деталей.

Итак, у нас почти получилось из фотографии сделать рисунок в Фотошопе. Сейчас нужно добавить немного карандашной штриховки.

Background и перетаскиваем её в верхнюю часть панели слоёв. Применяем к новому слою фильтр Filter/«Фильтр» → Stylize/«Стилизация» → Find Edges…/«Выделение границ…» .

Теперь обесцвечиваем его.

Воспользуемся фильтром Angled Strokes/«Наклонные штрихи» из набора Brush Strokes/«Штрихи» в меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» .

Отрегулируем длину штриха, направление и детализацию.

Новому слою установим режим наложения Multiply/«Умножение» и непрозрачность около 60%. Видно, что на изображение добавились штрихи.

Продолжаем добавлять детали. Сделаем ещё больше штрихов.

Так же дублируем базовый слой Background , применяем фильтр Crosshatch/«Наклонные штрихи» из набора Brush Strokes/«Штрихи» в меню Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» .

Обесцвечиваем его.

Устанавливаем режим наложения Multiply/«Умножение» и регулируем непрозрачность.

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

Создаём ещё одну копию базового слоя Background и перетаскиваем её в верхнюю часть панели слоёв. Устанавливаем режим наложения Color/«Цвет» . Рисунок сразу «раскрасился». Осталось по маске оставить раскрашенными отдельные части изображения.

Добавим к слою маску, нажав на пиктограмму Add Layer Mask/«Добавить маску» в нижнем меню на панели слоёв. По умолчанию добавится маска белого цвета, нам нужно её инвертировать: кликаем по пиктограмме маски и нажимаем комбинацию клавиш Command + I .

После этого выбираем кисть на свой вкус. Это может быть имитация карандаша, мелков или акварели из стандартного набора Adobe Photoshop или какие-то дополнительные кисти.

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

У нас получилось так:

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

Взяв принципы этого метода за основу, можно придумать алгоритм с другими фильтрами из набора Filter/«Фильтр» → Filter Gallery…/«Галерея фильтров…» и в Фотошопе сделать из фото рисунок карандашом.

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

В этом материале я буду использовать программу 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%:

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Рассмотрим самые эффективные способы.

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

Сервис Photo Phunia

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

Также вы можно выбрать текстуру фона исходного файла: цветная, белая или «особая».

Чтобы начать работу, выберите файл на своём ПК. Для этого нажмите на сайте копку Browse.

Затем определите цветовую гамму изображения (чёрно-белая или цветная).

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

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

Сервис Croper

Следующий популярный сайт для создания рисунка из обычной картинки – это Croper . Этот онлайн фоторедактор позволяет применять к фотографии дополнительные эффекты.

С его помощью вы сможете создать уникальное изображение без потери качества.

Одна из самых популярных возможностей этого сайта – функция рисунка карандашом.

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

Интерфейс редактора очень простой. Загрузите файл на сайт, нажав на соответствующую кнопку.

Картинка откроется в новом окне сайта. После этого найдите вкладки главного меню – они расположены в верхней части сайта.

Кликните по очереди на «Операции»-«Эффекты»- «Карандаш».

Сверху странички выберите настройки длины штриха и уровень наклона.

Затем нажмите на клавишу применить, чтобы запустить процесс преобразования картинки.

Это займёт не более одной минуты. При необходимости вы можете настроить контрастность конечного рисунка.

Результат работы Croper представлен на рисунке ниже.

Создание рисунка в Adobe Photoshop

С помощью вы также можете создать из обычной картинки рисунок карандашом.

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

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

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

Мы будем использовать обычную отсканированную фотографию.

Рекомендуем во время работы в Фотошопе не использовать маленькие картинки, ведь после применения эффекта «рисунка» часть пикселей может быть размыта, что ухудшит качество итогового изображения маленького размера.

Для начала нам нужно скопировать оригинальное изображение.

Для этого откройте картинку в программе, дождитесь загрузки панели инструментов и нажмите на кнопку F7 . Затем кликните на сочетании кнопок Ctrl - J .

Таким образом вы создадите дубликат слоя.