Как из фотографии сделать рисунок в фотошопе: Рисунок из фото в Photoshop

Содержание

Как переделать фото в подробный карандашный эскиз с сохранением мелких деталей

Шаг 1: Дублирование фонового слоя и переименование дубликата

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

Открываем изображение в Photoshop, в панели слоёв имеется всего один слой — фоновый. Для его дублирования нажимаем комбинацию клавиш Ctrl+J.

Мы собираемся полностью обесцветить этот слой, поэтому давайте переименуем его в «Desaturate».

На данный момент в панели слоёв у нас имеется два слоя — «Фон» и «Desaturate».



Панель слоёв с фоновом слоем и переименованным дубликатом.

Шаг 2: Обесцвечивание слоя

Чтобы удалить цвет из этого слоя, пройдите по вкладке главного меню Изображение —> Коррекция —> Обесцветить (Image —> Adjustments —> Desaturate) или нажмите Ctrl+Shift+U. Результат:



Изображение после обесцвечивания слоя «Desaturate».

Шаг 3: Дублируем слой «Desaturate»

Далее, нам необходимо сделать копию нашего обесцвеченного слоя. Дублируйте его точно так же, как мы делали ранее — нажатием клавиш Ctrl+J. Далее нам понадобится инвертировать света и тени слоя, поэтому переименовываем новый слой в «Invert».

Шаг 4: Инвертируем слой

Для того, чтобы инвертировать световые тона слоя, пройдите по вкладке главного меню Изображение —> Коррекция —> Инверсия (Image —> Adjustments —> Invert). Вот как теперь должно выглядеть изображение в документе:



Панель слоёв и вид изображения после применения команды «Инвертировать» (Invert).

Шаг 5: Измените режим наложения слоя на «Осветление основы» (Color Dodge)

Следующее, что нам нужно сделать — это изменить режим наложения слоя «Invert».
Это действие сделает изображение полностью белым (впрочем, вы можете увидеть несколько случайных участков чёрного, это зависит от вашей исходной картинки, но, в любом случае, большая часть изображения станет белой):



Изменение режима наложения слоя на Color Dodge временно превращает изображение в белое.

Шаг 6: Применение фильтра «Минимум» (Minimum)

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

В прошлый раз мы создавали эффект путем размывания слоя с помощью фильтра «Размытие по Гауссу» (Gaussian Blur). Этот метод отлично подходит для портретных фотографий, потому что при преобразовании в эскиз скрываются мелкие, ненужные детали лица, такие как морщины, прыщи, пятна и т.п. Но для преобразования фотографий пейзажей требуется сохранить именно мелкие детали, что мы и будем делать сейчас.

Для сохранения мелких деталей мы будем использовать другой фильтр — «Минимум» (Minimum). Несмотря на то, что этот фильтр Photoshop применяется относительно редко, в некоторых случаях он и его противоположность, фильтр «Максимум» (Maximum), могут быть чрезвычайно полезными. Оба они получили свое название от того, что они делают.

Фильтр «Минимум» (Minimum) как-бы стягивает, сжимает белые участки изображения путем сгущения и расширяет тёмные области. Фильтр «Максимум» делает противоположное — он расширяет и распространяется белые участки с уменьшение черных областей. Другими словами, фильтр «Минимум» минимизирует белый, тогда как «Максимум» максимизирует белый.

В то время, как эти два фильтра наиболее часто используются при уточнении области выделения и слой-масок, у них есть ещё много творческих применений. Чтобы выбрать фильтр, пройдите по вкладке главного меню Фильтр —> Другие —> Минимум (Filter —> Other —> Minimum), после чего откроется диалоговое окно фильтра. Как я уже говорил, фильтр «Минимум» сокращает размер белых областей за счет расширения черных областей Мы можем управлять значением разброса чёрных областей, изменяя параметр «Радиус» (Radius), его ползунок расположен в нижней части диалогового окна. Значение «Радиуса» по умолчанию радиус задано в 1 пиксель. Как правило,этого хватает, но, если вы работаете с большим изображением, можно увеличить «Радиус до двух пикселей.

Но, как правило «Радиус» в 1 пиксель лучше всего работает и даёт тонкие линии.

В самом низу диалогового окна имеется ещё один параметр — «Сохранить» (Preserve), этот параметр доступен только в Photoshop CC. По умолчанию он установлен на значение «Прямоугольность» (Squareness). Но если же в вашем изображении имеется много округлых форм, имеет смысл изменить его на «Круглость» (Roundness), это может помочь сохранить закругленные края от уплощения. Но в моём случае я оставлю этот параметр по умолчанию, на значении «Прямоугольность»:



Оставьте значение «Радиус» в 1 пиксель, затем установите параметр «Сохранить» на значение «Прямоугольность» или «Округлость» в зависимости от вашего изображения.

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



Подп.под.рис. Вид документа после применения фильтра «Минимум».

Шаг 7: Добавление корректирующего слоя «Уровни» (Levels)

На данный момент наш эскиз получился слишком светлым. Для уменьшения его яркости мы будем использовать корректирующий слой «Уровни» (Levels). Нажмите на значок добавления корректирующих слоёв, расположенный в нижней части панели слоев и выберите строку «Уровни» (Levels).
Корректирующий слой должен добавиться выше слоя «Invert».

Шаг 8: Изменяем режим наложения на «Умножение» (Multiply)

Параметры и настройки корректирующего слоя «Уровни» будут отображены в панели свойств. Мы могли бы изменить их для затемнения эскиза, но есть более простой и быстрый способ — нам надо всего лишь изменить ​​режим наложения слоя с нормального на «Умножение» (Multiply):



Изменение режима наложения слоя » Уровни» на «Умножение» (Multiply).

Теперь эскиз кажется более темным:



Эффект после изменения режима наложения на «Умножение» (Multiply).

Если вы обнаружите, что теперь ваш эскиз стал слишком темным, вы можете частично вернуть яркость за счет снижения непрозрачности корректирующего слоя «Уровни».

Регулировка непрозрачности расположена в правом верхнем углу панели слоев. Значение по умолчанию составляет 100%. Чем ниже вы его установите, тем меньшее влияние корректирующий слой «Уровни» будет иметь на изображение. Я понизить своё до 75%:



Понижение непрозрачности корректирующего слоя «Уровни» возвращает эскизу часть исходной яркости.

Шаг 9: Ещё раз дублируем фоновый слой

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

Мы раскрасим эскиз, используя цвета оригинальной фотографии, а для этого нам необходимо сделать еще одну копию фонового слоя (в нашем случае фоновый слой является оригинальной фотографией).
Кликните мышкой по фоновому слою и нажмите комбинацию клавиш Ctrl+J.
Photoshop создаст копию фонового слоя и разместит его непосредственно над оригиналом.
Переименуем слой в «Color». Вот как выглядит теперь панель слоёв:



Панель слоёв с копией фонового слоя, переименованной в «Color».

Шаг 10: Перемещение слоя «Color» на самый верх слоя стека

Нам нужно поместить слой «Color» выше всех остальных слоев. Один из способов сделать это — мышкой перетащить вверх, но есть более быстрый и «правильный» способ перетаскивания слоя в стеке — с помощью горячих клавиш. Чтобы переместить слой прямо на вершину стека, убедитесь , что он выбран в панели слоев, затем нажмите Shift+Ctrl+] (правая квадратная скобка). Это мгновенно переместит слой «Color» на самый верх, непосредственно над корректирующим слоем «Уровни»:



Панель слоёв со слоем «Color», перемещённым вверх стека.

Шаг 11: Изменяем режим наложения слоя «Color»

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


Это даст нам первый из наших эффектов раскрашивания:



Эскиз после изменения режима наложения на «Цветность» (Color).

Если цветовая насыщенность выглядит слишком интенсивной, вы можете её снизить за счет снижения непрозрачность слоя «Color». Я снизить свою до 70%:



Понижение непрозрачности слоя «Color». После уменьшения непрозрачности цвета эскиза кажутся более тонкими.

Шаг 12: Применение режимов наложения «Перекрытие» (Overlay), «Мягкий свет» (Soft Light) и «Жёсткий свет» (Hard Light)

Рассмотрим другие способы окрашивания эскиза. На этот раз мы попробуем другие режимы наложения — «Перекрытие» (Overlay), «Мягкий свет» (Soft Light) и «Жёсткий свет» (Hard Light). Все три этих режима входят в группу режимов, повышающих контрастность изображения, но также они могут быть использованы для смешивания и усиления цвета. Как и в случае с режимом наложения «Цветность» (Color), попробуйте применить эти режимы, а затем подкорректируйте результат, изменяя непрозрачность слоя.

Внимание! Перед изменением режимов, не забудьте установить непрозрачность слоя на 100%.

Вот что получилось при изменении режима с «Цветности» на «Перекрытие» (Overlay):



Результат, полученный при изменении режима наложения слоя с «Цветности» на «Перекрытие».

Как я уже говорил, режим наложения «Перекрытие» (Overlay) повышает контрастность изображения, и здесь мы видим, какое действие он оказывает на эскиз. Контраст стал, безусловно, сильнее, чем раньше, и, если «Цветность» нам дала практически пастельные цвета, то «Перекрытие» придало эскизу более темные, более приглушенные цвета:.

Далее, я попробую применить «Мягкий свет» (Soft Light):



Изменение режима наложения на «Мягкий свет» (Soft Light). Полученный эффект очень похож на «Перекрытие», но результат является более тонким. Контраст стал менее интенсивным, а цвета более приглушенными.

И, наконец, я изменю режим наложения на «Жёсткий свет» (Hard Light).
В то время, как «Мягкий свет» представляет собой менее интенсивную версию «Перекрытия», «Жёсткий свет» является его полной противоположностью и создаёт самый сильный контраст и цвет из всех этих трёх режимов наложения. На самом деле, с непрозрачностью слоя в 100%, эффект раскрашивания с применением «Жёсткого света» может быть слишком экстремальным:



Вид эскиза при режиме «Жёсткий свет» (Hard Light), непрозрачность слоя установлена на 100%.

Однако, если мы уменьшим непрозрачность, то сможем смягчить влияние «Жёсткого света». При уменьшенной непрозрачности детали стали выглядеть гораздо более органично для цветного рисунка:



Применение режим наложения «Жёсткий свет», но с непрозрачностью, сниженной до 75%.

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

Рисунок из фотографии за 60 секунд

Прежде чем мы начнем, убедитесь, что в панели инструментов у вас активен инструмент «Перемещение» (Move Tool). Причина выбора этого инструмента заключается в том, что для того ,чтобы изменять режимы наложения слоёв в Photoshop с клавиатуры, нам нужно иметь активный инструмент, который не имеет своих собственных вариантов режимов наложения, как, например, инструмент «Кисть» (Brush Tool), «Штамп» (Clone Stamp Tool) и т. п. Если активный инструмент имеет свои собственные режимы наложения, значит с клавиатуры будут изменяться именно они, а не режимы наложения слоёв.
Так что для нашей цели лучше всего выбрать активным «Перемещение» (Move Tool), т.к он не имеет собственных режимов наложения и расположен вверху инструментальной панели.

Затем, после выбора «Перемещения», выполните следующие действия:

Шаг 1: Нажмите Ctrl+J, чтобы дублировать фоновый слой.
Шаг 2: Нажмите Shift+Ctrl+U чтобы обесцветить активный слой (на данный момент активным слоем является дубликат фона).
Шаг 3: Нажмите Ctrl+J, чтобы дублировать обесцвеченный слой.
Шаг 4: Нажмите Ctrl+I, чтобы инвертировать слой.
Шаг 5: Нажмите Shift+Alt+D, чтобы изменить режим наложения слоя на «Осветление основы» (Color Dodge).
Шаг 6: Перейдите по вкладке главного меню Фильм —> Другое -> Минимум (Filter —> Other —> Minimum). Оставьте значение параметра «Радиус» (Radius) в 1 пиксель.
Шаг 7: Нажмите на значок добавления корректирующего слоя в нижней части панели слоев и выберите Уровни (Levels).
Шаг 8: Нажмите Shift+Alt+M, чтобы изменить режим наложения корректирующего слоя с нормального на «Умножение» (Multiply), это действие затемнит изображение. Отрегулируйте непрозрачность слоя по мере необходимости.
Шаг 9: Нажмите на фоновый слой в палитре слоев для его выбора. Нажмите Ctrl+J для его дублирования.
Шаг 10: Нажмите Shift +Ctrl+] (правая квадратная скобка), чтобы перенести активный слой (на данный момент это копия фонового слоя) на самый верх стека слоев.
Шаг 11: Нажмите Shift+Alt+C для изменения режима наложения с нормального на «Цветность» (Color).
Комбинации горячих клавиш для включения других режимов наложения вместо «Цветности»:
Shift+Alt+O для Overlay
Shift+Alt+F для Soft Light
Shift+Alt+H для Hard Light.
Отрегулируйте непрозрачность слоя по мере необходимости.

На этом всё. Используя описанный выше алгоритм, вы легко можете написать операцию (Action) Photoshop для автоматизации процесса превращения фотографии в рисунок.

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

Приветствую всех, любителей фотошопа! Сегодня рассмотрим урок по созданию карандашного рисунка из фото в фотошопе. Этот рисунок также можно назвать скетчем (от англ. sketch — эскиз, набросок, зарисовка). Нарисовать рисунок карандашом с фотографии может не каждый, для этого необходимо иметь навыки рисования, знать анатомические особенности человека даже при срисовывание с фотографии.

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

Приступим к реализации нашей задумки, откроем наш графический редактор (Adobe Photoshop), загрузим в него фото из которого мы сделаем рисунок и начнем обработку.

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

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

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

У инвертированного слоя изменим режим наложения на осветление основы.

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

Ну вроде как наш рисунок из фото карандашом готов, но в нем очень много шума и выглядит он не особо привлекательно. Давайте его немного доработаем при помощи инструментов «осветлитель» и «затемнитель». Выбираем в панели инструментов инструмент затемнитель, выставляем настройки режим рисования: тени, и экспонирование: 10%. После чего на нижнем слое пройдемся по волосам и местам затемнения (теням), контурным линиям.

Готово мы добавили темные акценты на рисунок, теперь нам необходимо убрать шумы  которые у нас образовались, для этого выбираем в панели инструментов инструмент осветлитель,  выставляем настройки режим рисования: средний тон, и экспонирование: 10 — 16 %. И также на нижнем слое производим коррекцию, удаляем шумы и высветляем некоторые места. Тем самым приложив немного больше усилий, мы получаем более реалистичный рисунок карандашом из фото.

И в заключение у нашего верхнего слоя уменьшим процент заливки, я уменьшил совсем немного до 95%. И наш рисунок готов.

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

Не забудьте подписаться на новости сайта fotodizart.ru чтобы узнавать первыми о новых уроках и статьях. В ближайшие дни будет новый урок по стилизации фото в пастельных тонах.

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

Автор Руслан Ошаров На чтение 2 мин. Опубликовано

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

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

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

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


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

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

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

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

До связи! Да! Буду благодарен, если поделитесь публикацией с друзьями!

Мне нравится1Не нравится

Руслан Ошаров

Основатель и технический руководитель серии образовательных проектов Rosh School

Написать

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

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

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

Шаг 4

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

Шаг 5

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

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

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

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

Шаг 6

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

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

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