7 days of PS Actions, graphics, templates & fonts - for free! Unlimited asset downloads! Start 7-Day Free Trial
Advertisement
  1. Design & Illustration
  2. Photoshop Actions

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

Read Time: 9 mins

Russian (Pусский) translation by Ashimova Damira (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

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

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

Action final resultsAction final resultsAction final results

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

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

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

Шаг 1

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

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

Шаг 2

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

Expanding canvasExpanding canvasExpanding canvas

Шаг 3

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

Expanding canvasExpanding canvasExpanding canvas

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

Шаг 1

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

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

Creating scribblesCreating scribblesCreating scribbles

Шаг 2

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

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

Defining the brushDefining the brushDefining the brush

Шаг 3

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

Defining the brushDefining the brushDefining the brush

Шаг 4

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

Defining the brushDefining the brushDefining the brush

Шаг 5

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

Changing brush settingsChanging brush settingsChanging brush settings

Шаг 6

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

Defining new brushDefining new brushDefining new brush

Шаг 7

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

Changing brush settingsChanging brush settingsChanging brush settings

Шаг 8

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

Defining new brushDefining new brushDefining new brush

Шаг 9

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

Changing brush settingsChanging brush settingsChanging brush settings

Шаг 10

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

Defining new brushDefining new brushDefining new brush

Шаг 11

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

Deleting temporary brushesDeleting temporary brushesDeleting temporary brushes

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

Шаг 1

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

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

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

Filling subject with a colorFilling subject with a colorFilling subject with a color

Шаг 3

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

Creating new color fill layerCreating new color fill layerCreating new color fill layer

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

Шаг 1

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

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

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

Brushing into layerBrushing into layerBrushing into layer

Шаг 3

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

Creating a new layerCreating a new layerCreating a new layer

Шаг 4

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

Brushing into layerBrushing into layerBrushing into layer

Шаг 5

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

Creating a new layerCreating a new layerCreating a new layer

Шаг 6

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

Brushing into layerBrushing into layerBrushing into layer

Шаг 7

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

Changing the opacityChanging the opacityChanging the opacity

Шаг 8

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

Arranging layersArranging layersArranging layers

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

Шаг 1

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

Creating a new layerCreating a new layerCreating a new layer

Шаг 2

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

Arranging layersArranging layersArranging layers

Шаг 3

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

Шаг 4

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

Duplicating layerDuplicating layerDuplicating layer

Шаг 5

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

Changing blending mode and opacityChanging blending mode and opacityChanging blending mode and opacity

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

Шаг 1

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

Placing texturePlacing texturePlacing texture

Шаг 2

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

Changing blending modeChanging blending modeChanging blending mode

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

Шаг 1

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

Creating new curves adjustment layerCreating new curves adjustment layerCreating new curves adjustment layer

Шаг 2

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

Adjusting curvesAdjusting curvesAdjusting curves

Шаг 3

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

Changing background colorChanging background colorChanging background color

Шаг 4

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

Making a screenshotMaking a screenshotMaking a screenshot

Шаг 5

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

Adding high pass filterAdding high pass filterAdding high pass filter

Шаг 6

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

Changing blending modeChanging blending modeChanging blending mode

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

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

Final resultFinal resultFinal result

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

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

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

Action final resultsAction final resultsAction final results
Advertisement
Did you find this post useful?
Want a weekly email summary?
Subscribe below and we’ll send you a weekly email summary of all new Design & Illustration tutorials. Never miss out on learning about the next big thing.
One subscription.
Unlimited Downloads.
Get unlimited downloads