Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Design & Illustration
  2. Photoshop Actions
Design

Создаём Карандашный Рисунок в программе Adobe Photoshop

by
Difficulty:IntermediateLength:LongLanguages:

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

Final product image
What You'll Be Creating

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

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

Action final results

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

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

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

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

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

Checking image size mode and making auto corrections

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

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

Creating new solid color fill layer

3. Создаем Базовый Набросок

Шаг 1

Теперь мы создадим базовый набросок. Находясь на слое с Задним фоном (Background layer), идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы продублировать слой Задним фоном (Background layer), а затем переместите дубликат слоя наверх, расположив поверх всех остальных слоёв в палитре слоёв. Нажмите клавишу 'D', чтобы выставить цвета по умолчанию, а затем идём Фильтр – Галерея фильтров - Эскиз – Ксерокопия (Filter > Filter Gallery > Sketch > Photocopy), а затем в окне настроек данного фильтра, установите настройки, которые указаны на скриншоте ниже:

Adding the sketch photocopy filter

Шаг 2

Назовите этот слой Базовый набросок (Base Sketch), а затем поменяйте режим наложения для данного слоя на Умножение (Multiply).

Renaming layer to Base Sketch and changing its blending mode

4. Создаем Черновой Набросок

Шаг 1

Теперь мы создадим черновой набросок. Итак, идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы продублировать слой Базовый набросок (Base Sketch). Выберите инструмент Лассо (Lasso Tool (L), щёлкните правой кнопкой мыши где-нибудь в пределах холста и в появившемся меню, выберите опцию Свободное Трансформирование (Free Transform). Увеличьте ширину (width) и высоту (height) до 105%, как показано на скриншоте ниже:

Transforming draft sketch layer

Шаг 2

Назовите этот слой Большой Черновой Набросок (Large Draft Sketch), а затем уменьшите Непрозрачность (Opacity) данного слоя до 14%.

Renaming layer to Large Draft Sketch and changing its opacity

Шаг 3

Перейдите на слой Базовый набросок (Base Sketch), а затем идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы ещё раз продублировать слой Базовый набросок (Base Sketch). Выберите инструмент Лассо (Lasso Tool (L), щёлкните правой кнопкой мыши где-нибудь в пределах холста и в появившемся меню, выберите опцию Свободное Трансформирование (Free Transform). Уменьшите ширину (width) и высоту (height) до 95%, как показано на скриншоте ниже:

Transforming draft sketch layer

Шаг 4

Назовите этот дубликат слоя Малый Черновой Набросок (Small Draft Sketch), а затем уменьшите Непрозрачность (Opacity) данного слоя до 14%.

Renaming layer to Small Draft Sketch and changing its opacity

5. Создаем Грубый Набросок

Шаг 1

Теперь мы создадим грубый набросок. Перейдите на слой с Задним фоном (Background), а затем идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы ещё раз продублировать слой Задний фон (Background), далее переместите данный дубликат слоя наверх, расположив поверх всех остальных слоёв в палитре слоёв. Теперь идём Фильтр - Галерея фильтров – Имитация – Аппликация (Filter > Filter Gallery > Artistic > Cutout), а затем в окне настроек данного фильтра, установите настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 2

Далее, идём Фильтр – Стилизация – Выделение краёв (Filter > Stylize > Find Edges), а затем идём Изображение – Коррекция – Обесцветить (Image > Adjustments > Desaturate).

Stylizing and desaturating layer

Шаг 3

Назовите этот слой RS_1, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 30%.

Renaming layer to RS_1 and changing its blending mode and opacity

Шаг 4

Теперь мы создадим ещё несколько слоёв с грубым наброском, используя ту же самую технику. Итак, повторите Шаги 1 и 2 данного параграфа, только в Шаге 1 вместо настроек, которые мы использовали в предыдущий раз, мы используем новые настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 5

Назовите этот слой RS_2, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 25%. Далее, переместите данный слой вниз, расположив ниже слоя RS_1, чтобы сохранить соответствующий порядок слоёв.

Renaming layer to RS_2 and changing its blending mode opacity and order

Шаг 6

Повторите Шаги 1 и 2 данного параграфа, только в Шаге 1 вместо настроек, которые мы использовали в предыдущий раз, мы используем новые настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 7

Назовите этот слой RS_3, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 20%. Далее, переместите данный слой вниз, расположив ниже слоя RS_2, чтобы сохранить соответствующий порядок слоёв.

Renaming layer to RS_3 and changing its blending mode opacity and order

Шаг 8

Повторите Шаги 1 и 2 данного параграфа, только в Шаге 1 вместо настроек, которые мы использовали в предыдущий раз, мы используем новые настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 9

Назовите этот слой RS_4, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 20%. Далее, переместите данный слой вниз, расположив ниже слоя RS_3, чтобы сохранить соответствующий порядок слоёв.

Renaming layer to RS_4 and changing its blending mode opacity and order

Шаг 10

Ещё раз повторите Шаги 1 и 2 данного параграфа, только в Шаге 1 вместо настроек, которые мы использовали в предыдущий раз, мы используем новые настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 11

Назовите этот слой RS_5, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 18%. Далее, переместите данный слой вниз, расположив ниже слоя RS_4, чтобы сохранить соответствующий порядок слоёв.

Шаг 12

Ещё раз повторите Шаги 1 и 2 данного параграфа, только в Шаге 1 вместо настроек, которые мы использовали в предыдущий раз, мы используем новые настройки, которые указаны на скриншоте ниже:

Adding the artistic cutout filter

Шаг 13

Назовите этот слой RS_6, а затем поменяйте режим наложения для данного слоя на Затемнение основы (Color Burn), а также уменьшите Непрозрачность (Opacity) слоя до 7%. Далее, переместите данный слой вниз, расположив ниже слоя RS_5, чтобы сохранить соответствующий порядок слоёв.

Renaming layer to RS_6 and changing its blending mode opacity and order

Шаг 14

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

Creating new group from selected layers named Rough Sketch

6. Создаём Затенение

Шаг 1

Теперь мы создадим нежное затенение. Перейдите на слой с Задним фоном (Background), а затем идём Слой – Новый – Скопировать на новый слой (Layer > New > Layer Via Copy), чтобы ещё раз продублировать слой Задний фон (Background), далее переместите данный дубликат слоя наверх, расположив поверх всех остальных слоёв в палитре слоёв. Далее, идём Фильтр – Стилизация – Выделение краев (Filter > Stylize > Find Edges), а затем идём Изображение – Коррекция – Обесцветить (Image > Adjustments > Desaturate).

Stylizing and desaturating layer

Шаг 2

Идём Фильтр – Галерея фильтров - Штрихи – Наклонные штрихи (Filter > Filter Gallery > Brush Strokes > Angled Strokes), а затем в окне настроек данного фильтра, установите настройки, которые указаны на скриншоте ниже:

Adding the brush strokes angled strokes filter

Шаг 3

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

Renaming layer to Shading_1 and changing its blending mode and opacity

Шаг 4

Далее, повторите Шаг 1 данного параграфа, идём Фильтр – Штрихи – Перекрестные штрихи (Filter > Brush Strokes > Crosshatch). Установите следующие настройки, которые указаны ниже:

Adding the brush strokes crosshatch filter

Шаг 5

Назовите этот слой Затенение_2 (Shading_2), а затем поменяйте режим наложения для данного слоя на Умножение (Multiply), а также уменьшите значение Непрозрачности (Opacity) до 5%. Далее, переместите данный слой вниз, расположив ниже слоя Затенение_1 (Shading_1), чтобы сохранить соответствующий порядок слоёв.

Renaming layer to Shading_2 and changing its blending mode and opacity

7. Добавляем Шум

Шаг 1

В этом шаге мы добавим немного шума к нашему наброску. Перейдите на слой Затенение_1 (Shading_1), а затем идём Слой- Новый - Слой (Layer > New > Layer), чтобы создать новый слой. Назовите этот слой Шум (Noise).

Creating new layer named Noise

Шаг 2

Теперь нажмите клавишу 'D', чтобы выставить цвета по умолчанию, а затем идём Редактирование - Выполнить заливку (Edit > Fill). Установите настройки, которые указаны на скриншоте ниже:

Filling Noise layer with foreground color

Шаг 3

Далее, идём Фильтр - Шум- Добавить шум (Filter > Noise > Add Noise). Установите следующие настройки. которые указаны на скриншоте ниже:

Adding noise filter to the noise layer

Шаг 4

Поменяйте режим наложения для слоя с шумом на Осветление (Screen), а также уменьшите значение Непрозрачности (Opacity) до 64%.

Changing Noise layer blending mode and opacity

8. Добавляем Цвет

Шаг 1

Теперь мы добавим красивый цвет к нашему рисунку. Идём Слой - Новый корректирующий слой- Кривые (Layer > New Adjustment Layer > Curves), чтобы создать новый корректирующий слой Кривые (curves). Назовите этот слой Цвет (Color Look).

Creating new curves adjustment layer

Шаг 2

Дважды щёлкните по миниатюре данного корректирующего слоя, чтобы установить следующие кривые, как показано на скриншоте ниже:

Changing settings of Color Look layer

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

Шаг 1

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

Creating new photo filter adjustment layer

Шаг 2

Дважды щёлкните по миниатюре данного корректирующего слоя, чтобы установить следующие настройки, как показано на скриншоте ниже:

Changing settings of Photo Tint layer

Шаг 3

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

Creating new gradient map adjustment layer

Шаг 4

Поменяйте режим наложения для данного корректирующего слоя на Мягкий свет (Soft Light), а также уменьшите значение Непрозрачности (Opacity) до 18%.

Changing overall contrast layer blending mode and opacity

Шаг 5

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

Creating new vibrance adjustment layer

Шаг 6

Дважды щёлкните по миниатюре данного корректирующего слоя, чтобы установить следующие настройки, как показано на скриншоте ниже:

Changing settings of Overall VibranceSaturation layer

Шаг 7

Теперь мы слегка усилим световые блики. Идём Слой-  Новый корректирующий слой- Уровни (Layer > New > Levels), чтобы создать новый корректирующий слой Уровни (Levels). Назовите этот слой Общая Яркость (Overall Brightness).

Creating new levels adjustment layer

Шаг 8

Дважды щёлкните по миниатюре данного корректирующего слоя, чтобы установить следующие настройки, как показано на скриншоте ниже:

Changing settings of Overall Brightnes layer

Шаг 9

Далее, мы усилим резкость. Нажмите клавиши (Ctrl+Alt+Shift+E), чтобы создать объединённый слой их всех видимых слоёв. Идём Фильтр - Другое - Цветовой контраст (Filter > Other > High Pass). В окне настроек данного фильтра, установите значение радиуса резкости, которое указано на скриншоте ниже:

Adding high pass filter

Шаг 10

Назовите этот слой Общая Резкость (Overall Sharpening), поменяйте режим наложения для данного слоя на Жёсткий свет (Hard Light), а также уменьшите Непрозрачность (Opacity) слоя до 76%.

Renaming layer to overall sharpening and changing its blending mode and opacity

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

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

Final result

Меняем Дизайн

Теперь вы можете изменить заключительный дизайн; Я дам вам несколько подсказок, как это сделать:

  • Перейдите на слой Цвет Заднего фона (Background Color), дважды щёлкните по миниатюре данного слоя, а затем в окне Палитра цветов (Color Picker ), выберите другой цветовой оттенок. Нажмите кнопку 'ОК'.
  • Выделите некоторые слои с наброском, а затем поиграйте с их непрозрачностью, чтобы создать другие эффекты рисунка.
  • Перейдите на слой Цвет (Color Look), дважды щёлкните по миниатюре данного слоя, а затем внутри  панели Свойства (Properties), поменяйте настройки, чтобы создать другую цветовую тональность.
  • Перейдите на слой Цветовой тон (Photo Tint), дважды щёлкните по миниатюре данного слоя, а затем внутри панели Свойства (Properties), поменяйте настройки, чтобы создать другую цветовую тональность.
  • Перейдите на слой Общий контраст (Overall Contrast). Поменяйте значение непрозрачности, чтобы изменить контраст.
  • Перейдите на слой слой Общая Вибрация /Насыщенность (Overall Vibrance/Saturation),.дважды щёлкните по миниатюре данного слоя, а затем внутри панели Свойства (Properties), поиграйте с настройками Вибрации (Vibrance) и Насыщенности (Saturation), чтобы создать другие результаты.
  • Перейдите на слой Общая Яркость (Overall Brightness), дважды щёлкните по миниатюре данного слоя, чтобы изменить настройки и изменить яркость.
  • Перейдите на слой Общая Резкость (Overall Sharpening), а затем измените значение непрозрачности, чтобы изменить уровень резкости.

Результат, который получился у меня.

Customized final result

Отличная работа!

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

Action final result

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

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

Action final results
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.