Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Создаём Карандашный Рисунок из Фотографии в Photoshop

by
Difficulty:IntermediateLength:MediumLanguages:

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

Final product image
What You'll Be Creating

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

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

Action final results

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

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

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

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

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

2. Создаём Задний Фон

Шаг 1

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

Creating new solid color fill layer

Шаг 2

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

Placing texture

Шаг 3

Идём Слой- Новый корректирующий слой – Чёрно-белое (Layer > New Adjustment Layer > Black & White), чтобы создать новый корректирующий слой чёрно-белое. Назовите этот корректирующий слой ‘BT_Desaturate’.

Creating new black and white adjustment layer

Шаг 4

Теперь нажмите клавиши (Ctrl+Alt+G), чтобы преобразовать корректирующий слой чёрно-белое в обтравочную маску. Далее, перейдите на слой ‘Background Texture’, чтобы уменьшить Непрозрачность (Opacity) этого слоя до 20%.

Changing opacity

3. Создаём Эскиз

Шаг 1

В этой части урока мы создадим эскиз. Перейдите на фоновый (Background) слой, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, идём Изображение – Коррекция –Тени/ Света (Image > Adjustments > Shadows/Highlights).  Установите Эффект (Amount) для Теней (Shadows) на 10%, а Эффект (Amount) для Света (Highlights) на 10%.

Adjusting shadows and highlights

Шаг 2

Теперь назовите этот слой ‘Base’, затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, переместите данный дубликат слоя наверх, расположив поверх всех остальных слоёв.

Duplicating layer

Шаг 3

Идём Фильтр – Галерея фильтров – Имитация – Аппликация (Filter > Filter Gallery > Artistic > Cutout). Установите Количество уровней (Number of Levels) на 8, Простоту краёв (Edge Simplicity) на 10, а Чёткость краёв (Edge Fidelity) на 1.

Adding cutout filter

Шаг 4

Теперь нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. Далее, идём Фильтр – Стилизация – Выделение краёв (Filter > Stylize > Find Edges).

Adding find edges filter

Шаг 5

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 20%.  Далее, назовите этот слой ‘Rough_Sketch_1’.

Changing blending mode and opacity

Шаг 6

Перейдите на слой ‘Base’, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, переместите данный дубликат слоя вниз, расположив ниже слоя ‘Rough_Sketch_1’.

Duplicating layer

Шаг 7

Теперь идём Фильтр – Галерея фильтров – Имитация – Аппликация (Filter > Filter Gallery > Artistic > Cutout). Установите Количество уровней (Number of Levels) на 8, Простоту краёв (Edge Simplicity) на 2, а Чёткость краёв (Edge Fidelity) на 1.

Adding cutout filter

Шаг 8

Теперь нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой. Далее, идём Фильтр – Стилизация – Выделение краёв (Filter > Stylize > Find Edges).

Adding find edges filter

Шаг 9

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 10%. Далее, назовите этот слой ‘Rough_Sketch_2’.

Changing blending mode and opacity

Шаг 10

Теперь, удерживая клавишу (Ctrl), щёлкните по слою ‘Rough_Sketch_1’, чтобы одновременно выделить оба слоя. Далее, идём Слой- Новый- Группа из слоёв (Layer > New > Group from Layers), чтобы создать новую группу их выделенных слоёв. Назовите эту группу ‘Rough Sketch’.

Creating new group from layers

Шаг 11

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

Changing opacity

Шаг 12

Перейдите на слой ‘Base’, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, переместите данный дубликат слоя наверх, расположив поверх слоя с группой ‘Rough Sketch’.

Duplicating layer

Шаг 13

Теперь идём Фильтр – Галерея фильтров – Имитация – Тушь (Filter > Filter Gallery > Sketch > Graphic Pen). Установите Длину штрихов (Stroke Length) на 15, Тоновый баланс (Light/Dark Balance) на 10, и Направление штрихов (Stroke Direction) на По диагонали вправо (Right Diagonal).

Adding graphic pen filter

Шаг 14

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 10%. Далее, назовите этот слой ‘Shading_1’.

Changing blending mode and opacity

Шаг 15

Перейдите на слой ‘Base’, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой.  Далее, переместите данный дубликат слоя вниз, расположив ниже слоя ‘Shading_1’.

Duplicating layer

Шаг 16

Идём Фильтр – Галерея фильтров – Имитация – Уголь (Filter > Filter Gallery > Sketch > Charcoal).  Установите Интенсивность (Charcoal Thickness) на 1, Детализацию (Detail) на 5, а Тоновый баланс (Light/Dark Balance) на 10.

Adding charcoal filter

Шаг 17

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 10%. Далее, назовите этот слой ‘Shading_2’.

Changing blending mode and opacity

Шаг 18

Перейдите на слой ‘Base’, а затем нажмите клавиши (Ctrl+J), чтобы продублировать данный слой. Далее, переместите данный дубликат слоя наверх, расположив выше слоя ‘Shading_1’.

Duplicating layer

Шаг 19

Идём Фильтр – Галерея фильтров – Имитация – Ксерокопия (Filter > Filter Gallery > Sketch > Photocopy). Установите Детализацию (Detail) на 2, а Затемнённость  (Darkness) на 5.

Adding photocopy filter

Шаг 20

Поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) слоя до 60%. Далее, назовите этот слой ‘Main Sketch’.

Changing blending mode and opacity

4. Добавляем Текстуру Наложения

Шаг 1

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

Placing texture

Шаг 2

Теперь щёлкните правой кнопкой мыши по данному слою с текстурой и в появившемся меню, выберите опцию Редактировать содержимое (Edit Contents). В появившемся новом документе, идём Изображение – Автотон (Edit > Auto Tone). Далее, нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный слой.

Adjusting tone

Шаг 3

Нажмите клавиши (Ctrl+S), чтобы сохранить изменения, которые вы внесли, а затем закройте этот документ.

Saving changes

Шаг 4

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

Changing blending mode

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

Шаг 1

В этой части урока мы проведём заключительную цветовую коррекцию всей сцены. Идём Слой- Новый корректирующий слой – Фото Фильтр (Layer > New Adjustment Layer > Photo Filter), чтобы создать новый корректирующий слой фото фильтр. Назовите этот слой ‘Photo Tint’.

Creating new photo filter adjustment layer

Шаг 2

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

Adjusting photo filter

Шаг 3

Нажмите клавишу ‘D’, чтобы установите цвета по умолчанию. Далее, идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map), чтобы создать новый корректирующий слой с картой градиента. Назовите этот слой ‘Overall Contrast’.

Creating new gradient map adjustment layer

Шаг 4

Теперь поменяйте режим наложения для данного слоя на Яркость (Luminosity), а также уменьшите Непрозрачность (Opacity) слоя до 12%.

Changing blending mode and opacity

Шаг 5

Идём Слой- Новый корректирующий слой – Вибрация (Layer > New Adjustment Layer > Vibrance), чтобы создать новый корректирующий слой с вибрацией. Назовите этот слой ‘Overall Vibrance/Saturation’.

Creating new vibrance and saturation adjustment layer

Шаг 6

Теперь дважды щёлкните по миниатюре данного корректирующего слоя и в появившемся окне Свойства (Properties), установите значение Вибрации (Vibrance) на +40, а значение Насыщенности (Saturation) на +20.

Adjusting vibrance and saturation

Шаг 7

Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой, а затем нажмите клавиши (Ctrl+Shift+U), чтобы обесцветить данный объединённый слой. Далее, идём Фильтр – Другое- Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 2 px.

Adding high pass filter

Шаг 8

Теперь поменяйте режим наложения для данного слоя на Перекрытие (Overlay), а затем назовите этот слой ‘Overall Sharpening’.

Changing blending mode

Мы завершили урок!

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

Final result

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

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

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

Action final results

Возможно вам также понравятся следующие уроки:


Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.