Как сделать акварельный рисунок в Фотошопе

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

Пример HTML-страницы

Шаг 1. Создание нового документа

Создайте новый документ (Ctrl + N) 1200 х 800 пикселей и залейте его белым цветом (Alt + Backspace). Откройте первую текстуру бумаги и перетяните в ваш документ, затем выберите в меню Редактирование > Трансформирование > Поворот на 90° против часовой стрелки (Edit > Transform > Rotate 90 CCW). Кликните правой кнопкой мыши по слою и выберите Преобразовать в смарт-объект (Convert to Smart Object). Затем нажмите Ctrl + Т, кликните правой кнопкой мыши и выберите пункт Отразить по горизонтали (Flip Horizontally).

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

Создание нового документа

Шаг 2. Работаем с изображением

Откройте вторую текстуру бумаги и, используя Инструмент Прямоугольная область - Rectangular Marquee Tool (М), сделайте выделение области в левом верхнем углу. Затем возьмите Инструмент Перемещение - Move Tool (V) и перетяните эту часть в наш документ. Измените Непрозрачность (Opacity) до 30%:

Работаем с изображением

Шаг 3. Работаем с изображением

В меню выберите Слои > Новый корректирующий слой > Цветовой тон/Насыщенность (Layer>New Adjustment Layer>Hue/Saturation) и выставьте значения: Цветовой тон (Hue) +52; Насыщенность (Saturation) -59; Яркость (Lightness) +15.

Работаем с изображением

Шаг 4. Работаем с изображением девушки

Поместите фото модели по центру документа, затем добавьте маску слоя, нажав на значок Добавить векторную маску (Add vector mask) внизу панели слоев. Теперь, рисуя мягкой черной кистью в маске, слегка сотрите края модели, чтобы она не выбивалась из фона.

Работаем с изображением девушки

Шаг 5. Работаем с изображением девушки

Далее используем несколько корректирующих слоев (Слои > Новый корректирующий слой – Layer > New Adjustment Layer), чтобы уменьшить насыщенность и осветлить фото модели:
1) Корректирующий слой Цветовой тон/Насыщенность (Hue/Saturation): Насыщенность (Saturation) -64;

2) Корректирующий слой Цветовой баланс (Color Balance):
Тон (Tone): Средние тона (Midtones), выставьте ползунки на эти значения: -23; 0; -42; отметьте галочку Сохранять яркость (Preserve Luminosity)

3) Корректирующий слой Кривые (Curves): переместите кривую в положение, показанное на рисунке.

Затем я создал маску слоя с кривыми и мягкой черной Кистью – Brush Tool (B) с Непрозрачностью (Opacity) 100% и 30% скрыл некоторые части корректирующего слоя. Посмотрите, как это выглядит в маске и на изображении.

Работаем с изображением девушки

Шаг 6. Работаем с изображением девушки

Перетяните файл акварель 1 в документ, разместите его над слоем с моделью. Преобразуйте в смарт-объект (Convert to Smart Object) и измените режим наложения на Умножение (Multiply) с Непрозрачностью (Opacity) 100%, затем, добавив маску, черной кистью сотрите края:

Продублируйте слой (Ctrl + J) и переместите его вправо. Отразите его по горизонтали (Ctrl + Т, затем правой кнопкой мыши – пункт Отразить по горизонтали (Flip Horizontally). Используйте маску, чтобы получить результат, сходный с тем, что вы видите ниже:

Работаем с изображением девушки

Шаг 7. Работаем с изображением девушки

Возьмите файл акварель 2 и поместите его под слой с моделью. С помощью маски слоя скройте ненужные части:

Создайте дубликат слоя (Ctrl + J) и отразите по горизонтали, как вы делали в 6 шаге. Используйте маску, чтобы скрыть некоторые части. Тем самым мы как бы «нарисовали» акварелью плечи нашей модели.

Работаем с изображением девушки

Шаг 8. Работаем с изображением

Поместите в документ файл ветви 1, преобразуйте в смарт-объект (Convert to Smart Object), измените размер (Ctrl + Т) и расположите их сверху головы модели. Добавьте слою маску и используйте Инструмент Полигональное лассо - Polygonal Lasso Tool (L), чтобы сделать выделение, затем черной жесткой (!) кистью – Brush Tool (B) скройте ненужные части ветвей.

Работаем с изображением

Шаг 9. Работаем с изображением

В меню выберите Слои > Новый корректирующий слой > Кривые (Layer>New Adjustment Layer>Curves) удерживая Alt, кликните левой кнопкой мыши между корректирующим слоем и слоем с ветвями (так вы привяжете корректирующий слой к слою с ветвями).
Измените положение кривой, как показано на рисунке, чтобы немного высветлить ветви.

Работаем с изображением

Шаг 10. Работаем с изображением

Откройте второе изображение ветвей. Любым удобным для вас инструментом (например, Магнитное лассо - Magnetic Lasso Tool (L) или Перо - Pen tool (P) выделите часть ветви, скопируйте ее и поместите в документ справа от головы модели и сделайте две копии (Ctrl + J), отразите одну из них по горизонтали (Flip Horizontally), также можете стереть часть третьей ветви, чтобы все они не выглядели одинаковыми.

Работаем с изображением

Шаг 11. Работаем с изображением

Ветви выглядят темнее, чем остальные части иллюстрации, так что мы осветлим их. Сгруппируйте все 3 ветви (Ctrl + G) и измените режим наложения на Нормальный (Normal). При активном верхнем слое из группы выберите в меню Слои > Новый корректирующий слой > Кривые (Layer>New Adjustment Layer>Curves) и переместите кривую, как показано ниже.

Из-за того, что мы изменили режим наложения группы на Нормальный (Normal) корректирующий слой действует только на слои внутри группы. 

Работаем с изображением

Шаг 12. Работаем с изображением

Создайте новый слой (Ctrl + Shift + N) и поместите его наверх в порядке слоев. Выберите основным цветом #a8ba81 и фоновым #012955. Используйте Инструмент Прямоугольная область - Rectangular Marquee Tool (М), чтобы создать выделение (см.рисунок), затем в меню выберите Фильтр > Рендеринг > Облака (Filter > Render > Clouds), примените его. Далее выберите Фильтр > Оформление > Мозаика (Filter > Pixelate > Mosaic), установите параметр Размер ячейки (Cell Size) 30.

Примените Фильтр > Искажение > Полярные координаты (Filter > Distort > Polar Coordinates), отметьте окошко Полярные в прямоугольные (Polar to rectangular).

Работаем с изображением

Шаг 13. Работаем с изображением

Преобразуйте получившийся результат в смарт-объект, уменьшите его размер и измените режим наложения слоя на Жесткий свет (Hard Light) с Непрозрачностью (Opacity) 100%. Используйте трансформирование (Ctrl + Т), чтобы повернуть и поместить слой на правую щеку модели. Сотрите ненужные части, используя маску слоя и черную кисть.

Продублируйте этот слой (Ctrl + J) и переместите на левую щеку, под глаз модели. Скройте левую часть в маске слоя черной кистью.

Примените к слою Корректирующий слой Цветовой баланс (Color Balance) в режиме Обтравочной маски (Clipping Mask) – как мы делали в 9 шаге. Параметры корректирующего слоя:
Тон (Tone): Средние тона (Midtones), выставьте ползунки на эти значения: +33; +15; -17; отметьте галочку Сохранять яркость (Preserve Luminosity)

Работаем с изображением

Шаг 14. Работаем с изображением

Создайте новый слой, используйте жесткую Кисть – Brush Tool (B): цвет  #012955, размер 10 пикселей, нажмите F5 и повторите настройки кисти, как показано ниже.
Нарисуйте несколько точек под левым глазом модели.

Дважды кликните по слою и примените стиль Наложение градиента (Gradient Overlay) со следующими настройками:

- режим наложения Жесткий свет (Hard Light)

- Непрозрачность (Opacity): 100%

градиент от #012955  к #ffffff цвету

- снимите галочку Обратить (Reverse)

- поставьте галочку Выровнять по слою (Align with Layer)

 - Стиль (Style): Линейный (Linear)

- Угол (Angle): 90

- Масштаб (Scale): 100%

Работаем с изображением

Шаг 15. Работаем с изображением

Создайте новый слой и сделайте контур по форме губ, используя Инструмент Перо - Pen tool (P). Чтобы создать выделение из контура, кликните правой кнопкой мыши и выберите пункт Выделить область (Мake selection). Залейте выделение цветом #779370 и измените режим наложения слоя на Жесткий свет (Hard Light) с Непрозрачностью (Opacity) 100%:

Работаем с изображением

Шаг 16. Работаем с изображением

Создайте новый слой, выберите кисти из набора, который вы скачали вначале, а именно кисть номер 681 размером 100 пикселей. Основным цветом выберите #83192d. Удерживая Ctrl, кликните левой кнопкой мыши по слою с цветным контуром губ, и сделайте мазок кистью. Измените режим наложения слоя с мазком на Перекрытие (Overlay) с непрозрачностью 100%.

Создайте новый слой и используя кисть с брызгами номер 481, выберите основной цвет #83192d и сделайте один клик по подбородку модели, затем также измените режим наложения на Перекрытие (Overlay) с непрозрачностью 100%

Работаем с изображением

Шаг 17. Работаем с изображением

Поместите в документ файл акварель 3 в районе правого глаза модели, как показано ниже. Измените режим наложения на Умножение (Multiply) с непрозрачностью 100%, затем используйте маску слоя и мягкую черную кисть, чтобы скрыть края.

Работаем с изображением

Шаг 18. Работаем с изображением

Используйте корректирующие слои Кривые (Layer>New Adjustment Layer>Curves) и Цветовой баланс (Layer>New Adjustment Layer> Color Balance) в режиме обтравочной маски (Clipping Mask), чтобы изменить цвет акварели. Настройки Цветовой баланс: Тон (Tone): Средние тона (Midtones), выставьте ползунки на эти значения: +100; +64; -100

Работаем с изображением

Шаг 19. Работаем с изображением

Поместите в документ на новый слой файл акварель 4 и измените режим наложения на Умножение (Multiply) с непрозрачностью 100%.

Кликните правой кнопкой мыши по слою и выберите пункт Параметры наложения (Blending Options). Удерживая клавишу Alt, перетащите ползунок, как показано ниже:

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

Работаем с изображением

Шаг 20. Работаем с изображением

Добавьте корректирующий слой Кривые (Layer>New Adjustment Layer>Curves) в режиме обтравочной маски (Clipping Mask) и настройте согласно рисунку ниже:

Работаем с изображением

Шаг 21. Работаем с изображением

Откройте набор акварельных брызг 5 и выберите тот, что показан на рисунке, разместите его в верхней правой части от модели, затем нажмите Ctrl + Т, кликните правой кнопкой мыши и выбрав пункт Деформация (Warp), измените форму фрагмента.

Далее установите режим наложения слоя Умножение (Multiply) с непрозрачностью 100% и, используя маску слоя, сотрите ненужные части, перекрывающие лицо модели.

Работаем с изображением

Шаг 22. Работаем с изображением

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

Выберите в меню Слои > Новый корректирующий слой > Цветовой тон/Насыщенность (Layer>New Adjustment Layer>Hue/Saturation)и выставьте значения: Цветовой тон (Hue) +109; Насыщенность (Saturation) -32; Яркость (Lightness) +0.

Работаем с изображением

Шаг 23. Работаем с изображением

Добавьте еще один акварельный фрагмент из набора и разместите его как показано на рисунке. Повторите действия с режимом наложения и маской, как делали ранее.

Продублируйте этот слой (Ctrl + J), сдвиньте его к центру головы модели и используйте маску, чтобы скрыть нежелательные фрагменты.

Работаем с изображением

Шаг 24. Работаем с изображением

Сгруппируйте акварельные слои (Ctrl + G) и измените режим наложения группы на Умножение (Multiply) с непрозрачностью 100%. Далее уменьшите насыщенность с помощью корректирующего слоя Цветовой тон/Насыщенность (Hue/Saturation) с такими настройками: Цветовой тон (Hue) -124; Насыщенность (Saturation) -69; Яркость (Lightness) +0

Работаем с изображением

Шаг 25. Работаем с изображением

Поместите в документ изображение цветка и перетащите его к центру лба модели. Создайте новый слой под слоем с цветами и мягкой черной кистью с непрозрачностью 40-50% нарисуйте тень от цветов.

Работаем с изображением

Шаг 26. Работаем с изображением

Измените оттенок цветов с помощью слоя Цветовой тон/Насыщенность (Hue/Saturation): Цветовой тон (Hue) +28; Насыщенность (Saturation) -33; Яркость (Lightness) 0

Работаем с изображением

Шаг 27. Работаем с изображением

Поместите в документ один из фрагментов набора с полутонами и разместите его слева от модели. Затем измените режим наложения на Мягкий свет (Soft Light) с непрозрачностью 100%, скройте ненужные части с помощью маски и черной мягкой кисти.

Далее выберите из набора с полутонами яркий фрагмент и разместите его по центру цветов на голове модели. Измените режим наложения на Умножение (Multiply) с непрозрачностью 100% и сотрите нижнюю часть.

Работаем с изображением

Шаг 28. Работаем с изображением

Далее можете взять одно из изображений сетки из набора и поместить его справа от модели. Измените режим наложения на Мягкий свет (Soft Light) с непрозрачностью 100% и сотрите ненужное.

Работаем с изображением

Шаг 29. Работаем с изображением

Создайте новый слой и поместите его над всеми слоями. Мягкой кистью цвета #b4ad92 нарисуйте пятна над головой модели, затем измените режим наложения на Перекрытие (Overlay) с непрозрачностью 100%. Так верхняя часть иллюстрации станет немного ярче.

Работаем с изображением

Шаг 30. Работаем с изображением

Выберите несколько бабочек и поместите их в документ. Сгруппируйте слои с бабочками, измените режим наложения группы на Нормальный (Normal) с непрозрачностью 100%. Затем создайте Слои > Новый корректирующий слой > Кривые (Layer>New Adjustment Layer>Curves) внутри группы и измените положение кривой, как показано на рисунке.


Работаем с изображением

Шаг 31. Работаем с изображением

Создайте еще парочку корректирующих слоев над всеми слоями для финального эффекта:
корректирующий слой Карта градиента (Gradient Map):
- цвета градиента: #094b64 - #692e6a - #faf4d6
- снимите галочки в окошках Размыть (Dither) и Обратить (Reverse)

Поставьте режим наложения этого слоя на Мягкий свет (Soft Light) с непрозрачностью 100%.

Цветовой баланс (Color Balance):
Тон (Tone): Средние тона (Midtones), выставьте ползунки на эти значения: -19; -18; -30; отметьте галочку Сохранять яркость (Preserve Luminosity)

3) Корректирующий слой Уровни (Levels): выставьте значение среднего ползунка на 0,90

Работаем с изображением

Шаг 32. Финальное изображение

Вот и результат!
Ссылка на источник

Финальное изображение
Пример HTML-страницы

Комментарии 271

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

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