Создаём эффект карандашного рисунк
Скачать архив с материалами к уроку
1. Создаем новый документ
Для начала открываем фото, с которым будем работать. Для этого переходим File — Open (Файл — Открыть). Настраиваем новый документ:
- Снимок должен быть в режиме RGB, 8 bits/channel (бит/канал). Чтобы это проверить, переходим Image — Mode (Изображение — Режим).
- Для получения наилучшего результата, размер фото должен быть в пределах 1500–3500 пикселей в ширину/высоту. Проверяем в меню Image — Image Size (Изображение — Размер изображения).
- Ваше фото должно быть заблокированным фоновым слоем. Если это не так, переходим в меню Layer — New — Background from Layer (Слой — Новый — Задний фон из слоя).
2. Создаем кисти
Шаг 1
В этом разделе мы создадим несколько кисточек, имитирующих карандашные штрихи. Возьмите лист бумаги и карандаш, затем нарисуйте слой широкой штриховки для затенения и три основных штриховки. Затем сканируем получившийся результат.
Если каждую штриховку вы рисовали на отдельном листе бумаги, то в результате у вас должно получиться четыре отсканированных изображения. Если вы рисовали все на одном листе, то берем любой инструмент выделения в Photoshop, выделяем одну штриховку и переносим ее на отдельный слой (Ctrl+J). Вот так выглядит моя штриховка.
Шаг 2
Вам необязательно в точности повторять за мной, пусть ваша штриховка будет уникальной. Главное, чтобы вы подготовили три базовые штриховки и одну для затенения. Обратите внимание, что базовая штриховка должна быть четкой, контрастной и иметь такую же плотность, как показано на скриншоте. Если плотность будет неравномерной, тогда конечный результат может оказаться слишком перегруженный или, наоборот, пустой.
Далее открываем отсканированную картинку и переходим Edit — Define Brush (Редактирование — Определить кисть), чтобы сохранить штриховку в виде кисточки, которую мы называем «Временная кисть 1».
Шаг 3
Открываем второй скан, переходим Edit — Define Brush (Редактирование — Определить кисть) и сохраняем кисть «Временная кисть 2».
Шаг 4
Открываем следующий скан со штриховкой, переходим Edit — Define Brush (Редактирование — Определить кисть) и сохраняем кисть «Временная кисть 3».
Шаг 5
Открываем последний скан, переходим Edit — Define Brush (Редактирование — Определить кисть) и сохраняем кисть «Временная кисть 4».
Шаг 6
Закончив с созданием новых кисточек, мы должны настроить их, а затем пересохранить. Жмем клавишу В, кликаем правой кнопкой мыши в любом месте рабочего полотна, в открывшемся меню находим кисть «Временная кисть 1» и выбираем ее. Затем переходим Window — Brush (Окно — Кисть) и вводим следующие настройки:
Шаг 7
Чтобы пересохранить эту кисть, в нижнем правом углу панели Brush
(Кисть) нажимаем на кнопку создания новой кисти и в появившемся окне вводим название «Эскизная кисть 1».
Шаг 8
Жмем клавишу В, кликаем правой кнопкой мыши в любом месте рабочего полотна, в открывшемся меню находим кисть «Временная кисть 2» и выбираем ее. Затем переходим Window — Brush (Окно — Кисть) и вводим следующие настройки:
Шаг 9
Чтобы пересохранить эту кисть, в нижнем правом углу панели Brush (Кисть) нажимаем на кнопку создания новой кисти и в появившемся окне вводим название «Эскизная кисть 2».
Шаг 10
Жмем клавишу В, кликаем правой кнопкой мыши в любом месте рабочего полотна, в открывшемся меню находим кисть «Временная кисть 3» и выбираем ее. Затем переходим Window — Brush (Окно — Кисть) и вводим следующие настройки:
Шаг 11
Чтобы пересохранить эту кисть, в нижнем правом углу панели Brush
(Кисть) нажимаем на кнопку создания новой кисти и в появившемся окне вводим название «Эскизная кисть 3».
Шаг 12
Жмем клавишу В, кликаем правой кнопкой мыши в любом месте рабочего полотна, в открывшемся меню находим кисть «Временная кисть 4» и выбираем ее. Затем переходим Window — Brush (Окно — Кисть) и вводим следующие настройки:
Шаг 13
Чтобы пересохранить эту кисть, в нижнем правом углу панели Brush
(Кисть) нажимаем на кнопку создания новой кисти и в появившемся окне вводим название «Эскизная кисть 4».
Шаг 14
Теперь все кисточки готовы. Все временные кисти, которые мы определили в начале урока, можете удалить. Для этого зажимаем клавишу Alt и кликаем по нужной кисточке.
3. Создаем фон
Шаг 1
Начинаем с создания слоя с цветовой заливкой Layer — New Fill Layer — Solid Color (Слой — Новый слой-заливка — Цвет), называем его «Фоновый цвет» и выбираем цвет #f2f2f2, как показано ниже:
Шаг 2
Теперь мы добавим текстуру. Переходим Layer — New — Layer (Слой — Новый — Слой), чтобы создать новый слой, который мы называем «Слой 1».
Шаг 3
Нажимаем клавишу D, чтобы сбросить цвета на стандартные, и переходим Filter — Render — Clouds(Фильтр — Рендеринг — Облака).
Шаг 4
Далее переходим Image — Adjustments — Threshold (Изображение — Коррекция — Порог) и устанавливаем Threshold Level (Порог яркости) на 128:
Шаг 5
Переходим Select — Color Range (Выделение — Цветовой диапазон). Пипеткой кликаем по белому цвету на документе и устанавливаем Fuzziness (Разброс) на 40. После этого применяем Select — Modify — Smooth (Выделение — Модификация — Сгладить) и устанавливаем Sample Radius (Радиус) на 20 пикселей:
Шаг 6
Активируем Lasso Tool
(L) (Лассо), кликаем правой кнопкой в любом месте полотна, выбираем MakeWork Path (Создать рабочий контур) и в появившемся окне устанавливаем Tolerance (Допуск) на 2 пикселя, как показано ниже:
Шаг 7
Создаем новый слой Layer — New — Layer (Слой — Новый — Слой) и называем его «Фоновая текстура».
Шаг 8
Жмем клавишу D, чтобы сбросить цвета, затем активируем инструмент Brush Tool
(B) (Кисть). Кликаем в любом месте рабочего полотна и выбираем созданную выше кисть «Эскизная кисть 1». Затем активируем Pen Tool
(P) (Перо), кликаем правой кнопкой по рабочему полотну, выбираем Stroke Path(Выполнить обводку контура) и в открывшемся окне устанавливаем инструмент обводки на Brush
(Кисть).
Шаг 9
Далее проверяем, чтобы перо (Р) было активным, кликаем правой кнопкой по рабочему полотну и выбираем Delete Path (Удалить контур). Затем кликаем правой кнопкой мышки по слою «Слой 1» и выбираем Delete Layer (Удалить слой). Выбираем слой «Фоновая текстура» и уменьшаем его непрозрачность до 10%.
4. Создаем фоновый эскиз
Шаг 1
В этом разделе мы превратим наше фото в контурный эскиз. Выбираем фоновый слой, нажимаем Ctrl+J, чтобы дублировать его, и перемещаем копию в самый верх панели слоев.
Шаг 2
Далее переходим Filter — Stylize — Glowing Edges (Фильтр — Стилизация — Свечение краев). Устанавливаем Edge Width (Ширина краев) на 1 пиксель, Edge Brightness (Яркость краев) — на 5 пикселей и Smoothness (Смягчение) — на 15 пикселей, как показано ниже:
Шаг 3
Нажимаем Ctrl+Shift+U, чтобы обесцветить слой, затем Ctrl+I, чтобы инвертировать цвета. Меняем режим смешивания слоя на Multiply (Умножение), уменьшаем непрозрачность до 24% и называем слой «Фоновый набросок 1».
Шаг 4
Выбираем фоновый слой, жмем Ctrl+J, чтобы еще раз дублировать его, и перемещаем копию выше под слой «Фоновый набросок 1».
Шаг 5
Переходим Filter — Sketch — Photocopy (Фильтр — Эскиз — Ксерокопия), устанавливаем Detail(Детализация) на 3 пикселя, Darkness (Затемненность) — на 2.
Шаг 6
Меняем режим смешивания слоя на Multiply (Умножение), уменьшаем непрозрачность до 50% и называем слой «Фоновый набросок 2».
5. Создаем эскиз футболиста
Шаг 1
В этом разделе мы займемся создание эскиза одного из футболистов. Выбираем верхний слой на панели слоев и создаем новый Layer — New — Layer (Слой — Новый — Слой). Называем его «Футболист».
Шаг 2
Выбираем наш новый слой, скрываем все слои, кроме «Футболист» и фонового, и заполняем футболиста цветом.
Для этого можете использовать любой удобный способ. Например, можете создать выделение с помощью Pen Tool
(P) (Перо), Magic Wand Tool
(W) (Волшебная палочка) или Lasso Tool
(L) (Лассо), а затем заполнить его цветом. Или закрасить объект обычной жесткой/мягкой кисточкой (В). Цвет не важен.
Закончив, включаем видимость всех слоев.
Шаг 3
Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Футболист» на панели слоев, чтобы загрузить его выделение, затем скрываем этот слой. После этого выбираем фоновый слой и жмем Ctrl+J, чтобы скопировать слой по форме выделения. Размещаем новый слой под слоем «Футболист».
Шаг 4
Дважды нажимаем Ctrl+J, чтобы создать еще две копии слоя с футболистом.
Шаг 5
Выбираем слой «Слой 1 копия 2», переходим Image — Adjustments — Threshold (Изображение — Коррекция — Порог) и устанавливаем Threshold Level (Порог яркости) на 128:
Шаг 6
Выбираем слой «Слой 1 копия», переходим Image — Adjustments — Threshold (Изображение — Коррекция — Порог) и устанавливаем Threshold Level (Порог яркости) на 150. Затем выбираем слой «Слой 1», переходим Image — Adjustments — Threshold (Изображение — Коррекция — Порог) и устанавливаем Threshold Level (Порог яркости) на 170:
Шаг 7
Выбираем слой «Слой 1 копия 2», скрываем все остальные слои и переходим Select — Color Range(Выделение — Цветовой диапазон). Устанавливаем Select (Выбрать) на Shadows (Тени), Fuzziness(Разброс) — на 20%, Range (Диапазон) — на 65:
Шаг 8
Теперь переходим Select — Modify — Smooth (Выделение — Модификация — Сгладить) и устанавливаем Sample Radius (Радиус) на 10 пикселей. Затем берем Lasso Tool
(L) (Лассо), кликаем правой кнопкой мышки по рабочему полотну, выбираем Make Work Path (Создать рабочий контур) и устанавливаем Tolerance (Допуск) на 2 пикселя.
Шаг 9
Создаем новый слой Layer — New — Layer (Слой — Новый — Слой) и называем его «Эскиз футболиста 1».
Шаг 10
Нажимаем клавишу D, чтобы сбросить цвета на стандартные. Затем активируем Brush Tool
(B) (Кисть). Кликаем правой кнопкой мышки в любом месте рабочего полотна и в открывшемся меню выбираем кисточку «Эскизная кисть 2». Затем активируем Pen Tool
(P) (Перо), кликаем правой кнопкой по рабочему полотну, выбираем Stroke Path (Выполнить обводку контура) и в открывшемся окне устанавливаем инструмент обводки на Brush
(Кисть).
Шаг 11
Проверяем, чтобы Pen Tool
(P) (Перо) был активен. Правой кнопкой кликаем по рабочему полотну и выбираем Delete Path (Удалить контур). Далее переходим Layer — Layer Mask — Reveal All (Слой — Слой-маска — Показать все) и скрываем этот слой. Затем выбираем маску слоя, переходим Image — ApplyImage (Изображение — Внешний канал) и вводим следующие настройки:
Шаг 12
Кликаем правой кнопкой по слою «Слой 1 копия 2» и выбираем Delete Layer (Удалить слой), затем выбираем слой «Эскиз футболиста 1» и снова делаем его видимым. После этого левой кнопкой нажимаем по значку цепи между миниатюрой слоя и маской на панели слоев, чтобы разъединить их. Выбираем маску и нажимаем Ctrl+I, чтобы инвертировать ее содержимое.
Шаг 13
Не снимая выделение с маски, переходим Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) и устанавливаем Radius (Радиус) на 1 пиксель.
Шаг 14
Скрываем слой «Эскиз футболиста 1», выбираем слой «Слой 1 копия» и включаем его видимость. Переходим Select — Color Range (Выделение — Цветовой диапазон), устанавливаем Select (Выбрать) на Shadows (Тени), Fuzziness (Разброс) — на 20% и Range (Диапазон) — на 65.
Шаг 15
Теперь переходим Select — Modify — Smooth (Выделение — Модификация — Сгладить) и устанавливаем Sample Radius (Радиус) на 10 пикселей. Активируем Lasso Tool
(L) (Лассо), кликаем правой кнопкой по рабочему полотну, выбираем Make Work Path (Создать рабочий контур) и устанавливаем Tolerance(Допуск) на 2 пикселя. После этого создаем новый слой Layer — New — Layer (Слой — Новый — Слой) и называем его «Эскиз футболиста 2».
Шаг 16
Нажимаем клавишу D, чтобы сбросить цвета на стандартные. Затем активируем Brush Tool
(B) (Кисть). Кликаем правой кнопкой мышки в любом месте рабочего полотна и в открывшемся меню выбираем кисточку «Эскизная кисть 3». Затем активируем Pen Tool
(P) (Перо), кликаем правой кнопкой по рабочему полотну, выбираем Stroke Path (Выполнить обводку контура) и в открывшемся окне устанавливаем инструмент Brush
(Кисть).
Шаг 17
Проверяем, чтобы Pen Tool
(P) (Перо) был активен. Правой кнопкой кликаем по рабочему полотну и выбираем Delete Path (Удалить контур). Далее переходим Layer — Layer Mask — Reveal All (Слой — Слой-маска — Показать все) и скрываем этот слой. Затем выбираем маску этого слоя, переходим Image — ApplyImage (Изображение — Внешний канал). После этого кликаем правой кнопкой по слою «Слой 1 копия» и выбираем Delete Layer (Удалить слой).
Затем выбираем слой «Эскиз футболиста 2» и включаем его видимость. После этого левой кнопкой нажимаем по значку цепи между миниатюрой слоя и маской на панели слоев, чтобы разъединить их. Выбираем маску и нажимаем Ctrl+I, чтобы инвертировать ее содержимое.
Шаг 18
Не снимая выделение с маски, переходим Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) и устанавливаем Radius (Радиус) на 1 пиксель. Скрываем слой «Эскиз футболиста 2», выбираем слой «Слой 1» и включаем его видимость. Переходим Select — Color Range (Выделение — Цветовой диапазон), устанавливаем Select (Выбрать) на Shadows (Тени), Fuzziness (Разброс) — на 20% и Range (Диапазон) — на 65.
Шаг 19
Теперь переходим Select — Modify — Smooth (Выделение — Модификация — Сгладить) и устанавливаем Sample Radius (Радиус) на 10 пикселей. Активируем Lasso Tool
(L) (Лассо), кликаем правой кнопкой по рабочему полотну, выбираем Make Work Path (Создать рабочий контур) и устанавливаем Tolerance(Допуск) на 2 пикселя. После этого создаем новый слой Layer — New — Layer (Слой — Новый — Слой) и называем его «Эскиз футболиста 3».
Шаг 20
Нажимаем клавишу D, чтобы сбросить цвета на стандартные. Затем активируем Brush Tool
(B) (Кисть). Кликаем правой кнопкой мышки в любом месте рабочего полотна и в открывшемся меню выбираем кисточку «Эскизная кисть 4». Затем активируем Pen Tool
(P) (Перо), кликаем правой кнопкой по рабочему полотну, выбираем Stroke Path (Выполнить обводку контура) и в открывшемся окне находим инструмент Brush
(Кисть).
Шаг 21
Проверяем, чтобы Pen Tool
(P) (Перо) был активен. Правой кнопкой кликаем по рабочему полотну и выбираем Delete Path (Удалить контур). Далее переходим Layer — Layer Mask — Reveal All (Слой — Слой-маска — Показать все) и скрываем этот слой. Затем выбираем маску этого слоя, переходим Image — ApplyImage (Изображение — Внешний канал).
После этого кликаем правой кнопкой по слою «Слой 1» и выбираем Delete Layer (Удалить слой). Затем выбираем слой «Эскиз футболиста 3» и включаем его видимость. Далее левой кнопкой нажимаем по значку цепи между миниатюрой слоя и маской на панели слоев, чтобы разъединить их. Выбираем маску и нажимаем Ctrl+I, чтобы инвертировать ее содержимое.
Шаг 22
Не снимая выделение с маски, переходим Filter — Blur — Gaussian Blur (Фильтр — Размытие — Размытие по Гауссу) и устанавливаем Radius (Радиус) на 1 пиксель. Включаем видимость всех слоев, кроме слоя «Футболист».
Шаг 23
Теперь выбираем слой «Эскиз футболиста 1» и уменьшаем его непрозрачность до 60%. Затем выбираем слой «Эскиз футболиста 2» и уменьшаем его непрозрачность до 27%. Выбираем слой «Эскиз футболиста 3» и уменьшаем его непрозрачность до 50%.
6. Детализируем эскиз футболиста
Шаг 1
В этом разделе мы добавим больше деталей на футболисте. Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Футболист», затем выбираем фоновый слой и нажимаем Ctrl+J, чтобы создать новый слой по форме выделения. Перемещаем его под слой «Футболист».
Шаг 2
Переходим Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст). Устанавливаем Radius(Радиус) на 5 пикселей.
Шаг 3
Нажимаем сочетания клавиш Ctrl+Shift+U, чтобы обесцветить слой, и переходим Image — Adjustments — Levels (Изображение — Коррекция — Уровни). Устанавливаем левый ползунок Shadow (Тень) на 85 и правый Brightness (Яркость) — на 170.
Шаг 4
Кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). В открывшемся окне настраиваем параметр Blend If (Наложение, если), как показано ниже:
Шаг 5
Называем этот слой «Яркость эскиза футболиста», зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Футболист», выбираем фоновый слой и нажимаем Ctrl+J, чтобы создать новый слой по форме выделения. Перемещаем получившийся слой под слой «Футболист».
Шаг 6
Теперь переходим Filter — Other — High Pass (Фильтр — Другое — Цветовой контраст) и устанавливаем Radius (Радиус) на 10 пикселей.
Шаг 7
Нажимаем Ctrl+Shift+U, чтобы обесцветить слой. Затем меняем его режим смешивания на Overlay(Перекрытие) и уменьшаем непрозрачность до 84%. Называем этот слой «Детали эскиза футболиста 1».
Шаг 8
Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Футболист», затем выбираем фоновый слой и нажимаем Ctrl+J, чтобы создать новый слой по форме выделения. Перемещаем этот слой под слой «Детали эскиза футболиста 1».
Шаг 9
Нажимаем Ctrl+Shift+U, чтобы обесцветить слой. Затем меняем его режим смешивания на Overlay(Перекрытие) и уменьшаем непрозрачность до 63%. Называем этот слой «Детали эскиза футболиста 2».
Шаг 10
Кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). В открывшемся окне настраиваем параметр Blend If (Наложение, если), как показано ниже:
7. Заполняем эскиз цветом
Шаг 1
В этом разделе мы раскрасим отдельные части эскиза. Зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Футболист», затем выбираем фоновый слой и нажимаем Ctrl+J, чтобы создать новый слой по форме выделения. Перемещаем этот слой под слой «Футболист». Меняем режим смешивания копии на Color (Цветность) и называем ее «Цветной эскиз».
Шаг 2
Удерживая клавишу Ctrl, кликаем по миниатюре слоя «Футболист», чтобы загрузить его выделение, затем переходим Layer — Layer Mask — Reveal Selection (Слой — Слой-маска — Показать все), чтобы создать маску по форме выделения. Затем нажимаем клавишу D, чтобы сбросить цвета на стандартные, активируем Brush Tool(B) (Кисть), выбираем мягкую кисточку, проверяем, чтобы маска слоя была выбрана, и проводим по ней так, чтобы результат был, как на скриншоте ниже:
8. Финальная цветокоррекция
Шаг 1
В этом разделе мы выполним цветокоррекцию, чтобы финальная картинка выглядела ярче и сочнее. Переходим Layer — New Adjustment Layer — Curves (Слой — Новый корректирующий слой — Кривые). Называем этот слой «Цветокоррекция».
Шаг 2
Дважды кликаем по миниатюре корректирующего слоя на панели слоев, чтобы настроить его, как показано ниже:
Готово!
Поздравляю, вы добрались до конца урока! Вот так выглядит финальный вариант:
