Как создать эффект черно-белого рисунка

2020-10-23

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

• Окончательное изображение
• Ресурсы
• Шаг 1
• Шаг 2
• Шаг 3
• Шаг 4
• Шаг 5
• Шаг 6
• Шаг 7
• Шаг 8
• Шаг 9
• Шаг 10
• Мы закончили!

Это окончательное изображение, которое мы будем создавать:

Программное обеспечение: Photoshop CS3.

• Девушка

Откройте изображение «Девушка». Прежде всего, нам нужно обесцветить фотографию. Перейдите в Изображение > Коррекция> Обесцветить. Фотография стала черно-белой:

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

Волосы модели слишком темные, поэтому давайте их немного осветлим. Создайте новый корректирующий слой (Слой> Новый корректирующий слой > Кривые). Измените кривые, как показано на рисунке ниже, чтобы осветлить изображение.

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

Помимо этого, советую вам любой слой, размеры которого вы хотите изменить, преобразовывать в смарт-объект (кликните правой кнопкой мыши на слое и выберите из контекстного меню пункт «Преобразовать в смарт-объект»), чтобы сохранить информацию о пикселях этого слоя:

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

Маска слоя позволяет частично или полностью скрыть часть слоя. Черные области маски скрывают соответствующие области слоя, белые области — проявляют. К корректирующим слоям уже, как правило, прилагаются маски слоя, но если вы хотите добавить маску слоя вручную, перейдите в Слой> Маска слоя> Показать все:

У нас уже получился довольно неплохой результат, но давайте еще его улучшим. Выберите кисть мелок и уменьшите ее размер до 2 пикселей. Уменьшите непрозрачность до 30% и установите черный в качестве цвета переднего плана. Создайте новый слой (Ctrl + Shift + Alt + N) и прорисуйте этой кистью по линиям подбородка, ушей, губ и плеча. Это добавит рисунку реализма:

Давайте повторим шаг 5 — создайте новый слой и используйте ту же кисть-мелок, но с непрозрачностью 10%, и нарисуйте дополнительные произвольные линии по шее и уху. Вы также можете добавить несколько произвольных штрихов в других областях. Если, по вашему мнению, существующие линии слишком тонкие:

Увеличьте размер кисти до 20 пикселей и задайте непрозрачность 20%. Создайте новый слой (Ctrl + Shift + Alt + N) и прорисуйте произвольные жирные линии по волосам. Я также нарисовал что-то похожее на колье или медальон в области шеи. Не бойтесь экспериментировать на этом этапе, и рисуйте дополнительные элементы там, где это улучшит конечный результат:

Какая же картина знаменитого художника без подписи? Поэтому давайте добавим подпись.

Создайте новый слой (Ctrl + Shift + Alt + N). Уменьшите размер кисти до 1 или 2 пикселей и задайте непрозрачность 80%.
Так как на рисунке изображена азиатская девушка, то будет уместно подписаться именем и фамилией вымышленного восточного художника:

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

Создайте новый корректирующий слой (Слой> Новый корректирующий слой > Кривые) и перетащите левый ползунок вправо, как показано на рисунке ниже. Это повысит насыщенность всего изображения:

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

Сначала создайте новый корректирующий слой «Цветового тона / Насыщенности» (Слой> Новый корректирующий слой> Цветовой тон / Насыщенность). Перетащите ползунок «Насыщенности» на 25, а «Цветового тона» на 218. Затем установите флажок для опции «Тонирование», и рисунок приобретет приятный цвет индиго:

Сергей Бензенкоавтор-переводчик статьи «Create a Black and White Drawing Effect in Photoshop»

Как в фотошопе сделать картинку черно белой пятью разными способами?

Доброго вам времени суток, мои дорогие читатели. Просматривал я тут недавно свои детские фотографии (до 6 лет) и как же много из них было черно-белых. Раньше это было обычным делом, а теперь чисто черно-белых фотоаппаратов нет, но всё равно иногда очень приятно посмотреть на фотку без цвета. В некоторых случаях на нее даже приятнее смотреть. Вы так не считаете?

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

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

А нужно ли это

Преобразование изображения в черно-белое используется:

1. Для фото, которое нельзя улучшить коррекцией цвета. Поможет сделать человека на изображении красивее;
2. Цвет на снимке отвлекает внимание от важного объекта;
3. Черно-белое изображение стильно смотрится.

Не устанавливайте на камере режим черно-белой съемки. Делайте снимки цветными. Потом обесцветьте его программой Photoshop или в бесплатных онлайн сервисах.

Инструмент «Микширование каналов»

И еще один вариант изменения черно-белой фотографии – микширование каналов. В меню «Слои» выбираем «Новый корректирующий слой» — «Микширование каналов» (Layers — New Adjustment Layer — Channel mixer).

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

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

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

Автор публикации

не в сети 6 часов

Наложение корректирующего слоя

Особенность: изменения происходят не в основном изображении. Можно управлять видимостью, прозрачностью.

Создаем корректирующий слой.

Далее:

Отредактируйте фото.

Инструмент «Корректирующий цветовой слой»

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

Для того, чтобы обработать фото в таком варианте выбираем в меню «Слои» — «Новый корректирующий слой» – «Цветовой тон/насыщенность» («Layers» — «New Adjustment layer» — «Hue/Saturation«).

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

Затем таким же образом добавляем еще один корректирующий слой «Цветовой тон/насыщенность«(Hue/Saturation). Он появится в палитре слоев над первым корректирующим слоем. Рядом в окне свойства слоя передвигаем ползунок «Насыщенность» до отметки 100, до конца вправо.

Теперь переключаемся вновь на первый корректирующий слой и ползунок «Цветовой тон (Hue)» перемещаем в такое положение, пока не устроит полученный эффект. Можно поэкспериментировать и с ползунками «Насыщенность, Яркость«.

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

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

Как сделать фото черно белым в Photoshop онлайн бесплатно

Переходим по адресу: https://online-fotoshop.ru/. Далее:

Выберите:

Нажмите:

Фото примет черно белые оттенки.

Мы рассмотрели, как сделать фото черно белым в Фотошопе (Photoshop) онлайн.

Метод 1 – Градации серого

Этот метод достигается всего в несколько кликов Изображение – Режим – Градации серого (Image – Mode – Grayscale).

Вот что мы получаем.

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

Как сделать фото черно белым без Photoshop сервисом IMGOnline

Особенность — самый простой способ обесцвечивания фото.

Начало работы

Переходим по адресу: https://www.imgonline.com.ua/add-effect-black-white.php. Заполните форму:

Загрузите на ПК готовый результат.

Как сделать фотографию черно белой с помощью функции «Градации серого»

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

1. Переходим в палитру инструментов и щелкаем «Изображение», после переходим в «Режим» и меняем галочку на «Градации серого».

Программа спросит, удалить данные цветов? Нажимаем «Отменить».

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

Сервис Croper

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

Начало работы

Переходим по адресу: https://croper.ru/. Загрузите фото.

Перейдите:

Далее: Сохраните готовый результат.

Способ 2. Дублирование изображения

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

Откройте фотографию в программе Фотошоп.

Используйте сочетание горячих клавиш Ctrl—Shift—U или в главном меню выберите «Изображение-Коррекция-Чёрно белое» («Image»—«Adjustments»—«Black&White»).

Рис. 3 – открытие окна «Чёрно-белое»

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

Рис. 4 – создание маски слоя

Делаем часть картинки цветной

Чтобы сделать цветной определённый объект на ЧБ картинке, выберите «Кисть» слева на панели инструментов или просто нажмите на клавиатуре кнопку «В».

Создайте маску слоя. Выставьте следующие параметры кисти: жёсткость – 60 процентов, уровень нажима – 40 процентов.

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

Выберите цвета кисти, чёрные и белые, в том порядке, который показан на рисунке:

Рис. 5 – выбор цветов кисти

Переключаясь между цветами помните, что с помощью чёрного цвета можно стереть, а с помощью белого — восстановить фото. Пройдитесь кистью по фотографии.

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

Рис. 6 – окрашивание отдельных объектов на фото

Создание ЧБ фотографии путём дублирования позволяет добиться лучшего эффекта, нежели после обесцвечивания (способ 1).

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

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

Далее рассмотрим два более сложных способа создания ЧБ фотографии.

Сервис Editor.Pho.to

Особенности — взаимодействие с Dropbox и соцсетями Facebook, Twitter, Google+

Начало работы

Переходим по адресу: https://editor.pho.to/ru/. Нажмите кнопку «Начать».

Выберите:

Используем инструмент «Эффекты».

Установите интенсивность работы эффекта. Готовое изображение:

Метод 2 – Обесцветить

Изображение – Коррекция – Обесцветить (Image – Adjustments – Desaturate)

Что получаем?

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

2001photo.com

Когда-то в Фотошопе существовало лишь семь способов превратить цветную фотографию в черно-белую. Одни из них давали приемлемый результат (удаление цветовых каналов в пространстве LAB), иные же не рекомендовались к использованию (уменьшение насыщенности цвета до минимума – Ctrl-Shift-U). Основная проблема в том, что тональности черно-белой фотографии, получаемой в Фотошопе из цветной, выглядят непривычно, неестественно для знатоков черно-белого изображения (фото 1). Разработчики Фотошопа знали об этой проблеме и ввели новые инструменты для гурманов черно-белой фотографии, дающие более гибкие настройки по «обесцвечиванию» изображения (фото 2), например Black & White (Alt-Ctrl-Shift-B). Сделать в Фотошопе черно-белое фото стало возможным с лучшим качеством, но мне было как-то неуютно от множества настроечных «ползунков», тревога какая-то от них мне была: тот ли ползунок я двигаю? Если тот, то не слишком ли сильно? А может снизить уровень красного, но добавить желтый? Мне хотелось более простого, изящного, но качественного решения…
Черно-белое фото через карту градиента (Gradient Map) делается просто и на должном уровне качества. Постепенно я расширил функциональность этого инструмента Фотошопа для превращения цветной фотографии не только в черно-белую, а так же вармтон и сепию.

Чтобы не вносить необратимых изменений в оригинальное изображение и иметь возможность корректировать эффект в любое время, я буду работать с корректирующими слоями (Adjusment Layer). Сперва нажмите клавишу D, так мы вернем цвета переднего и заднего планов к основным — белому и черному. Создаем корректирующий слой «Карта градиента»: Слои — Новый корректирующий слой – Карта градиента (Layer – New Adjustment Layer – Gradient Map). Если ваши шаловливые ручки еще не сбили настройки Фотошопа для карт градиента, то сразу всё получится правильно, и вы будете видеть черно-белую фотографию. Но что делать, если у вас получился «странный» результат?

Фото 1: разные способы преобразования в Фотошопе цветной фотографии в черно-белую дают различный результат. Фото 2: Black & White в Фотошопе, основной и сложный инструмент для получения черно-белой фотографии. Фото 3: корректирующий слой Карта градиента и палитра его свойств.

Редактирование карты градиентов. Для того чтобы редактировать карту, надо иметь под рукой палитру Свойства (Properties) корректирующего слоя (фото 3). Ее можно вызвать двойным щелчком мыши на миниатюре градиента в палитре слоев(A на фото 3). Если после создания корректирующего слоя у вас получилось изображение в негативе, то поставьте отметку на Инверсия (Reverse). Если же фотография выглядит малоконтрастной или с цветовыми причудами, то надо выполнить следующее. На палитре Свойства (Properties) щелкните на градиенте (B на фото 3). У вас появится окно редактирования карты с набором настроек (Presets). И первым градиентом будет как раз тот, черно-белый, который нам нужен. …Ну ладно, пощелкайте на все квадратики, это можно.

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

Как сделать «сепию» в Фотошопе.

Я использую карту градиентов не только для того чтобы сделать черно-белое фото из цветного. Традиционная аналоговая (пленочная) черно-белая фотография имеет два популярных стиля монохромного изображения: сепия и вармтон (Warmtone). Они отличаются тем, что в сепии используются химреактивы, для придания черно-белому снимку теплого, близкого к коричневому, тона. А вармтон приобретает теплый оттенок за счет специального сорта фотоэмульсии и бумажной подложки легкого кремового оттенка. Это придает фотографии теплые цвета, но не столь насыщенные, как при тонировании в сепию.

Вармтон. Вызовите окно редактирования градиента (фото 4). Под градиентом вы видите два слайдера, которые называют Контрольная точка цвета (Color Stop). Щелкните на слайдер белого цвета (A на фото 4). Затем щелкните на зоне выбора цвета (Color, B на фото 4), выберите светло-кремовый цвет (C на фото 4). Например, такие параметры RGB: 255-252-240 (вы можете ввести эти значения напротив R, G и B. Затем нажмите OK, и еще раз OK. Это всё. Таким образом, мы задали теплый цвет для светлых участков фотографии, которые придаются цветом подложки фотобумаги. Вармтон, на сегодняшний день, мой любимый оттенок в черно-белой фотографии.

Сепия в Фотошопе делается чуть сложней. Мы будем использовать ту же карту, что создавали для вармтона, но нам надо придать фотографии более насыщенные теплые цвета. В редакторе градиента добавляем еще один Color Stop (A на фото 5). Для этого или щелкните мышкой чуть ниже градиента (курсор мыши превращается в символ руки), или, удерживая клавишу Alt, потяните в сторону любой из нижних слайдеров, тем самым создав его дубликат. Переместите слайдер на середину, или введите значение Позиции (Location) 50%. Теперь зададим цвет для среднего слайдера. Щелкнув на Color я выбрал цвет со следующими параметрами RGB: 133-121-95. Обратите внимание, что светлота выбранного вами цвета для среднего слайдера влияет на светлоту фотографии. Поэтому надо выбирать цвет средней светлоты. На этом превращение цветной фотографии в сепию завершено. Если двигать созданный нами средний слайдер после того как вы задали для него цвет, то можно подкорректировать тональность (светлоту) фотографии. Иногда я пользуюсь этим для небольшой коррекции снимка.

Фото 4: редактирование градиента для вармтона. Фото 5: редактирование градиента для сепии. Фото 6: сохранение настроек градиента в Фотошопе.

Сохраните ваши пресеты, чтобы не было необходимости заново редактировать карту для других фотографий. Для этого вызовите окно редактирования для уже созданного градиента, введите имя вашего градиента (поле Name на фото 6), например Сепия, и нажмите кнопку Новый (New). Ваш пресет появятся в конце списка. Теперь сделать в Фотошопе черно-белое фото или сепию будет совсем просто: создаете слой с картой градиента, вызываете окно его редактирования, и выберите ваш пресет: черно-белое изображение, вармтон или сепия.

Сохраните фотографию. Если вы уверены, что цветное изображение вам больше никогда не понадобится, то сведите слои: Слои – Выполнить сведение (Layer – Flatten Image) и сохраните файл. Я предпочитаю иметь нетронутой исходную цветную фотографию, и поэтому сохраняю файл со слоями в формате PSD. Это дает мне возможность всегда вернуться к первоначальному изображению, или в будущем внести некоторые коррективы настройки карты.

Черно-белая фото через Hue/Saturation

Hue/Saturation — во истину универсальный черно отбеливатель фотографий, который служил для этих целей всем дизайнерам долгие годы. Вы найдете его в Image > Adjustiments > Hue/Saturation.

Ползунок Hue — это сам оттенок. Про Saturation мы уже говорили. Lightness не является аналогом яркости. Он добавляет фотографии освещенности или ввергает её в пучину тьмы. Основное предназначение Hue/Saturation — работать с отдельными оттенками цвета и корректировать их по трем вышеназванным опциям, то есть менять оттенок, насыщать или обесцвечивать, делать темнее или светлее. С помощью Hue/Saturation можно обесцветить как отдельный цвет (его можно выбрать из меню выше ползунков) так и целый ряд цветов, которые можно выбрать прямо с фото пипеткой или настроить палитру радуги на дне Hue/Saturation вручную.

Галочка Colorize позволяет отключить много-оттеночность и перевести всю фотографию в русло одного оттенка. Что в свою очередь помогает достичь очень специфических фото эффектов вроде сепии. Кстати, в меню Presets, которое позволяет сохранять готовые настройки, сепия уже имеется.

В моем примере я настроил
Hue/Saturation следующим образом. Я выделил все оттенки кроме красно-оранжевого и убрал насыщенность Saturation. Я так же сделал эти оттенки более темными при помощи Lightness.

Приложения

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

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

Черно-белые фильтры есть и в таких приложениях как, VSCO, Snapseed, PicsArt, KUNI CAM. Почему именно эти, а не другие? Потому что в них выбор больше.

Черно-белая фото через Channel Mixer

Из названия не трудно понять что Миксер каналов миксует каналы. Это значит, что коррекция происходит на уровне масок каналов. Супер да? Небольшой теоретический экскурс для ясности понимания.

Изображение всех телевизоров и мониторов производится из трех цветовых каналов. Красного зеленого и голубого. Вместе все это называется цветовой режим RGB. Есть и другие режимы, например печатный режим CMYK, но сейчас не о нем. Из трех первичных цветов получаются другие первичные цвета. Из различных комбинаций красного синего и зеленого получаются другие первичные цвета, то есть все цвета радуги. Например из чистого красного и чистого зеленого получается желтый. Ну а дальше вы помните, свет в призме раскладывается на радугу и собирается назад. А различные цвета радуги в разных пропорциях создаются все остальные сто пятьсот миллионов цветов. Тоже самое происходит в мониторе испускающем на нас свой манящий свет. Любое изображение имеет 3 канала цвета. Каждый канал цвета имеет маску, где самая светлая область это цвет канала (красный например) а самая темная это отсутствие света канала (черный). Из трех каналов получается все остальное.

Channel Mixer микширует цвет на уровне масок каналов. То есть он микширует сами каналы, делая их ярче или темнее. Через это меняется вся комбинация цвета. Открыв Image > Adjustiments > Channel Mixer сразу ставьте галочку на Monochrome. Это тоже самое что Saturation -100 или Desaturation. Далее можно перекидывать насыщенность каналов и получать схожий с Black and White эффект. В меню Presets как обычно готовые шаблоны. Но главная опасность таится в значении опции Total.

Значение Total не должно превышать 100%. Почему? Меняя ползунки мы осветляем или затемняем каналы. При превышении общего допустимого значения в 100% мы «пережигаем» фотографию в сторону затемнения или осветления. Это значит что в некоторых местах фото станет терять оттенок, информация о цвете будет удалена. Фото станет, выражаясь языком фотографов переэкспанированной, или наоборот. То есть, фотография начнет терять информацию об оттенке, а некоторые её области станут либо 100% белые, либо 100% черными. А это зло.

Создание эффекта черно-белого рисунка в Photoshop — Photoshop Star

1 июня 2020 г. 6 мая 2015 г. Адриан Шефф

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

Окончательное изображение

Как всегда, это финальное изображение, которое мы будем создавать:

Детали урока

• Программа : Adobe Photoshop CS3
• Расчетное время завершения: 25 минут
• Сложность: Начальный-средний

Ресурсы

• Девушка

Шаг 1

Откройте изображение «Девушка». Первым шагом в преобразовании фотографии в рисунок является ее обесцвечивание. Выберите Image > Adjustments > Desaturate , и вы увидите, что фотография превращается в черно-белую версию.

Шаг 2

Дублируйте фоновый слой, нажав Ctrl + J . Теперь примените фильтр «Найти края» ( Filter > Stylize > Find Edges ). Как видите, фильтр отбросил большую часть информации о пикселях и шума и сохранил линии — именно то, что нам нужно для нашего эффекта рисования.

Шаг 3

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

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

Шаг 4

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

Маски слоя позволяют нам частично или полностью скрыть части слоя. Черный скрывается, а белый появляется в маске слоя. Корректирующие слои обычно уже снабжены масками слоев, но если вы хотите добавить маску слоя к своему слою, перейдите к шагу 9.0022 Слой > Маска слоя > Показать все .

Шаг 5

Результаты довольно приличные, но давайте еще больше улучшим эффект рисования. Этот шаг будет проще, если у вас есть планшет для рисования (Wacom, Genius и т. д.), но с мышью он вполне выполним.

Выберите меловую кисть и уменьшите размер до 2px . Измените непрозрачность на 30% и выберите черный цвет переднего плана. Создайте новый слой ( Ctrl + Shift + Alt + N ) и нарисуйте существующие линии (подбородок, уши, губы и, возможно, плечо). Это добавит реализма эффекту рисования и создаст случайные линии и формы.

Шаг 6

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

Шаг 7

Увеличьте размер кисти мела до 20 пикселей и измените непрозрачность на 20% . Создайте новый слой ( Ctrl + Shift + Alt + N ) и нарисуйте несколько толстых свободных линий на волосах. Я также нарисовал что-то похожее на ткань или медальон ниже шеи. Не стесняйтесь экспериментировать самостоятельно на этом этапе и рисуйте там, где, по вашему мнению, это улучшит окончательный эффект.

Шаг 8

Какой была бы картина без подписи знаменитого художника? Наверное неполный! Итак, добавим подпись.

Создайте новый слой ( Ctrl + Shift + Alt + N ). Уменьшите размер кисти для мела до 9.0022 1 или 2 пикселя и измените непрозрачность на 80% .

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

Шаг 9

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

Создайте новый корректирующий слой Кривые (Слой > Новый корректирующий слой > Кривые ) и перетащите левый ползунок вправо, как показано ниже. Это повысит насыщенность всего изображения.

Шаг 10

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

Сначала создайте новый корректирующий слой Hue/Saturation ( Layer > New Adjustment Layer > Hue/Saturation ). Перетащите ползунок Saturation на 25 , а ползунок Hue на 218 . Теперь просто установите флажок Colorize , и вы увидите, что все на нашем рисунке приобретает приятный цвет индиго.

Готово!

Превратите фотографию в карандашный набросок в Photoshop

Автор Стив Паттерсон.

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

Вы можете следить за любым портретным изображением. Я буду использовать это изображение из Adobe Stock:

.

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

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

Черно-белая версия скетча.

И когда у нас будет черно-белая версия, мы начнем добавлять цвет.

Вот эскиз с использованием цветов исходной фотографии:

Эскиз с цветами по фото.

Вот эффект с использованием одного цвета (вы можете выбрать любой понравившийся цвет):

Одноцветная версия скетча.

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

Цвета градиента.

Начнем!

Как превратить фотографию в карандашный набросок

Я использовал Photoshop 2021, но все шаги работают с Photoshop 2022 и 2023. Вы можете получить последнюю версию Photoshop здесь.

Эти первые шаги превратят изображение в черно-белый набросок.

Шаг 1: Дублируйте фоновый слой

Мы начнем с панели слоев Photoshop, где изображение появится на фоновом слое:

Панель слоев Photoshop.

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

Нажмите на фоновый слой и перетащите его вниз на значок New Layer :

Создание копии фонового слоя.

Копия появляется над оригиналом:

Фоновая копия слоя .

Шаг 2. Обесцветьте слой

Затем мы удалим весь цвет из слоя Фоновой копии с помощью команды Photoshop Desaturate.

Перейдите к меню Image в строке меню в верхней части экрана, выберите Adjustments , а затем выберите Desaturate :

Перейдите в меню «Изображение» > «Коррекция» > «Обесцветить».

Фотошоп обесцвечивает изображение, оставляя нам черно-белую версию нашей фотографии:

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

Шаг 3: Дублируйте ненасыщенный слой

Вернувшись на панель «Слои», сделайте копию ненасыщенной версии, перетащив слой Фоновая копия вниз на значок Новый слой :

Перетаскивание слоя «Фоновая копия» на значок «Новый слой».

И снова копия появляется над оригиналом:

Новый слой Фоновая копия 2 появится вверху.

Связано: Узнайте больше о слоях в Photoshop!

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

Нам нужно инвертировать уровни яркости на этом слое, сделав светлые области темными, а темные — светлыми. Для этого мы будем использовать команду Photoshop Invert.

Перейдите в меню Image , выберите Adjustments , а затем выберите Инвертировать :

Перейдите в «Изображение» > «Коррекция» > «Инвертировать».

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

Изображение после инвертирования яркости.

Шаг 5: Измените режим наложения слоя на Color Dodge

На панели «Слои» измените режим наложения инвертированного слоя с «Обычный» (по умолчанию) на «Осветление цвета» :

.

Изменение режима наложения на Color Dodge.

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

Результат после изменения режима наложения на Color Dodge.

Теперь доступно: Мои режимы наложения слоев Полное руководство в формате PDF!

Шаг 6. Преобразуйте слой в смарт-объект

Чтобы создать эффект наброска, мы размоем инвертированный слой с помощью фильтра Gaussian Blur в Photoshop. Но чтобы настройки фильтра можно было редактировать, мы применим размытие по Гауссу в качестве интеллектуального фильтра. И для этого нам сначала нужно преобразовать слой в смарт-объект.

На панели «Слои» щелкните значок значок меню в правом верхнем углу:

Щелкните значок меню панели «Слои».

И выберите Convert to Smart Object из меню:

Выбор команды «Преобразовать в смарт-объект».

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

Значок смарт-объекта.

Шаг 7. Применение фильтра «Размытие по Гауссу»

Перейти на Фильтр меню в строке меню выберите Размытие , а затем выберите Размытие по Гауссу :

Перейдите в Фильтр > Размытие > Размытие по Гауссу.

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

Например, если я выберу довольно низкое значение радиуса 10 пикселей:

Начиная с меньшего значения радиуса.

Я заканчиваю вот этим эффектом с очень тонкими линиями:

Эффект эскиза с меньшим значением радиуса.

Но если я увеличу значение до гораздо большего, например, 45 пикселей:

Увеличение значения радиуса.

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

В моем случае я выберу второй, более фотореалистичный вариант. Когда закончите, нажмите «ОК», чтобы закрыть диалоговое окно «Размытие по Гауссу»:

.

Эффект эскиза с большим значением радиуса.

Как изменить параметр размытия по Гауссу

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

Дважды щелкните интеллектуальный фильтр, чтобы снова открыть его диалоговое окно.

Шаг 8: добавьте корректирующий слой «Уровни»

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

Оставаясь на панели «Слои», щелкните значок «Новый слой-заливка или корректирующий слой »:

Щелкните значок «Новый слой-заливка» или «Корректирующий слой».

И выбрать Уровни из списка:

Выбор корректирующего слоя «Уровни».

Photoshop добавляет корректирующий слой «Уровни» над смарт-объектом:

Корректирующий слой «Уровни».

Шаг 9: Измените режим наложения на Умножение

Затем, чтобы затемнить эскиз, просто измените режим наложения корректирующего слоя с Нормального на Умножение :

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

Режим наложения «Умножение» — это один из группы режимов наложения, которые затемняют все изображение. И сразу же набросок кажется намного темнее:

Эффект эскиза после изменения режима наложения на Умножение.

Как точно настроить яркость

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

Я уменьшу свой примерно до 40%:

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

Итак, у нас есть черно-белая версия скетча! Далее я покажу вам несколько разных способов добавления цвета:

.

Окончательный эффект черно-белого наброска.

Раскрашивание эскиза оригинальными цветами фотографии

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

Шаг 10: еще раз продублируйте фоновый слой

На панели «Слои» сделайте копию исходного изображения, перетащив Фоновый слой (исходный внизу) на значок Новый слой :

Создание еще одной копии фонового слоя.

Копия ( Фоновая копия 3 ) появляется между слоями Фон и Фоновая копия :

Слой Фоновая копия 3 .

Шаг 11: Переименуйте новый слой

Цвет

На данный момент наша панель «Слои» загромождена копиями фонового слоя. И все они имеют такие имена, как Фоновая копия , Фоновая копия 2 , Фоновая копия 3 , которые ничего не говорят нам о том, для чего используется слой. Итак, давайте переименуем наш новый слой во что-то более описательное.

Дважды щелкните непосредственно на имени Фоновая копия 3 , чтобы выделить его:

Выделение текущего имени двойным щелчком по нему.

Затем измените имя на Цвет . Нажмите Введите (Win) / Верните (Mac) на клавиатуре, чтобы принять его:

Изменение имени слоя на «Цвет».

Шаг 12: Переместите слой

Color над корректирующим слоем

.

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

Перетащите слой Color наверх.

Изображение временно блокирует скетч из поля зрения:

Исходное фото возвращается.

Шаг 13: Измените режим наложения на Цвет

Чтобы смешать цвета изображения с эскизом, измените режим наложения слоя Color с Normal на Color :

.

Изменение режима наложения на Цвет.

Режим смешивания цветов указывает Photoshop смешивать только цвет активного слоя со слоями под ним. Точно так же мы вернули исходные цвета на эскиз:

Эскиз раскрашен оригинальными цветами фотографии.

Как точно настроить интенсивность цвета

Если цвет слишком насыщенный, уменьшите непрозрачность слоя . Я понижу свой до 50%:

Понижение непрозрачности слоя «Цвет».

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

Результат с уменьшенной непрозрачностью.

Подробнее: Пять режимов наложения слоев, которые вам нужно знать!

Как раскрасить эскиз одним цветом

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

Шаг 14: отключите слой

Color

Прежде чем мы двинемся дальше, выключите 9Слой 0227 Color , который мы использовали в предыдущих шагах, щелкнув его значок видимости (глазное яблоко) на панели слоев:

Отключение слоя Color .

Шаг 15: Добавьте слой заливки сплошным цветом

Чтобы раскрасить эскиз одним цветом, мы будем использовать слой заливки сплошным цветом. Щелкните значок New Fill или Adjustment Layer в нижней части панели слоев:

Щелкните значок «Новый слой-заливка» или «Корректирующий слой».

Затем выберите Сплошной цвет из списка:

Выбор слоя заливки сплошным цветом.

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

Попробую оттенок синего. Нажмите OK, когда закончите, чтобы закрыть палитру цветов:

.

Выбор синего цвета в палитре цветов.

На панели «Слои» слой заливки «Сплошной цвет» отображается над другими слоями. А в документе выбранный вами цвет временно блокирует скетч из поля зрения:

Цвет блокирует изображение.

Шаг 16: Измените режим наложения на Цвет

Чтобы смешать цвет с эскизом, измените режим наложения слоя заливки на Цвет :

Изменение режима наложения на Цвет.

А вот и результат с эскизом, окрашенным в синий цвет:

Цветовой эффект с использованием синего цвета.

Как изменить цвет

Чтобы попробовать другой цвет, дважды щелкните на слое заливки образец цвета на панели «Слои»:

Дважды щелкните образец цвета.

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

Я выберу оттенок фиолетового. Когда вы закончите, нажмите OK, чтобы закрыть палитру цветов:

Выбор другого цвета в палитре цветов.

Теперь мой эскиз окрашен в фиолетовый цвет:

Цветовой эффект с использованием фиолетового.

Регулировка интенсивности цвета

Если цвет слишком интенсивный, уменьшите значение Opacity слоя-заливки . Снижу до 70%:

Снижение непрозрачности слоя заливки.

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

Результат с уменьшенной непрозрачностью.

Как раскрасить эскиз градиентом

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

Я не буду здесь рассказывать, как создавать собственные градиенты. Вместо этого мы будем использовать один из встроенных градиентов Photoshop. А в самых последних версиях Photoshop (начиная с 2020 года) есть множество новых градиентов на выбор.

Шаг 17. Отключите заливку сплошным цветом

Во-первых, если вы следовали с самого начала, отключите слой заливки сплошным цветом, который мы использовали в предыдущих шагах, щелкнув его значок видимости на панели «Слои»:

Щелчок по значку видимости слоя заливки.

Это восстанавливает черно-белую версию скетча:

Черно-белый эскиз возвращается.

Шаг 18: Добавьте слой градиентной заливки

Чтобы раскрасить эскиз градиентом, мы будем использовать слой заливки «Градиент». И мы добавим слой-заливку прямо над корректирующим слоем «Уровни». Итак, сначала щелкните корректирующий слой Levels на панели слоев, чтобы сделать его активным:

Выбор корректирующего слоя «Уровни».

Затем еще раз щелкните значок New Fill or Adjustment Layer :

Щелкните значок «Новый слой-заливка» или «Корректирующий слой».

И выберите Градиент из списка:

Выбор слоя градиентной заливки.

Шаг 19: Выберите градиент

В диалоговом окне «Градиентная заливка» выберите градиент, щелкнув маленькую стрелку рядом с образцом градиента:

Щелкните стрелку справа от образца градиента.

Это открывает средство выбора градиента с множеством новых градиентов, которые были добавлены еще в Photoshop 2020. Градиенты разделены на группы в зависимости от темы (основные, синие, фиолетовые и т. д.):

Средство выбора градиента.

Чтобы открыть группу, щелкните стрелку рядом со значком папки группы . Я раскручу группу Purples:

Вращением откройте одну из групп градиента.

Затем, чтобы выбрать градиент внутри группы и закрыть окно выбора градиента, дважды щелкните миниатюру градиента:

Двойной щелчок для выбора градиента.

Настройки градиента

Вернувшись в диалоговое окно «Градиентная заливка», вы можете изменить Стиль градиента от линейного (по умолчанию) до радиального, углового, отраженного или ромбовидного:

Параметры стиля.

Вы можете Обратить порядок цветов градиента:

Реверсивный вариант.

И вы можете изменить Угол градиента. Я оставлю свой по умолчанию 90 градусов:

Опция Угол.

Когда закончите, нажмите OK, чтобы закрыть диалоговое окно «Градиентная заливка». Градиент временно блокирует эскиз из поля зрения:

Градиент блокирует эскиз.

Шаг 20. Измените режим наложения на цвет

Вернувшись на панель «Слои», над корректирующим слоем «Уровни» появится слой заливки «Градиент». Чтобы смешать цвета градиента с черно-белым эскизом, измените режим наложения слоя градиентной заливки с Нормального на Цвет :

.

Изменение режима наложения на Цвет.

Затем при необходимости отрегулируйте интенсивность цветов, уменьшив уровень непрозрачность :

Уменьшение непрозрачности.

А вот мой набросок с градиентными цветами:

Эскиз с использованием градиентных цветов.

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

Чтобы попробовать другой градиент или отредактировать любой из параметров градиента (Стиль, Обратный, Угол), дважды щелкните образец цвета слоя градиентной заливки . Это снова откроет диалоговое окно «Градиентная заливка», где вы можете внести любые необходимые изменения:

Дважды щелкните образец цвета градиентной заливки.

Как переключаться между цветовыми эффектами эскиза

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

Восстановление черно-белого эскиза

Чтобы скрыть все цветовые эффекты и вернуться к черно-белой версии, просто выключите Color , слой заливки Solid Color и слой заливки Gradient, используя их значки видимости . У меня уже отключены слои Цвет и Сплошной цвет, поэтому я также отключу слой градиентной заливки:

Отключение всех трех слоев цветового эффекта.

Отключив все три слоя цветовых эффектов, я вернулся к моему черно-белому наброску:

Вернуться к черно-белой версии.

Восстановление цветной версии скетча

Затем, чтобы включить один из цветовых эффектов, щелкните значок его видимости. Я включу свой слой Color .