Яндекс.Метрика

Дизайн-журнал №1. Актуальная информация для дизайнеров, веб дизайнеров, программистов и разработчиков сайтов.

Рисуем зимнего коня в Adobe Photoshop

20 сентября 2013 | Опубликовано в Уроки | 2 Комментариев »

В этом уроке вы научитесь создавать фотоманипуляцию, используя различные техники смешивания, измененные кисти и многое другое. Урок довольно большой и сложный, поэтому рекомендуется тем, кто знает Photoshop на среднем или высоком уровне. В материалах к этому уроку вы найдете набор картинок с чернильными кляксами, так что сможете попрактиковаться в создании собственных кистей. Еще одно преимущество урока — прилагающийся к нему полный PSD-файл с готовой работой.

Финальный результат:

image

image

Исходники:

Шаг 1

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

image003

Используйте инструмент Crop Tool © (удерживая shift вы сохраняете форму квадрата).

image004

Добавьте черно-белый корректирующий слой (Layer > New Adjustment Layer > Black & White).  Укажите в настройках “High Contrast Red Filter”.

image005

image006

В палитре Channels дублируйте красный канал (правой кнопкой на канале Red и выберите Duplicate channel).

image007

Зайдите в меню Image/Adjustments/Levels. Переместите бегунки так, чтобы клякса оказалась темной, а фон белым.

Настройки:

image008

image009

Создайте выделение

Удерживая Ctrl кликните по каналу Red.

Инвертируйте выделение

В меню выберите Select/Inverse (Shift+Ctrl+I). Перед тем как вернуться к палитре Layers не забудьте выбрать канал RGB.

image010

image011

В палитре Layers выделите слой с кляксой и нажмите Ctrl+J. Так вы вырежете свое выделение.

image012

image013

Попробуйте использовать разные способы получить выделение. Например, Color range или даже Magic Wand Tool.

Color range (пример)

image014

Теперь почистите места, которые вам не  нравятся. Можете использовать Eraser tool (E). Также, если хотите, измените положение кляксы.

image015

Создаем кисть

В примере использованы размеры 2500x2500px 300dpi для холста кистей. Зайдите в меню Edit/Define Brush Preset.

Настройки для кисти

image016

image017

image018

Шаг 2

Создайте новый документ (File > New or Ctrl/Cmd+N).

image019

Добавьте в него фото коня.

(Resources/Horse.psd).

image020

Примените черно-белую карту градиента, зайдя в меню Layer > New Adjustment Layer > Gradient Map.

image021

image022

Нажмите на слой с конем и выберите “Convert to Smart Object”. Теперь мы готовы редактировать свет и тени (Image > Adjustments > Shadow/Highlights).

Настройки:

image023

image024

Кликните на кнопку “Add layer mask” внизу палитры Layers.

image025

Выберите инструмент Brush tool (B) и рисуйте черным цветом в слое-маске. В примере использована первая стандартная кисть. Непрозрачность кисти — 50%.

image026

image027

Выберите кисть, показанную ниже, и рисуйте белым цветом в слое-маске.

Просто поместите кисть в место, где хотите сделать штрих и нажмите один или два раза.

image028

image029

Выберите кисть, как показано ниже, и также рисуйте в маске белым цветом.

image030

image031

Шаг 3

В этом шаге мы будем работать с картинкой корней (Resources/IMG_5602).

Откройте фото и поместите его над слоем с конем.

image032

Кликните по слою с корнями правой кнопкой и выберите “Convert to Smart Object”. Теперь редактируем свет и тени (Image > Adjustments > Shadow/Highlights).

Настройки:

image033

image034

Используйте фильтр Oil paint (Filter/Oil paint).

Настройки:

image035

image036

Наложите фото корней на слой с конем.

Для этого удерживая Ctrl поместите курсор на место, обозначенное ниже красной линией. Появится значок — кликните по нему.

image037

image038

Смените режим смешивания слоя с корнями на Soft Light.

image039

Над слоем с корнями создайте новый слой (Layer > New > Layer or Shift+Ctrl+N). Теперь зайдите в меню Edit > Fill, в параметре Сontents выберите 50% Gray, нажмите OK.

image040

Наложите этот слой на слой с корнями.

Смените режим наложения на Overlay и выставите непрозрачность на 100%. Теперь, используя инструмент Dodge Tool (выберите растушеванную кисть), рисуйте в слое. Для настроек кисти рекомендуется выставлять значение параметра Exposure в районе 20-50%.

image041

image042

Вот как выглядит слой в режиме Normal.

image043

Автор по ошибке удалил текущую версию файла. Его новый файл выглядит так:

image044

Вот как выглядит палитра Layers на данном этапе.

image045

Примечание: Cienie / Podświetlenie значит Shadow/Highlights (автор использует польскую версию Photoshop).

Шаг 4

В этом шаге мы добавим больше корней. Описание всего пошагового процесса слишком объемно, поэтому опишем принцип в следующем примере.

Откройте файл IMG_5598 (Resources/IMG_5598).

image046

Примените слой-маску.

Кликните на кнопку “Add layer mask” внизу палитры Layers.

image025[1]

Используйте растушеванную кисть на непрозрачности в 50% и рисуйте черным цветом в слое-маске.

image047

image048

Выберите кисть, указанную ниже, выставите непрозрачность на 100% и рисуйте черным цветом в слое-маске.

image049

image050

Используя ту же кисть, рисуйте в маске белым цветом.

image051

Выберите кисть, показанную на картинке ниже, укажите непрозрачность 100% и рисуйте белым цветом в слое-маске.

image052

image053

Выберите кисть, как на картинке ниже, непрозрачность — 100%, рисуйте в маске черным цветом.

image054

image055

Выберите кисть, показанную на картинке ниже, непрозрачность — 100%, рисуйте белым цветом по слою-маске.

image056

image057

Теперь вы знаете принцип создания необходимого нам изображения.

IMG_5598_ver.01

image058

IMG_5598_ver.02

image059

IMG_5598_ver.03

image060

IMG_5598_ver.04

image061

Кликните правой кнопкой по слою и выберите “Convert to Smart Object”. Теперь настраиваем свет и тени (Image > Adjustments > Shadow/Highlights).

Настройки:

image062

image063

image064

IMG_5603

image065

Правый клик на слое, выбираем “Convert to Smart Object”. Настраиваем свет и тени Shadow/Highlights (Image > Adjustments > Shadow/Highlights).

Настройки:

image066

image067

image068

IMG_5596.psd

image069

Правый клик на слое, выбираем “Convert to Smart Object”. Настраиваем свет и тени Shadow/Highlights (Image > Adjustments > Shadow/Highlights).

Настройки:

image070

image071

image072

Структура слоев на данном этапе:

image073

Создаем новый слой между слоями корней (Layer > New > Layer or Shift+Ctrl+N).

Используя растушеванную кисть, рисуйте белым цветом в слое, чтобы добавить света. Непрозрачность кисти — 30-50%.

image074

Скриншот выделения слоя с нарисованным светом.

image075

Добавьте еще один слой между слоями корней. (Layer > New > Layer or Shift+Ctrl+N).

Растушеванной кистью рисуйте в слое белым цветом.  Непрозрачность кисти — 30-50%.

image076

Выделение — свет в новом слое.

image077

Над папкой слоев с конем добавьте новый слой (Layer > New > Layer or Shift+Ctrl+N).

Повторите процедуру рисования света.

image078

image079

Укажите непрозрачность слоя в 20%.

На скриншоте выделен нарисованный свет.

image080

Структура слоев на данном этапе.

image081

Вот как выглядит вся картинка на данном этапе:

image082

Шаг 5

В этом шаге мы будем рисовать гриву. Для этого выбираем инструмент Smudge tool.

image083

Выберите кисть, указанную ниже. Размер — 70px.

image084

Настройки кисти:

image085

Перед тем как начнете рисовать, отключите видимость слоев с корнями. Нам нужен только конь.

Еще одна вещь, которую нам нужно сделать — наложить картинку. Для этого создаем новый слой (Layer > New > Layer or Shift+Ctrl+N), теперь в меню выбираем Image/Apply image. Ничего не меняйте, просто нажмите OK.

Теперь можно рисовать.

image086

Рисуйте в напрвалении стрелок.

image087

Пошаговый процесс:

image088

Используйте инструмент Marquee Tool (M) чтобы создать выделение, затем нажмите Ctrl+J и вырежьте голову.

image089

Нажмите на кнопку “Add layer mask” в палитре Layers.

image025[2]

Выберите инструмент Brush tool (B) и рисуйте черным цветом в маске.

Вот как выглядит маска:

image090

Когда закончите рисовать, смените режим наложения на Darken.

image091

Шаг 6

Добавляем «грязный» фон.

Над слоем с картой градиента создаем новый слой (Layer > New > Layer or Shift+Ctrl+N). Непрозрачность слоя — 10%. Называем слой splash.

Теперь, используя созданные ранее (или взятые из материалов для урока) кисти, рисуйте грязный слой.

Вот как выглядит слой на 100% непрозрачности.

image092

Теперь добавляем новый корректирующий слой параметра Levels (Layer > New Adjustment Layer > Levels).

Настройки:

image093

Следом добавляем корректирующий слой типа Brightness/Contrast (Layer > New Adjustment Layer > Brightness / Contrast).

Настройки:

image094

image095

Шаг 7

В этом шаге мы будем создавать линии. Для этого используем картинку корней. Откройте файл Resources/Root.psd.

Примените фильтр Liquify (Filter/Liquify).

Настройки кисти:

image096

image097

Шаги:

image098

image099

image100

image101

image102

image103

image104

image105

image106

image107

image108

image109

Таким образом добавляем линий картинке.

Шаги:

image110

image111

image112

image113

image114

Структура слоев на этом этапе:

image115

Шаг 8

Теперь добавляем картинке цвета. Используем Color Lookup (Layer > New Adjustment Layer > Color Lookup).

Настройки:

image116

image117

Используем большую растушеванную кисть и рисуем черным цветом в слое маске. Непрозрачность кисти-  50-70%.

image118

Над слоем с Color Lookup создаем слой с картой градиента (Layer > New Adjustment Layer > Gradient Map).

Меняем режим наложения слоя на Color Burn, непрозрачность — 10%.

Используем этот градиент:

image119

image120

Над слоем с картой градиента создаем новый корректирующий слой параметра Levels (Layer > New Adjustment Layer > Levels).
Настройки:

image121

image122

Используйте большую растушеванную кисть, рисуйте черным цветом по центру в слое-маске. Непрозрачность кисти — 30-50%.

image123

Сверху добавьте еще один новый слой (Layer > New > Layer or Shift+Ctrl+N). Режим наложения — Color, непрозрачность — 50%.

Используйте большую кисть и рисуйте цветом #7c59e0.

image124

Добавляем еще один слой сверху (Layer > New > Layer or Shift+Ctrl+N). Режим наложения Linear Dodge.

Большой растушеванной кистью рисуем поверх ног коня цветом #faf4da.

image125

Теперь сделаем края картинки темнее.

Добавьте новый слой (Layer > New > Layer or Shift+Ctrl+N). Режим наложения Subtract.

Используйте большую растушеванную кисть и рисуйте по краям картинки цветом #eae2d4. Непрозрачность кисти — 10-20%.

image126

Сверху добавьте новый слой-заливку (Layer > New Fill Layer > Solid Color). Режим наложения слоя —  Darken, непрозрачность слоя — 70%, цвет: #f6ff68.

image127

Используйте большую растушеванную кисть и рисуйте в слое-маске черным цветом в нижней части картинки . Непрозрачность кисти — 30-100%.

image128

Сверху добавьте еще один новый слой (Layer > New > Layer or Shift+Ctrl+N). Режим наложения — Color.

Используйте большую растушеванную кисть и рисуйте сверху картинки цветом #291988. Непрозрачность кисти — 50%.

Если нарисовали слишком много, используйте Eraser Tool (E).

image129

Теперь сделаем низ картинки белой. Для этого мы используем слой-градиент белого цвета (Layer > New Fill Layer > Gradient).

Настройки:

image130

image131

Большой растушеванной кистью рисуйте по верху картинки черным цветом в слое-маске. Непрозрачность кисти — 30-50%.

image132

Структура слоев:

image133

Шаг 9

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

Инструментом Pen Tool (P) нарисуйте фигуру, как показано ниже. Цвет фигуры — # ece8d7.

image134

Теперь добавим эффектов. Откройте окно Layer Style, дважды кликнув на слой с фигурой.

Настройки:

image135

image136

Должно получиться так:

image137

Добавляем капли на картинку.

image138

image139

Сделайте копию слоев с каплями и линиями (правой кнопкой по папкам, в которых лежат слои, выберите Duplicate group), затем объедините их (Ctrl + E).

Теперь объедините капли с линиями и создайте выделение по этому слою (Ctrl + клик по слою).

image140

Выберите слой с белым градиентом и в нем залейте выделения черным цветом.

Вы можете скрыть выделения нажав Ctrl + H.

image141

Структура слоев:

image142

Шаг 10

Создайте новый слой (Layer > New > Layer or Shift+Ctrl+N), в меню выберите Image/Apply image. Ничего не меняйте, просто нажмите OK.

Дублируйте слой (Ctrl + J).

Зайдите в меню Filter/Oil paint.

Настройки:

image143

image144

Нам не нужен этот эффект на фоне, поэтому мы добавляем обтравочную маску и рисуем черным вокруг коня.

Размеры маски:

image145

Создайте новый слой (Layer > New > Layer or Shift+Ctrl+N), в меню выберите Image/Apply image. Ничего не меняйте, просто нажмите OK.

Выберите этот слой, затем зайдите в палитру Channels, выберите канал Red, выделите все (Ctrl + A), и скопируйте канал (Ctrl + C).

image146

Перед тем, как вернетесь в палитру Layers, не забудьте переключиться на канал RGB.

image147

Теперь зайдите в палитру Layers и нажмите Ctrl + V.

image148

Смените режим наложения на Soft Light, а непрозрачность на 50%.

image149

image150

Создайте новый слой (Layer > New > Layer or Shift+Ctrl+N), в меню выберите Image/Apply image. Ничего не меняйте, просто нажмите OK.

Теперь добавим резкости: зайдите в меню Filter > Sharpen > Sharpen more.

image151

Шаг 11

Последние штрихи.

Если у вас «слабый» компьютер, рекомендуется сменить разрешение на этом шаге.

image152

Используем инструмент Sharpen Tool.

image153

Настройки:

image154

Рисуем растушеванной кистью.

image155

Посмотрите ближе:

image156

image157

image158

Вот и всё.

Финальный результат:

image

 

Скачать PSD-файл

Автор урока Dariusz Markiw.

Перевод — Дежурка.

Смотрите также:




Комментарии

  1. Женя
    Thumb up Thumb down +2

    красивенько)