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

MyPhotoshop.ru Уроки Фотошопа Эффект “Карандашный рисунок” в Фотошопе

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

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

Содержание

• Создаем эффект карандашного рисунка
  • Подбор фотографии
  • Подготовка слоя к работе
  • Создание штрихов
  • Добавление контура
  • Результат
• Бонус: добавление цвета

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

Подбор фотографии

Для начала необходимо определиться с фотографией, которую будем использовать в для обработки. Мы, в MyPhotoshop.ru, остаемся верными себе и выбираем очередную звезду – Рэйчел МакАдамс.

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

Подготовка слоя к работе

• Сперва нужно преобразовать наше фото в Смарт-объект. Чтобы это сделать, необходимо кликнуть ПКМ (правой кнопкой мыши) на нужный слой и в выпадающем списке выбрать “Преобразовать в смарт-объект”.

  Альтернативный вариант через главное меню: “Слой” -> “Смарт-Объект” –> “Преобразовать в смарт-объект”.

• После того, как мы преобразовали слой с фотографией в смарт-объект, можно применять Смарт-Фильтры. На слой, который преобразован в смарт-объект, Фотошоп автоматически добавляет соответствующую иконку:

Создание штрихов

• Создаем две копии слоя с помощью горячих клавиш CTRL+J. Теперь переименуем все слои, чтобы было удобнее работать. Самый верхний назовем “Контуры”, средний слой – “Косые штрихи слева”, самый первый – “Косые штрихи справа”.
• Скрываем видимость с двух верхних слоев, оставив видимым только самый первый.
• Выбрав самый нижний слой, переходим в главное меню “Фильтр” -> “Галерея фильтров”.
  Раскрываем папку “Эскиз” и находим фильтр “Тушь”. Убедитесь, что в палитре цветов, основным цветом выбран черный, иначе у вас вместо эффекта все будет закрашено белым цветом. В панели настроек фильтра справа выбираем в пункте “Направление штрихов” – “По диагонали вправо”. Остальные настройки оставляем, как есть или настраиваем, как у нас на скриншоте ниже:
  После применения настроек, у вас должен получиться примерно такой результат:
• Теперь необходимо повторить все то же самое только со вторым слоем “Косые штрихи слева”. Включаем его видимость и повторяем все действия, только в пункте “Направление штрихов” выбираем “По диагонали влево”.

  Кликаем “ОК” и получаем такой эффект: 

• Теперь нужно уменьшить непрозрачность слоя “Косые штрихи слева” передвинув ползунок до 50 процентов.

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

Добавление контура

• Сперва выбираем самый верхний слой “Контур” и включаем его видимость. Затем переходим в главное меню “Фильтр” –> “Стилизация” –> “Выделение краёв”.
• Затем меняем на этом слое режим наложения на “Умножение”.

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

Стоит отметить, что у вас не получиться применить фильтр “Обесцветить” или “Цветовой тон/Насыщенность” на Смарт-объект. Реализовать обесцвечивание нам в данном случае можно через создание нового корректирующего слоя, либо через “Параметры наложения” (стили слоя).

Мы воспользуемся стилями слоя.

• Для этого кликните дважды на нужный слой, в нашем случае это “Контур”.
  В открывшемся окне выбираем в левом меню “Наложение цвета”, а в настройках справа устанавливаем черный цвет и в режиме наложения выбираем “Цветность”.
• Применяем настройки и смотрим на результат:

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

Бонус: добавление цвета

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

• Сперва удалим стили. Для этого в главном меню выбираем “Слой” –> “Стиль слоя” –> Очистить стиль слоя.
• После убираем смарт-фильтр: “Слой” –> “Смарт-фильтр” –> “Снять смарт-фильтры”.
• Последним шагом меняем режим наложения цветного слоя на “Цветность”.

Таким образом у нас получился неплохой цветной карандашный рисунок:

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

До встречи в наших следующих уроках!

КУРСЫ:

СМОТРИТЕ ТАКЖЕ

Горячие клавиши в Photoshop

Фоны для Фотошопа: Лес

Фоны для Фотошопа: Черные

Как удалить фон с изображения в Photoshop

Как вырезать объект в Photoshop

Рамки для Фотошопа: Школьные

Урок создания анимации в Фотошопе

Изменяем размер изображения в Photoshop

Урок объединения слоев в Фотошопе

Улучшение качества фото в Фотошопе

Фоны для Фотошопа: Небо

Как рисовать прямые линии в Фотошопе

Замена цвета объекта/изображения в Photoshop на другой

Вставка фотографии в рамку в Photoshop

Наборы кистей для Фотошопа: Текстурные

Урок ретуши лица в Фотошопе для начинающих и не только

Инструмент “Заливка” в Фотошопе: как пользоваться

Двойная экспозиция в Фотошопе

Как создать документ формата А4 в Фотошопе

Замена фона на фотографии в Фотошопе

Уменьшение размера объекта в Фотошопе

Выделение слоя в Фотошопе: как сделать

Рамки для Фотошопа: С днем рождения

Градиент в Фотошопе: как сделать

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

Создание афиши своим руками в Фотошопе

Фоны для Фотошопа: Рамки

Создание контура в Photoshop

Рисование треугольника в Фотошопе: 2 метода

Создание коллажей в Фотошопе: подробное руководство

Как создать слой в Photoshop

Кадрирование фото в Фотошопе

Заливка слоя в Фотошопе

Вставка изображения в Фотошоп: пошаговое руководство

Ретуширование фотографий с помощью частотного разложения в Фотошопе

Как нарисовать прямоугольник в Фотошопе

Вставка лица на фото-шаблон в Фотошопе

Изменение прозрачности слоя в Фотошопе

Отмена выделения в Фотошопе

Как сделать виньетирование фотографий в Photoshop

Наложение текстуры гранита на текст в Фотошопе

Отмена действий в Фотошопе

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

/ Сергей Нуйкин / Обработка фотографий

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

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

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

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

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

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

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

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

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

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

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

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

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

Как превратить фотографию в карандашный рисунок в Photoshop, новый и улучшенный эффект эскиза

245

АКЦИИ

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

Вот обещанные ресурсы. фото в карандашный рисунок в фотошопе, пошаговая инструкция.

Работает во всех версиях Photoshop.

Шаг 1

Дублируйте слой (Ctrl/Cmd+J)

Шаг 2

Преобразуйте новый слой в черно-белый (Ctl/Cmd+Shift+U)

Шаг 3

Дублируйте черно-белый слой (Ctrl/Cmd+J)

Теперь у нас есть 2 черно-белых Layers

Шаг 4

Инвертировать верхний черно-белый слой (Ctrl/Cmd+I)

Шаг 5

Измените режим наложения на Color Dodge (Нажмите Normal на панели Layers)

Изображение полностью белое, это нормально и ожидаемо.

Шаг 6

Фильтр>Размытие>Размытие по Гауссу

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

Теперь у нас есть эффект травления

Шаг 7. Добавление затенения

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

Выберите черный и белый слои и нажмите Ctrl/Cmd+G, чтобы поместить их в группу слоев.

Шаг 8

Дублируйте группу. Щелкните группу на панели «Слои» и нажмите Ctrl/Cmd+J.

Шаг 9

Выберите верхний слой в верхней группе

Шаг 10 , Смешивание двух групп слоев вместе.

Выберите верхнюю группу (не слой пикселей, а группу).

Измените режим наложения на Darken. Вы можете применять режимы наложения как к группам, так и к отдельным слоям.

Отрегулируйте непрозрачность для лучшего совпадения.

Шаг 11

Еще раз продублируйте режим наложения верхнего слоя для 3-й группы. (Ctrl/Cmd+J)

Шаг 12

Выберите верхний слой в верхней группе.

Шаг 13. Маскирование эффекта

Давайте нацелимся на то, где этот эффект должен быть, с помощью маски слоя.

Выберите верхнюю группу слоев и добавьте маску слоя, но подождите. Нам нужна перевернутая маска (скрывает все)

Удерживая нажатой клавишу Alt/Option, щелкните значок новой маски слоя на панели слоев. Теперь у вас будет черная маска.

Шаг 14

Выберите кисть с мягким краем (клавиша B)

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

Измените непрозрачность кисти на 30% в верхних параметрах инструмента.

Шаг 15

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

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

Xtra Credit. Добавление резкости краев.

a/ Выберите все слои и нажмите Ctrl+Alt+Shift+E (Windows) Cmd+Option+Shift+E (Mac), чтобы создать новый составной слой поверх

b/ Измените режим наложения слоя на наложение на верхний слой

c/ Выберите Фильтр>Другое>Высокие частоты

d/ Отрегулируйте количество, пока вы не будете довольны красивыми четкими краями.

Вот и все! Поздравляем, если вы завершили этот урок рисования карандашом в Photoshop! Отличная работа 🙂

Не забудьте ознакомиться с другими нашими уроками здесь, в PhotoshopCAFE (используйте панель поиска вверху или просмотрите категории)

Спасибо, что ознакомились с учебным пособием этой недели, и увидимся на следующей неделе.

Приятно видеть вас здесь, в КАФЕ

Колин

PS Не забудьте присоединиться к нашему списку рассылки и следить за мной в социальных сетях>

• Instagram
• Youtube.
• facebook
• twitter

(в последнее время я публикую забавные истории в Instagram и Facebook)

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

дополнительные учебные пособия

70Shares

Текст Chrome в Photoshop Tutorial

Незаменимый эффект хрома, не выходите из дома без него. Это работает с любым объектом, а не только с текстом. Узнайте, как…

3Shares

3 потрясающих совета по работе со слоями в Photoshop

Вот 3 совета по Photoshop, которые вы, вероятно, не знаете. Эти убийственные советы ОЧЕНЬ полезны для работы со слоями…

Эффект карандашного наброска в Photoshop CC Tutorial

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

Далее нам нужно изменить режим наложения слоя. Вы найдете параметр «Режим наложения» в левом верхнем углу панели «Слои». По умолчанию режим наложения установлен на 9.0012 Обычный . Нажмите на слово «Нормальный», чтобы вызвать меню других режимов наложения, и выберите Color Dodge из списка:

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

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

При изменении режима наложения на Color Dodge документ временно становится белым.

Шаг 6. Преобразование слоя в смарт-объект

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

Что такое интеллектуальный фильтр и чем он отличается от обычного фильтра? Что ж, смарт-фильтры такие же, как и обычные фильтры в Photoshop, только умнее! Что делает их «умнее», так это то, что в то время как обычные фильтры дают статических результатов (то есть они вносят постоянные изменения в пиксели на слое), смарт-фильтры .0056 неразрушающие и остаются полностью редактируемыми . Они позволяют нам легко вернуться в любое время и внести изменения в настройки фильтра без потери качества изображения. Применяя Gaussian Blur в качестве смарт-фильтра, мы даем себе возможность вернуться и настроить эффект наброска позже, вместо того, чтобы ограничиваться первоначальными настройками фильтра.

Так как же применить размытие по Гауссу в качестве смарт-фильтра? Для этого нам сначала нужно преобразовать слой в Смарт-объект . Зачем нам нужно конвертировать его в смарт-объект? Это потому, что когда фильтр применяется к обычному слою, он остается обычным статическим фильтром. Но когда тот же фильтр применяется к смарт-объекту, он автоматически становится смарт-фильтром!

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

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

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

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

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

.

Значок смарт-объекта на миниатюре предварительного просмотра слоя.

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

Теперь, когда мы преобразовали слой в смарт-объект, давайте применим фильтр Gaussian Blur. Перейдите к меню Filter в строке меню в верхней части экрана, выберите Blur , а затем выберите Gaussian Blur :

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

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

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

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

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

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

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

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

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

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

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

Двойной щелчок по интеллектуальному фильтру размытия по Гауссу повторно открывает его диалоговое окно.

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

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

Чтобы добавить корректирующий слой «Уровни», щелкните значок «Новый слой-заливка» или «Корректирующий слой » в нижней части панели «Слои»:

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

Выберите Уровни из появившегося списка:

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

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

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

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

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

».

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

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

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

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

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

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

После снижения непрозрачности общая яркость стала лучше:

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

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

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

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

Photoshop создает копию слоя, называет ее «Фоновая копия 3» и размещает ее непосредственно над исходным фоновым слоем:

Слой «Фоновая копия 3» появляется над исходным фоновым слоем.

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

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

Мы будем использовать слой «Фоновая копия 3», чтобы раскрасить наш набросок, поэтому давайте дадим ему более понятное имя. Чтобы переименовать слой, дважды щелкните непосредственно на его имени, чтобы выделить его:

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

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

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

Шаг 12. Переместите слой «Цвет» в верхнюю часть стека слоев

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

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

.

Слой «Цвет» теперь находится вверху стека слоев.

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

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

.

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

Режим наложения «Цвет» указывает Photoshop смешивать только цвет из этого слоя и игнорировать все остальное, и вот так эскиз теперь раскрашен:

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

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

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

И теперь цвет кажется более тонким:

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

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

Шаг 14: отключите слой «Цвет»

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

Отключение слоя «Цвет», щелкнув значок его видимости.

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

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

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

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

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

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

.

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

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

После того, как вы выбрали цвет, нажмите OK, чтобы закрыть палитру цветов. Ваш документ будет временно заполнен этим цветом, и если вы посмотрите на панель «Слои», вы увидите новый слой заливки с именем «Цветная заливка 1», расположенный вверху.

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

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

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

Эскиз окрашен в синий цвет.

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

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

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

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

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

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

Чтобы уменьшить интенсивность цвета, просто уменьшите непрозрачность слоя-заливки, следя за результатом при перетаскивании ползунка:

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

Шаг 17: отключите слой-заливку

Давайте рассмотрим еще один способ раскрасить эскиз, на этот раз с помощью градиента.

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

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

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

Чтобы раскрасить эскиз с помощью градиента, мы будем использовать слой заливки «Градиент». Нажмите еще раз на значок New Fill or Adjustment Layer в нижней части панели слоев:

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

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

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

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

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

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

Это открывает Gradient Picker , показывая нам миниатюры предустановленных градиентов, которые мы можем выбрать. Чтобы выбрать градиент, дважды щелкните его миниатюру. Это одновременно выберет градиент и закроет средство выбора градиента. Для этого урока я выберу градиент Spectrum (первая миниатюра слева, нижний ряд):

Выбор градиента спектра.

Вернувшись в диалоговое окно «Градиентная заливка», я изменю Угол градиента от 90° по умолчанию до 135° , что заставит его проходить по диагонали изображения, создавая немного больше интереса:

Изменение угла градиента.

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

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

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

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

Изменение режима наложения слоя «Градиентная заливка» на «Цвет».

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

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

Вот как выглядит мой набросок, раскрашенный градиентом Spectrum:

Окончательный раскрашенный эффект эскиза.

Выбор одного из предыдущих цветовых эффектов

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

Это просто.