Обработка фотографий в стиле рисунка карандашом. Фотография: как превратить её в нарисованный портрет

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

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

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

Шаг 10

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

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

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

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

ИТОГ

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

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

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

11 голосов

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Photofacefun

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

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

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

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

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

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

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

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

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

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

Pho.to

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

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

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

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

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

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

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

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

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

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

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

Фотофания

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Как сделать из фото рисунок карандашом онлайн

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

Photo Phunia

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

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

Croper

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

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

Программы для создания рисунка из фото

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

Как из фото сделать рисунок в Фотошопе

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

После того, как пользователь установит на свой компьютер программу Adobe Photoshop , потребуется запустить ее и открыть там изображение, над которым и будет производится работа. После этого следует найти вкладку «Adjustments » (Коррекция), который будет находится на панели отображения стилей, после этого следует нажать на инструмент «Hue » (Оттенок).

После проведенных действий в списке, который содержит все слои, появится еще один, позволяющий изменять палитру оттенков. Называется он Цветовой тон/Насыщенность .

Необходимо в него зайти и переместить ползунок Saturation (Насыщенность) в крайнее левой положение.

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

Теперь следует скопировать его . Для этого следует отыскать в главном меню пункт Layer (Слои), нажать на него, после чего кликнуть на «New Layer» — «Layer via Copy» (Новый слой – Скопировать).

Теперь снова придется использовать главное меню, в нем нужно найти Image (Изображение), после чего кликнуть на «Adjustments»-«Invert » (Коррекция – Инверсия). Эти действия позволят отобразить фотографию в виде негатива. Теперь в списке понадобится выбрать копию фонового слоя и нажать на пункт Color Dodge

Теперь нужно перейти к меню слоя.

В этом меню нужно произвести конвертирование в «Smart Object » (Смарт-объект). Теперь это смарт объект и у него есть ярлык.

Теперь следует применить еще несколько пунктов меню. Для начала нажать на Filter (Фильтры), после чего перейти к пункту «Blur» (Размытие) и кликнуть по «Gaussian Blur » (Размытие по Гауссу). Радиус выставить в 12.

На этом все будет закончено, можно сохранять результат.

В случае необходимости цветного рисунка, следует активировать пункт цветности в слоях.

GIMP

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

Чтобы сделать эскиз из фотографии, нужно нажать на «Цвет», после чего кликнуть по «Обесцветить ». Далее стоит зайти в слои и произвести копирование фонового слоя, после чего работать уже с этой копией.

Теперь следует кликнуть по «Фильтру», а дальше нажать на «Выделение края » - «Край». Откроется окно с настройками, нужно установить такие же, как и на рисунке. То есть «Светлота», Алгоритм Лаплас, Величина 2.0, «Размыть».

Осталось произвести последнее действие, следует нажать на «Цвет», а потом выбрать пункт «Инвертировать ».

Также весь процесс можно посмотреть на видео:

Paint.NET

Главным плюсом Paint.NET является ее простота использовании. Картинки до и после обработки представлены на рисунке.

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

После этого можно перейти к эффектам, выбрать стилизацию и указать Барельеф .

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

Программы для Андроид

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

Prisma

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

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

Карандашный рисунок

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

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

Sketch Камеры

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

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

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