Эффект рисунка карандашом онлайн фотошоп: Карандашный рисунок — ФотоФания: Бесплатные фотоэффекты и фильтры онлайн

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

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

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

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

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

Загрузите это руководство в формате PDF для печати!

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

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

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

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

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

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

Это руководство из серии «Фотоэффекты». Давайте начнем!

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

Загрузите это руководство в формате PDF для печати!

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

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

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

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

Нажатие на значок Оттенок / Насыщенность.

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

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

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

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

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

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

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

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

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

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

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

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

Идем в Layer> New> Layer via Copy.

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

Панель «Слои» с новым слоем Фоновая копия .

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

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

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

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

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

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

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

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

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

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

Шаг 7: преобразование слоя в смарт-объект

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

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

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

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

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

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

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

Шаг 8. Применение фильтра размытия Гаусса

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

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

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

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

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

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

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

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

Двойной щелчок на интеллектуальном фильтре Gaussian Blur откроет его для дальнейшего редактирования.

Шаг 9: Добавить уровень корректировки уровня

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

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

Photoshop добавляет корректирующий слой Levels с именем Levels 1 непосредственно над фоновой копией Smart Object (и ниже корректирующего слоя Hue / Saturation):

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

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

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

Изменение режима наложения корректирующего слоя «Уровни» на «Умножение».

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

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

Шаг 11: Уменьшите непрозрачность, если необходимо

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

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

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

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

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

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

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

Затем, как и в предыдущем шаге, продублируйте фоновый слой, перейдя в меню Layer в верхней части экрана, выбрав New , затем выбрав Layer via Copy , или нажав Ctrl. + J (победа) / Command + J (Mac) на клавиатуре:

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

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

Панель «Слои» с новым слоем Фоновая копия 2 .

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

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

Переименование Фоновая копия 2 слой в Цвет .

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

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

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

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

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

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

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

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

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

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

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

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

Уменьшение непрозрачности слоя Color до 65%.

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

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

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

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