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

  • 11.04.2019

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

Шаг 5

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

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

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

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

Шаг 6

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

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

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

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

11 голосов

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

Сегодня я сделаю небольшой обзор сервисов, которые позволяют сделать фото как нарисованное карандашом онлайн. Огромное количество приемов: анимация, стилизация, коллажирование, вставка. Более 3 000 эффектов: импрессионизм, стиль Ван Гога, автоматическая ретушь, акварельные рисунки, пастель, масляная краска, мел.

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

Польза для веб-мастера

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

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

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

Прочитайте статью о том, . Хотя поисковые системы такой контент определяют как уникальный.

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

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

Ну вот, теперь думаю все понятно. Перейдем к обзору сервисов.

Обзор сервисов

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

Не буду более тратить вашего времени и приступлю к детальному обзору.

Photofacefun

Сайт ru.photofacefun.com довольно симпатичный и полностью бесплатный. Здесь вы найдете более 1 400 вариантов для вашей фотографии.

Если хочется превратить картинку в рисунок, то переходим сразу в одноименный раздел и смотрим варианты. К примеру, третий, рисунок карандашом. Жмем на него.

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

Нужно обрезать картинку, чтобы она встала в коллаж.

Готово. Я получил вот такой результат.

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

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

Как и обещал у вас есть быстрый доступ к последней загруженной.

Трудно не согласиться, что картинка крутая. Никаких логотипов, водяных знаков и прочего. Сервис полностью бесплатный.

Но скажу сразу, есть и получше. О нем сейчас и пойдет речь.

Pho.to

Портал funny.pho.to/ru/ действительно может позабавить. Я уже два раза сюда заходил и каждый раз не могу удержаться от смеха и довольной улыбки. Этот ресурс крут. Более 600 рамок, эффектов и фильтров. Кроме того, быстрая автоматическая ретушь портретов, создание gif анимации на основе вашей фотографии и быстрая коррекция.

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

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

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

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

Меня как-то сразу заинтересовали мультяшки. Это действительно весело! Загружаете фото с диска и в правой части начинаете менять эмоции.

На мой взгляд реалистично и забавно.

Можно убрать мультяшный эффект и отсылать друзьям в социальных сетях вместо смайлов.

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

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

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

Фотофания

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

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

Загрузите с компьютера фото.

Обрежьте его.

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

Фотошоп в три шага

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

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

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

Посмотрите как легко и просто можно или . И все это не пропадет впустую. Скачайте бесплатный курс «Профессия веб-дизайнер за 10 дней ». Этот вводный курс может стать для вас первым шагом к прибыльному хобби.


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


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

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

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

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

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…/«Галерея фильтров…» и в Фотошопе сделать из фото рисунок карандашом.

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

Некоторые талантливые художники могут рисовать в технике гиперреализма, но нам, простым смертным, об этом можно только мечтать. К счастью есть Adobe Photoshop, где можно создавать разные интересные эффекты и имитировать рисованные стили. Мы нашли замечательный урок, который сделал Крис Спунер, дизайнер и основатель Blog Spoon Graphics. Он показывает как из простого портретного фото буквально за пару минут можно сделать настоящее произведение искусства с детализованными мазками и бликами.

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

1. Итак, откройте выбранную вами фотографию в Photoshop и добавьте корректирующий слой с кривыми. Нам нужно немного затенить тени и высветлить света, чтобы сделать фото более контрастным.

2. Нажмите Ctrl+J, чтобы дублировать фоновый слой дважды. Затем к верхнему из дубликатов добавьте эффект High Pass из меню фильтров.

3. Отрегулируйте радиус фильтра High Pass в пределах от 1-3 px. Этого будет достаточно для создания нужного эффекта. Больший радиус может привести к появлению нежелательного шума и ореола.

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

5. Теперь объедините слой с High Pass с дубликатом фонового слоя ниже, чтобы закрепить полученный эффект. Сделать это можно используя команду MergeVisible из меню слоев. Только для начала оставьте видимыми только те два слоя, которые собираетесь объединить. После этого перейдите в Filter> Stylize> Diffuse.

6. Измените режим размытия на анизотропный (Anisotropic) - это ключевой момент, который собственно и создает этот волшебный эффект рисунка.

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

8. Перейдите в меню Image> Image Rotation> 90 ° CW для поворота картинки и нажмите Ctrl+F (Cmd+F), чтобы повторить добавление диффузного фильтра.

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

10. Диффузный фильтр отлично имитирует кисть, но в то же время немного размывает изображение. Перейдите Filter > Sharpen > Smart Sharpen, чтобы добавить четкости. Установите значение Threshold в районе 100, но используйте маленький радиус, чтобы не переборщить с обработкой.

11. Результат уже выглядит впечатляюще, но можно сделать его еще интереснее. Выберите Surface Blur из меню Filter > Blur и установите значения Радиуса около 20 а порога около 15 (как видите, при значении радиуса – 40 картинка сильно замыливается).Это создаст плоские участки и придаст фотографии еще более нарисованный вид.

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

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

Исходный урок Криса Спунера вы можете посмотреть . ©PressFoto/Hasloo