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

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

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

Пример HTML-страницы

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

Первое, с чего мы начнём — это создание копии оригинального изображения. Откройте фотографию в программе 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%:

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

Ссылка на источник

Пример HTML-страницы

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

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

Стилизация снимка под рисунок не требует графического планшета или навыков рисования / Фото: Елизавета Чечевица, Фотосклад. Эксперт

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

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

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

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

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

Если у вас на руках исходник в 5000 пикселей по большей стороне, уменьшите его до 2000 пикселей онлайн или в графическом редакторе.

Читайте также:
Как изменить размер в фотошопе

1. Откройте фотографию. Найдите в строке наверху меню Окно / Windows, а в нём палитру Слои / Layers.

Создайте дубликат фотографии. Для этого в палитре Слои нажмите по слою Фон правой кнопкой мыши и выберите команду Создать дубликат слоя / Duplicate Layer.

Переведите снимок в Смарт-объект. Для этого нажмите правой кнопкой мыши по созданной копии исходника и выберите команду Преобразовать в Смарт-объект / Convert to Smart Object.

Смарт-объект нужен для того, чтобы в любой момент менять настройки фильтров, с которыми вы будете работать, а не переделывать всё каждый раз заново / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

2. Поднимем будущему рисунку контраст. Это нужно, чтобы в итоге он выглядел более ярким, так как увеличится перепад между светлыми и тёмными цветами на изображении. Для этого найдите в строке наверху меню Изображение / Image — Коррекция /Adjustment — Яркость/Контрастность / Brightness/Contrast.

Настройки: Яркость 60, Контраст 40. Если эффект кажется слишком сильным или — наоборот — недостаточным не бойтесь двигать ползунки по своему усмотрению / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

3. Теперь время применять фильтры. Именно они превратят фотографию в рисунок. Всего их будет 5.

– Фильтр / Filter — Стилизация / Stylize — Масляная краска / Oil Paint. Он удаляет детали и создает ощущение рисованности.

Параметры фильтра Масляная краска: Стилизация / Stylization 2, Чистота / Cleanliness 10, Масштаб / Scale 0,1, Сведения о щетине / Bristle Detail 0,1. Галочка Освещение / Lighting отключена / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

– Фильтр / Filter — Галерея фильтров / Filter Gallery — Имитация / Artistic — Очерченные края / Poster Edges. Этот фильтр добавляет рисованные контуры.

Параметры фильтра Очерченные края: Толщина краёв / 2, Интенсивность / 1, Постеризация / 3 / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

– Фильтр / Filter — Шум / Noise — Уменьшить шум / Reduce Noise. Он нужен, чтобы сгладить появившиеся пятна и лишние контуры, создающие грязь.

Параметры фильтра Уменьшить шум: Интенсивность / Strength 10, Сохранить детали / Preserve Details 0, Уменьшить шумы цветов / Reduce Color Noise 0, Детали резкости / Sharpen Details 0 / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

– Фильтр / Filter — Размытие / Blur — Умное Размытие / Smart Blur. Он сделает фотографию ещё более гладкой и мультяшной.

Параметры фильтра Умное размытие: Радиус / 25, Порог / 40, Качество / низкое / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

– Фильтр / Filter — Галерея фильтров / Filter Gallery — Имитация / Artistic — Аппликация / Cutout. Он нужен, чтобы проявить и усилить блики.

Настройки для фильтра Аппликация: Уровни / 3, Простота краёв / 4, Чёткость краёв / 2 / Иллюстрация: Елизавета Чечевица, Фотосклад. Эксперт

Чтобы проявить блики, в палитре Слои кликните дважды левой кнопкой мыши по настройкам Галереи фильтров / Filter Gallery. 

В открывшемся окне поставьте Режим наложения / Mode — Мягкий свет / Soft Light, а Непрозрачность / Opacity 60% / Иллюстрация: Елизавета Чечевица, Фотосклад.Эксперт

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

Сделать из фото рисунок онлайн — три сервиса

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

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

Онлайн-сервис Progif переводит фотографию в карандашный рисунок. Управление очень простое: достаточно загрузить фотографию, кадрировать её прямо в окне браузера, если нужно, а после выбрать один из трёх вариантов для стилизации: цветной карандашный рисунок, чёрно-белый или сепия. После этого нажимайте кнопку «Скачать» и готовая картинка загрузится на компьютер в формате JPG.

Иногда для генерации рисунка нужно немного подождать, но результат получается реалистичный / Скриншот: Елизавета Чечевица, Фотосклад.Эксперт

Сделать из фото рисунок в разных стилях

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

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

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

Чтобы стилизовать фотографию под рисунок, используйте фильтры из вкладок Магия и Арт / Скриншот: Елизавета Чечевица, Фотосклад.Эксперт

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

Сервис ToonMe стилизует портреты под разные мультяшные рисовки. Например, можно превратить человека в персонажа Симпсонов, героя Диснея или аниме.

Лучше всего сервис справляется с погрудными портретами в анфас или три четверти / Скриншот и фото: Елизавета Чечевица, Фотосклад.Эксперт

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

Как превратить изображение в штриховой рисунок в Photoshop
– Path

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

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

Прокрутите вниз под видео для письменного руководства.

Перед тем, как начать: Как обвести изображение в Photoshop

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

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

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

Как превратить изображение в штриховой рисунок в Photoshop

1. Настройка контрастности фотографии
2. Настройте свои слои
3. Преобразование изображения в оттенки серого с помощью корректирующего слоя
4. Преобразование фотографии в штриховой рисунок
5. Установите цвета фона и переднего плана
6. Добавьте штриховку карандашом к изображению
7. Добавьте к изображению эффект перекрестной штриховки
8. Внесите последние изменения

Шаг 1.

Отрегулируйте контрастность фотографии

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

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

Перейдите на панель Layers и убедитесь, что выбран слой, содержащий ваше изображение. Если вы работаете со сглаженным изображением (например, JPG), этот слой будет заблокированным фоновым слоем.

Выберите Image > Adjustments > Curves из выпадающего меню в верхней части окна приложения Photoshop.

9Появится диалоговое окно 0049 Кривые . Убедитесь, что установлен флажок Preview .

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

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

Если вы удовлетворены увеличением контрастности изображения, нажмите OK .

Шаг 2: Настройте слои

На панели Layers трижды продублируйте слой, содержащий ваше изображение, чтобы у вас было четыре одинаковых слоя.

Чтобы дублировать слой, выберите слой на панели Layers , щелкните меню панели Layers в правом верхнем углу панели и выберите Duplicate Layer 9.0050 .

Шаг 3. Преобразуйте изображение в оттенки серого с помощью корректирующего слоя

Выберите дублированный слой в верхней части панели Layers .

Выберите значок Adjustment Layer в нижней части панели Layers (значок выглядит как наполовину черный, наполовину белый круг). Выберите Оттенок/Насыщенность из выпадающего меню.

Вы только что создали корректирующий слой для Оттенок/Насыщенность , что означает, что все слои, которые появляются под корректирующим слоем, сохранят свойства Hue/Saturation , которые вы установили для этого корректирующего слоя.

С выбранным корректирующим слоем перейдите на панель свойств , расположенную по умолчанию справа от изображения. Если вы не видите панель Properties , вы можете выбрать Window > Properties в раскрывающемся меню в верхней части окна приложения Photoshop.

Вы увидите три ползунка в Свойства панели : Оттенок , Насыщенность и Яркость . Перетащите ползунок для Saturation до упора влево, чтобы значение, указанное для Saturation , теперь было -100.

Ваше изображение теперь отображается в градациях серого.

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

При наличии корректирующего слоя «Цветовой тон/Насыщенность» изображение выглядит в оттенках серого, но если вы хотите полностью удалить все цвета из изображения во время работы, вы можете преобразовать изображение в оттенки серого, выбрав Изображение > Режим > Оттенки серого из раскрывающегося меню в верхней части окна приложения.

Если у вас есть корректирующий слой при преобразовании в оттенки серого, корректирующий слой будет удален.

Шаг 4. Преобразование фотографии в штриховой рисунок

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

Сделайте два верхних дублированных слоя невидимыми, щелкнув значки глаз рядом со слоями на панели Слои . Затем выберите видимый слой, который является вторым снизу на панели «Слои».

Щелкните раскрывающееся меню в верхней части панели Слои рядом с Обычный . Выберите Цвет Dodge .

Не снимая выделения с того же слоя, инвертируйте изображение, нажав CTRL+I (COMMAND+I на Mac). Вы также можете инвертировать изображение, выбрав Image > Adjustments > Invert из выпадающего меню в верхней части окна приложения Photoshop.

Затем выберите Фильтр > Размытие > Размытие по Гауссу в раскрывающемся меню в верхней части окна приложения.

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

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

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

Как увеличить толщину штрихов при рисовании линий в Photoshop

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

Выберите Фильтр > Галерея фильтров… из выпадающего меню в верхней части окна приложения.

Выберите Glowing Edges под Stylize . Здесь вы можете настроить ширину края в правой части окна. Уменьшение яркости края приведет к более четкому краю.

Нажмите OK .

Вернитесь к своему слою, нажмите CTRL+I (COMMAND+I на Mac), чтобы инвертировать слой, и измените режим наложения слоя на Умножение.

Контуры вашего изображения теперь будут толще и темнее.

Шаг 5: Установите цвета фона и переднего плана

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

Затем установите цвет переднего плана на средне-серый. Дважды щелкните квадрат Foreground Color на панели инструментов. В Палитра цветов (цвет переднего плана) диалоговое окно, щелкните посередине левой стороны большого поля цвета.

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

Связано: 9 альтернатив фотографированию товаров на белом фоне

Узнать больше

Шаг 6.

Добавьте тени карандашом к изображению

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

Выберите Фильтр > Галерея фильтров… в раскрывающемся меню в верхней части окна приложения.

В окне Filter щелкните папку с пометкой Sketch и выберите Charcoal .

Отрегулируйте ползунки Charcoal Thickness , Detail и Light/Dark Balance до тех пор, пока изображение в окне предварительного просмотра не будет иметь нужное количество деталей. Помните, что у вас уже есть штриховой рисунок фотографии на нижнем слое, поэтому на этом шаге вам нужно только создать штриховку.

Нажмите OK .

На панели «Слои» щелкните раскрывающееся меню рядом с «Обычный» и измените режим наложения слоя «Уголь» на 9. 0049 Умножить .

Шаг 7: Добавьте к изображению эффект перекрестной штриховки

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

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

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

Если вас устраивает внешний вид фильтра Torn Edges , щелкните значок New , расположенный в нижней правой части окна Filter . (Эта иконка выглядит как лист бумаги с загнутым уголком, точно так же, как цифра 9. 0049 Новый значок слоя на панели Слои .)

Вы увидите, что Рваные края дважды появляются в правой части окна Фильтр . Пока верхний экземпляр Torn Edges все еще выбран, щелкните фильтр Graphic Pen и измените Stroke Diagonal на Left Diagonal .

Вы также можете настроить ползунки фильтра Graphic Pen , пока не будете удовлетворены изображением в окне предварительного просмотра. Как и в предыдущем слое, на данном этапе вы только создаете затенение.

Нажмите OK .

Измените режим наложения слоя с Нормальный на . Умножьте , как вы сделали с предыдущим слоем.

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

Не снимая выделения с того же слоя, выберите «Фильтр» > «Размытие» > «Размытие в движении» в раскрывающемся меню в верхней части окна приложения.

В диалоговом окне Motion Blur установите угол на -45° и переместите ползунок Distance влево, чтобы создать очень легкое размытие. Убедитесь, что установлен флажок Preview , чтобы вы могли видеть размытие перед его применением.

Нажмите OK .

Шаг 8: Внесите последние изменения

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

Настройка непрозрачности слоев

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

На изображении ниже непрозрачность верхнего слоя уменьшена до 60%, а следующий слой имеет непрозрачность 70%.

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

Удаление артефактов

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

Чтобы удалить такие темные пятна, отметьте слои, выбрав все слои, включая корректирующий слой «Цветовой тон/Насыщенность», на панели «Слои». Нажмите CTRL+A+E (COMMAND+OPTION+E на Mac), чтобы создать штампованный слой, который появится в верхней части панели «Слои».

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

Знаете ли вы обо всех инструментах, доступных в Photoshop CC 2018?

Узнать больше

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

Учебное пособие. Узнайте, как создать манекен-призрак в Photoshop

Узнайте больше

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

Просмотрите учебные пособия по Photoshop и усовершенствуйте свои навыки редактирования изображений

Узнать больше

Как преобразовать фотографию в рисунок в Photoshop

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

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

Вам нужно будет использовать Adobe Photoshop для этой конкретной техники, и я буду использовать текущую версию Photoshop 2020 CC. В разных версиях Photoshop могут потребоваться разные подходы, особенно применительно к смарт-объектам.

Начать с портрета

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

Убедитесь, что вы работаете с 8-битным изображением, иначе некоторые фильтры не будут видны в Photoshop.

Начните с изображения, которое вы хотите преобразовать в карандашный набросок

. Мы будем преобразовывать слои в смарт-объекты. Преобразование их в смарт-объект позволит вам вносить изменения в каждый слой.

Прежде чем сделать это, используйте инструмент быстрого выбора с левой стороны. Выделив это, вы можете посмотреть на верхнюю часть панели (в Adobe Photoshop CC) и использовать «Выбрать тему».

При этом используется технология искусственного интеллекта Adobe Sensei и выбор объекта для вас. Как правило, это делает довольно хорошую работу.

Замаскируйте объект

Создайте маску слоя, чтобы работать только с портретом

Создайте маску слоя, чтобы работать только с портретом.

Чтобы сделать это, не снимая выделения, перейдите в меню «Слой» > «Слой-маска» > «Показать выделение». В качестве альтернативы выберите маленькую иконку маски слоя в палитре слоев.

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

Помните, что при работе с маской белый показывает, а черный скрывает.

Уточните маску

Когда маска вас устроит, нам нужно инвертировать выделение, поэтому нажмите Ctrl I или Command I (Windows/Mac) и выберите фон.

Нажмите Удалить, и фон исчезнет. Мы перейдем к преобразованию слоя в смарт-объект, нажав на слой. Вы также можете сделать это из меню «Правка».

Преобразование базового изображения в смарт-объект

Вы можете преобразовать изображение в смарт-объект, щелкнув правой кнопкой мыши по слою или перейдя в меню редактирования 9.0002 Дублируйте слои и переименуйте новые слои.

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

Над исходным слоем будет четыре слоя.

Исходный слой должен называться «Оригинал» (он изменится с «Фон» при преобразовании его в смарт-объект). Мы оставим его в покое и будем работать только над слоями над ним.

Назовите слой над исходным «Основной». Мы можем назвать слой над базой «Карандашный контур». Слой над ним назовите «Shading», а слой над ним назовите «Lines» или «Edges».

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

Создать несколько слоев смарт-объекта

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

Создайте слой Pencil Outline

Отключите все слои на панели слоя, над которым вы работаете, с помощью значка глаза рядом с именем каждого слоя в палитре слоев. В этом случае мы начнем со слоя Pencil Outline. Чтобы начать преобразование, нажмите Ctrl I или Command I, чтобы инвертировать слой.

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

Режим наложения создал первоначальный эффект, но он недостаточно сильный

Добавить размытие по Гауссу

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

Выберите «Размытие по Гауссу» в строке меню, выбрав «Фильтр» > «Размытие» > «Размытие по Гауссу». Степень размытия, которую вы добавляете, повлияет на то, какая часть основного изображения будет отображаться.

Добавление Gaussian Blur создает объем изображения, который будет виден

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

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

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

При соответствующем уровне размытия (величина зависит от вашего изображения и его размера) основа становится видимой

Сделать изображение черно-белым

Находясь на слое Pencil Outline, добавьте новый черно-белый корректирующий слой с панели корректировок. Это добавит слой над слоем Pencil Outline.

Если вы не можете найти панель настроек, перейдите в строку меню и выберите «Окно» > «Настройки». После этого вы увидите открытую панель. Значок настройки черно-белого изображения представляет собой прямоугольник с положительным и отрицательным прямоугольниками внутри.

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

Для целей этого упражнения вам не нужно ничего менять в настройках по умолчанию для черно-белого корректирующего слоя.

Черно-белый корректирующий слой создает эффект карандашного изображения

. Работаем над затенением

.

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

Вы можете создать этот внешний вид в Photoshop.

Выберите слой Shading.

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

Так как это будет эффект карандаша, мы ищем, чтобы цвет карандаша не был 100% черным

. Выбрав слой затенения, перейдите в Галерею фильтров (Меню > Фильтр > Галерея фильтров) и выберите Угольный фильтр в группе эскизов. . Установите толщину древесного угля на 1, детализацию на 5 и баланс светлого/темного на 50.

При 100% это становится новым слоем. Но нам нужен эффект карандаша, а не эффект угля.

На слое Shading измените режим наложения на «Multiply». Это позволяет нижележащему слою сливаться со слоем затенения, создавая некоторую детализацию и затенение.

Режим наложения «множество» объединяет два основных слоя

Изменить непрозрачность

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

Сбалансируйте затенение и контуры карандаша

Улучшите внешние края

На большинстве карандашных рисунков выделены более сильные края. Поскольку мы конвертируем фотографию в рисунок в Photoshop, на фотографии много деталей, но края нечеткие. Для этого мы будем работать со слоем Lines (это верхний слой, который мы создали ранее).

Работа с верхним слоем

Инвертируйте изображение, нажав Ctrl I или Command I.

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

После инвертирования изображения нам нужно перейти в Меню > Фильтр > Галерея фильтров и выбрать «Светящиеся края».

Используйте галерею фильтров для доступа к фильтру Glowing Edges Filter

. Выберите Glowing Edges в папке Stylize Folder и используйте ее для создания линий. Не беспокойтесь, что они цветные — мы просто ищем более сильные края, как нарисовал бы художник.

Светящиеся края делают изображение более сильным

Измените режим наложения на «Умножение».

Используйте режим наложения, чтобы улучшить края

Преобразовать в черно-белый

На этот раз вместо добавления еще одного слоя мы можем преобразовать этот слой в черно-белый. Сделайте это, выбрав Меню > Изображение > Настройки > Черно-белое.

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

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

Готовый эффект можно настроить, потому что каждый смарт-объект можно редактировать повторно

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

Готовый вид

Окончательный портрет

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