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

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

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

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

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

• Городской пейзаж

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

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

1. Ваша исходная фотография должна быть в Цветовом режиме (Color mode) RGB, 8 бит / канал (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).

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

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

Шаг 11

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

Шаг 12

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

Шаг 13

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

Шаг 14

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

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

Шаг 1

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

Шаг 2

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

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

Шаг 1

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

Шаг 2

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

Шаг 3

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

Шаг 4

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

Шаг 5

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

Шаг 6

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

Шаг 7

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

Шаг 8

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

Шаг 9

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

Шаг 10

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

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

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

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

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

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

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

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

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

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

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