Узнайте, как превратить любое портретное изображение в черно-белый или цветной карандашный набросок с помощью Photoshop CS6.

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

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

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

Вот фотография, которую я буду использовать (фотография подростка из Shutterstock):

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

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

Эскиз в черно-белом.

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

Эскиз в цвете.

Этот урок из нашей серии фотоэффектов. Давайте начнем!

Как превратить фотографию в эскиз с помощью Photoshop

Шаг 1: Добавьте корректирующий слой Hue / Saturation

С моим новым открытием в Photoshop, мы видим на панели «Слои», что фотография сидит сама по себе на фоновом слое, в настоящее время единственный слой в моем документе:

Панель «Слои», отображающая изображение на фоновом слое.

Чтобы создать эффект эскиза, первое, что нам нужно сделать, это удалить весь цвет с нашего изображения, и мы можем сделать это неразрушающим образом, используя корректирующий слой Hue / Saturation. На панели «Коррекция» нажмите значок « Цветовой тон / Насыщенность» (первый значок слева, средний ряд):

Нажав значок Hue / Saturation.

Photoshop добавляет корректирующий слой Hue / Saturation под названием Hue / Saturation 1 над фоновым слоем:

Корректирующий слой, расположенный над фоновым слоем.

Шаг 2: Перетащите ползунок насыщения на -100

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

Перетащите ползунок Насыщенность в крайнее левое положение.

Это удаляет все цвета с фотографии, оставляя ее черно-белой:

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

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

Нажмите на фоновый слой на панели слоев, чтобы выбрать его:

Выбор фонового слоя.

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

Нам нужно сделать копию фонового слоя. Для этого перейдите в меню « Слой» в строке меню в верхней части экрана, выберите « Новый», затем выберите « Слой через Копирование» . Или, для более быстрого способа дублирования слоя, просто нажмите Ctrl + J (Win) / Command + J (Mac) на клавиатуре:

Переход к Layer> New> Layer via Copy.

Казалось бы, ничего не произошло с изображением, но если мы посмотрим на панель «Слои», то увидим, что копия оригинального слоя появилась между оригиналом и корректирующим слоем «Цветовой тон / Насыщенность»:

Панель «Слои», показывающая новый фоновый слой копирования .

Шаг 5: инвертируй изображение

Далее нам нужно инвертировать слой. Поднимитесь в меню Image в верхней части экрана, выберите Adjustments, затем выберите Invert . Или нажмите Ctrl + I (Победа) / Command + I (Mac) на клавиатуре для быстрого доступа:

Идем в Изображение> Настройки> Инвертировать.

Это инвертирует изображение, придавая ему пленку негативного вида:

Изображение теперь перевернуто.

Шаг 6: Измени режим смешивания слоев на Color Dodge

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

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

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

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

Шаг 7: преобразуй слой в смарт-объект

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

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

Нажав на значок меню панели «Слои».

Выберите Преобразовать в смарт-объект из появившегося списка:

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

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

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

Шаг 8: примени фильтр Gaussian Blur

Поднимитесь в меню Filter в верхней части экрана, выберите Blur, затем Gaussian Blur :

Идем в Filter> Blur> Gaussian Blur.

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

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

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

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

Эффект эскиза после применения фильтра Gaussian Blur.

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

Двойной щелчок на Gaussian Blur Smart Filter снова откроет его для дальнейшего редактирования.

Шаг 9: добавь корректирующий слой

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

Нажав на значок «Уровни» на панели «Коррекция».

Photoshop добавляет корректирующий слой « Уровни» под названием « Уровни 1» непосредственно над интеллектуальным объектом « Копирование фона» (и под корректирующим слоем «Оттенок / Насыщенность»):

Панель «Слои» показывает новый корректирующий слой «Уровни 1».

Шаг 10: измени режим смешивания на умножение

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

Изменение режима наложения корректирующего слоя Levels на Multiply.

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

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

Шаг 11: понизь непрозрачность, если нужно

Если вы обнаружите, что ваш эскиз теперь слишком темный, вы можете сделать его ярче, уменьшив непрозрачность корректирующего слоя «Уровни». Параметр « Непрозрачность» находится прямо напротив параметра режима наложения в верхней части панели «Слои». По умолчанию непрозрачность установлена ​​на 100%. Я опущу мой примерно до 60%:

Понижение непрозрачности корректирующего слоя Levels.

И теперь мое изображение немного светлее:

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

Шаг 12: снова выбери и продублируй фоновый слой

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

Нажав на фоновый слой, выберите его.

Затем, как и в предыдущем шаге, продублируйте фоновый слой, перейдя в меню « Слой» в верхней части экрана, выбрав « Новый», затем выбрав « Слой через Копирование» или нажав Ctrl + J (Win) / Command + J (Mac) на вашей клавиатуре:

Еще раз собираемся в Layer> New> Layer via Copy.

Вторая копия фонового слоя, эта хитро названная Фоновая копия 2, появится прямо над оригиналом:

Панель «Слои», показывающая новый слой « Фоновая копия 2» .

Шаг 13: переименуй слой в «Цвет»

Мы собираемся использовать этот слой, чтобы раскрасить наш эскиз, поэтому вместо того, чтобы мириться с общими именами слоев Photoshop, такими как «Фоновая копия 2», давайте назовем слой более описательным. Дважды щелкните непосредственно на словах Background copy 2, чтобы выбрать и выделить имя, а затем переименовать его в Color . Нажмите Enter (Win) / Return (Mac), когда вы закончите, чтобы принять новое имя слоя:

Переименовывая фон, скопируйте 2 слоя в цвет .

Шаг 14: перетащи слой выше других

Нам нужно переместить наш цветовой слой на вершину стека слоев. Чтобы сделать это, щелкните по нему и, удерживая нажатой кнопку мыши, перетащите слой вверх, пока вы не увидите белую горизонтальную полосу, расположенную непосредственно над слоем Hue / Saturation:

Перетащите Цветовой слой над другими слоями.

Когда появится белая полоса, отпустите кнопку мыши, чтобы поместить цветовой слой на место:

Цветовой слой теперь находится на вершине стека слоев.

Шаг 15: измени режим смешивания слоя на цвет

Чтобы раскрасить эскиз цветами оригинального изображения, измените режим наложения слоя « Цвет» с «Обычный» на « Цвет» :

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

Режим Color blend скрывает всю тональную информацию (значения яркости) на слое и позволяет отображать только цвета, создавая наш эффект окраски:

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

Шаг 16: понизь непрозрачность цветового слоя

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

Понижение непрозрачности слоя Color до 65%.

И вот, с более тонкими цветами, мой окончательный результат «портрет к эскизу»:

Конечный эффект.

Куда пойти дальше …

И там у нас это есть! Вот как можно превратить портретную фотографию в черно-белый или цветной карандашный набросок, используя Smart Filters, корректирующие слои и режимы наложения в Photoshop CS6! Посетите наш раздел «Фотоэффекты», чтобы узнать больше об эффектах Photoshop!

Категория: