Создаём Эффект Эскизного Рисунка в Adobe Photoshop

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

Эффект, который создан на изображении выше – я покажу вам, как создать его в этом уроке. Если вы захотите создать более сложные эффекты эскизного рисунка, как на изображении ниже или шрифтовый эскиз, тогда вы можете воспользоваться моим экшеном Typography Sketch Photoshop Action.

Что вам понадобится

Для создания данного эффекта, вам понадобится следующая фотография:

• Стоковое изображение
• Текстура
  

1. Давайте Приступим

Шаг 1

Вначале, откройте исходную фотографию, с которой вы хотите работать. Чтобы открыть фотографию, идём Файл – Открыть (File > Open), а затем в окне браузера, выберите свою исходную фотографию. Нажмите кнопку Открыть (Open). Теперь, перед тем, как мы приступим, необходимо, чтобы вы уточнили пару моментов:

1. Ваша исходная фотография должна быть в цветовом режиме RGB, 8 бит/канал (8 Bits/Channel). Чтобы проверить это, идём Изображение – Режим (Image > Mode).
2. Для получения наилучшего результата, размеры вашей исходной фотографии должны быть в пределах 1500–4000 px по ширине / высоте. Чтобы проверить это, идём Изображение – Размеры изображения (Image > Image Size).
3. Ваша исходная фотография должна быть слоем заднего фона. Если она не является таковой, тогда идём Слой- Новый – Задний фон из слоя (Layer > New > Background from Layer). Примечание переводчика: слой с исходной фотографией должен быть с замочком и представлять задний фон.

Шаг 2

Теперь нам нужно немного увеличить холст сверху, чтобы у нас было больше пространства вокруг объекта с этой стороны. Идём Изображение – Размер холста (Image > Canvas Size). Примените настройки, которые указаны на скриншоте ниже:

Шаг 3

Далее, мы проделаем то же самое для левой и правой стороны холста. Идём Изображение – Размер холста (Image > Canvas Size). Примените настройки, которые указаны на скриншоте ниже:

2. Создаём Кисти

Шаг 1

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

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

Шаг 2

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

Теперь откройте первый файл с отсканированными каракулями, а затем идём Редактирование – Определить кисть (Edit > Define Brush), чтобы определить данные каракули в качестве кисти. Назовите эту кисть Временная кисть 1 (Temp Brush 1).

Шаг 3

Откройте второй файл с отсканированными каракулями, а затем идём Редактирование – Определить кисть (Edit > Define Brush), чтобы определить данные каракули в качестве кисти. Назовите эту кисть Временная кисть 2 (Temp Brush 2).

Шаг 4

Теперь откройте последний файл с отсканированными каракулями, а затем идём Редактирование – Определить кисть (Edit > Define Brush), чтобы определить данные каракули в качестве кисти. Назовите эту кисть Временная кисть 3 (Temp Brush 3).

Шаг 5

Теперь, когда мы определили наши кисти, нам необходимо настроить настройки этих кистей, а затем ещё раз определить их в качестве новых кистей. Нажмите клавишу ‘B’, щёлкните правой кнопкой мыши в любой области холста и в появившемся окне, выберите кисть Временная кисть 1 (Temp Brush 1), а затем нажмите клавишу (Enter). Далее, идём Окно – Кисть (Window > Brush) и в появившейся панели настроек Кисть (Brush), установите следующие настройки кисти, которые указаны на скриншоте ниже:

Шаг 6

Чтобы определить данную кисть с новыми настройками в качестве новой кисти, щёлкните по значку в нижнем правом углу панели Кисть (Brush), чтобы создать новую кисть. Назовите эту кисть Каракули 1 (Scribble_Brush_1).

Шаг 7

Теперь нажмите клавишу ‘B’, щёлкните правой кнопкой мыши в любой области холста и в появившемся окне, выберите кисть Временная кисть 2 (Temp Brush 2), а затем нажмите клавишу (Enter). Далее, идём Окно – Кисть (Window > Brush) и в появившейся панели настроек Кисть (Brush), установите следующие настройки кисти, которые указаны на скриншоте ниже:

Шаг 8

Чтобы определить данную кисть с новыми настройками в качестве новой кисти, щёлкните по значку в нижнем правом углу панели Кисть (Brush), чтобы создать новую кисть. Назовите эту кисть Каракули 2 (Scribble_Brush_2).

Шаг 9

Теперь нажмите клавишу ‘B’, щёлкните правой кнопкой мыши в любой области холста и в появившемся окне, выберите кисть Временная кисть 3 (Temp Brush 3), а затем нажмите клавишу (Enter). Далее, идём Окно – Кисть (Window > Brush) и в появившейся панели настроек Кисть (Brush), установите следующие настройки кисти, которые указаны на скриншоте ниже:

Шаг 10

Чтобы определить данную кисть с новыми настройками в качестве новой кисти, щёлкните по значку в нижнем правом углу панели Кисть (Brush), чтобы создать новую кисть. Назовите эту кисть Каракули 3 (Scribble_Brush_3).

Шаг 11

Итак, наши кисти готовы к применению. Если хотите, то вы можете удалить все временные кисти, которые мы определили ранее, для этого, удерживая клавишу (Alt), щёлкните по каждой из них.

3. Создаём Основу

Шаг 1

В этой части урока мы создадим основу, которая определит объект на вашей фотографии, кроме этого, мы также создадим задний фон. Идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой, назовите этот слой Основа (Base).

Шаг 2

Поскольку слой Основа (Base) активный, выполните заливку объекта любым цветовым оттенком. Вы можете сделать это различными способами. Например, вы можете создать выделение вокруг вашего объекта с помощью инструмента Перо (Pen Tool (P), Волшебная палочка (Magic Wand Tool (W), Лассо (Lasso Tool (L) или другого инструмента, а затем просто залить выделенную область цветовым оттенком. Или вы можете выбрать инструмент Кисть (Brush Tool (B) и прокрасить поверх объекта на фотографии, используя жёсткую или мягкую кисть. Цвет кисти или заливки не играет огромной роли.

Шаг 3

Перейдите на фоновый слой (Background), а затем идём Слой – Новый слой-заливка- Цвет (Layer > New Fill Layer > Solid Color), чтобы создать новый слой с заливкой цвета. Назовите этот слой Цвет заднего фона (Background Color), установите цвет заливки на #000000, как показано на скриншоте ниже:

4. Создаём Эскиз Объекта

Шаг 1

В этой части урока мы создадим эскиз из нашего объекта, используя кисти каракули, которые мы создали в самом начале урока. Перейдите на слой Основа (Base), а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Эскиз_Каракули_1 (Scribble_Sketch_1).

Шаг 2

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B). Далее, выберите кисть Каракули 1 (Scribble_Brush_1), а затем прокрасьте область заливки, которую мы создали в качестве основы, а также прокрасьте края вдоль контура области заливки. Вы можете варьировать диаметр кисти.

Шаг 3

Перейдите на слой Основа (Base), а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Эскиз_Каракули_2 (Scribble_Sketch_2).

Шаг 4

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B). Далее, выберите кисть Каракули 2 (Scribble_Brush_2), а затем прокрасьте область заливки, которую мы создали в качестве основы, а также прокрасьте края вдоль контура области заливки. Опять же, не бойтесь использовать различный диаметр кисти.

Шаг 5

Перейдите на слой Основа (Base), а затем идём Слой- Новый – Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Эскиз_Каракули_3 (Scribble_Sketch_3).

Шаг 6

Теперь установите цвет переднего плана на #000000, выберите инструмент Кисть (Brush Tool (B). Далее, выберите кисть Каракули 3 (Scribble_Brush_3), а затем прокрасьте область заливки, которую мы создали в качестве основы, а также прокрасьте края вдоль контура области заливки. Опять же, не бойтесь использовать различный диаметр кисти.

Шаг 7

Уменьшите Непрозрачность (Opacity) данного слоя до 78%.

Шаг 8

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

5. Усиливаем Детали Объекта

Шаг 1

В этой части мы урока мы раскроем детали объекта. Удерживая клавишу (Ctrl), щёлкните по миниатюре слоя Основа (Base), чтобы загрузить активное выделение этого слоя. Далее, перейдите на фоновый слой (Background), а затем идём Слой- Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы создать новый слой путём копирования.

Шаг 2

Теперь перетащите данный слой наверх, расположив поверх слоя Эскиз_Каракули_1 (Scribble_Sketch_1) в панели слоёв. Назовите этот слоя Объект_Детали_1 (Subject_Details_1).

Шаг 3

Нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. Далее, поменяйте режим наложения на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 59%.

Шаг 4

Теперь нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Назовите этот дубликат слоя Объект_Детали_2 (Subject_Details_2).

Шаг 5

Переместите данный слой вниз, расположив ниже слоя Объеккт_Детали_1 (Subject_Details_1). Далее, поменяйте режим наложения на Нормальный (Normal), а также уменьшите Непрозрачность (Opacity) слоя до 25%.

6. Добавляем Текстуру

Шаг 1

В этой части урока мы добавим текстуру к нашей сцене, расположив её поверх нашего эскизного рисунка. Идём Файл – Поместить встроенные (File > Place Embedded) и в появившемся окне навигации, выберите исходную текстуру. Далее, установите Ширину (Width) и Высоту (Height) текстуры на 29.48%, как показано на скриншоте ниже. Назовите этот слой Текстура (Texture).

Шаг 2

Поменяйте режим наложения для данного слоя на Мягкий свет (Soft Light).

7. Проводим Заключительную Цветовую Коррекцию

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию всей сцены. Перейдите на слой Объеккт_Детали_1 (Subject_Details_1), а затем идём Слой – Новый корректирующий слой – Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой Кривые (curves). Назовите этот корректирующий слой Общая Яркость (Overall Brightness).

Шаг 2

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне панели Свойства (Properties), установите настройки, которые указаны на скриншоте ниже:

Шаг 3

Дважды щёлкните по миниатюре слоя с заливкой Цвет заднего фона (Background Color). Установите цвет заливки на #767676, как показано на скриншоте ниже:

Шаг 4

Теперь перейдите на слой Общая Яркость (Overall Brightness), отключите видимость слоя Текстура (Texture). Далее, нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой из всех видимых слоёв.

Шаг 5

Идём Фильтр – Другое – Цветовой контраст (Filter > Other > High Pass). Установите значение Радиуса (Radius) на 2 px, как показано на скриншоте ниже:

Шаг 6

Теперь вновь включите видимость слоя Текстура (Texture). Далее, поменяйте режим наложения для данного слоя со цветовым контрастом на Перекрытие (Overlay). Назовите этот слой Общая резкость (Overall Sharpening).

Мы Завершили Урок!

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

Если вы захотите создать более сложные эффекты эскизного рисунка, как на изображении ниже или шрифтовый эскиз, тогда вы можете воспользоваться моим экшеном Typography Sketch Photoshop Action.

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

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