Дополнения

Бесплатная рассылка

Вы будете получать ссылки на свежие видеоуроки по фотошопу совершенно бесплатно

крупнейшая в мире социальная сеть пользователей Adobe Photoshop

184 545 чел. 379 667 работ 4 021 урок
  • Обучайтесь и совершенствуйтесь
  • Разместите своё портфолио
  • Участвуйте в конкурсах
  • Подписывайтесь и оценивайте
  • Комментируйте и общайтесь
Присоединиться

Сложность: Средняя

Добавляем на фотографию акварельный эффект в Фотошоп

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

Если вы уже умеете рисовать простые фигуры с помощью инструмента Перо (P) или с использованием кистей, то этот урок будет для вас легким и приятным, как прогулка в парке. Он не так сложен, как кажется на первый взгляд, вам просто нужно будет обратить внимание на некоторые детали.

Итоговый результат:

Круто, да? Давайте посмотрим, как можно этого добиться!

Скачать архив с материалами к уроку

Примечание: Автор использовал платные материалы. В архиве вы найдёте альтернативный вариант изображений для выполнения урока.

Во-первых, нужно начать с идеи композиции: мы собираемся создать акварельную композицию с девушкой в ​​шляпе. Для этого нам нужно чуть изменить позу девушки, чтобы она казалась более спокойной и расслабленной.

Сейчас ее положение (слегка согнуто вперед) выражает желание действовать. Чтобы решить этот вопрос, нужно просто наклонить изображение налево.

Шаг 1

Перейдите в меню Файл > Открыть (File > Open) (CTRL + O), выберите изображение с девушкой и нажмите ОК. После нажмите комбинацию клавиш CTRL + J, чтобы дублировать слой.

Шаг 2

Перейдите в меню Редактирование > Свободное трансформирование (Edit> Free Transform)(CTRL + T) и поверните изображение, после нажмите Enter.

Шаг 3

Перейдите в меню Слои > Новый > Слой (Layer> New> Layer) (CTRL + SHIFT + N), чтобы создать новый слой и поместите его между фоном и копией слоя. Нажмите клавишу D, чтобы сбросить цвета переднего плана, затем нажмите CTRL + Backspace, чтобы залить весь слой белым цветом.

Шаг 4

Уменьшите непрозрачность (Opacity) копии слоя с девушкой до 40% и создайте новый слой (CTRL + SHIFT + N). Назовите его «Набросок». Возьмите инструмент Кисть (Brush Tool) (B) размером 2 или 3 px и начните рисовать набросок девушки.

Шаг 5

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

Шаг 6

Уменьшите непрозрачность слоя "Набросок", так как мы будем использовать темные цвета для прорисовки контура.

Шаг 7

Возьмите инструмент Перо (Pen Tool) (P) и выберите режим «Фигура» (Shapes). Теперь мы можем начать прорисовывать основные формы, начиная с контура лица. Попробуйте нарисовать так, как показано ниже на рисунке.

Чтобы сделать якорную точку (anchor points) острее, после того как вы нарисовали контур, нужно зажать клавишу ALT и кликните мышкой по нужной точке. Для того чтобы вернуть все обратно, нажмите SHIFT + кликните кнопкой мыши.

Шаг 8

Далее добавляем волнистые фигуры для прорисовки волос. Используем цвет #2e3743 и #354a66.

Шаг 9

Эти два цвета схожи по тону, поэтому нам нужно сделать так, что бы каждый элемент выделялся. В этом случае, мы можем использовать стиль слоя «Обводка» (Stroke), который будет хорошо смотреться.

Нажмите на кнопку «fx», которая находится в нижней части палитры слоев и выберите Параметры наложения (Blending Options). Выберите «Обводка» (Stroke) и в настройках установите цвет обводки белый (# 000000), положение «Внутри» (Inside). Нажмите ОК.

Шаг 10

Для того, чтобы применить этот эффект к остальным слоям, удерживайте клавишу ALT и перетащите значок «fx», который появился справа на миниатюре слоя, на другие слои.

Шаг 11

Нарисуйте несколько фигур, используя другие голубые тона #708baf и #5e6f86 (примерно 3 или 4 будут смотреться хорошо). Если у вас нет опыта в рисовании волос, то не стесняйтесь использовать исходное изображение как подсказку.

Шаг 12

Нарисуйте еще более волнистые фигуры, используя разные синие тона. Чтобы изменить цвет фигуры, дважды щелкните по миниатюре самого слоя и на появившейся палитре выбираете нужный цвет. Используйте комбинацию клавиш CTRL + [ и CTRL +], чтобы менять местами слои с фигурами, ставить их выше или ниже других слоев.

Шаг 13

Повторите весь этот процесс, чтобы нарисовать волосы на другой стороне.

Шаг 14

Сейчас все выглядит плоским и скучным, так давайте добавим текстуры к волосам! Загрузите нужные нам кисти с узорами в палитру и нажмите F5.

Шаг 15

Выберите инструмент Перемещение ( Move Tool) (V) и, зажимая клавишу CTRL, кликните по нужной фигуре, чтобы выбрать текущей слой (эта комбинация будет работать, только если отключен «автовыбор»), затем перейдите в меню «Слои» > «Новый» > «Слой» (Layer > New > Layer) (CTRL + SHIFT + N), чтобы создать новый слой. После зажмите кнопку ALT и кликните между миниатюрами слоев для создания обтравочной маски.

Шаг 16

Возьмите инструмент Кисть (Brush Tool) (B) и выберите загруженную кисть из палитры Кистей (Brushes palette) (F5), подберите нужный размер и нарисуйте узор по выбранной фигуре. Используйте яркий цвет, желательно белый.

Шаг 17

Повторите шаги 15 и 16 для остальной части волос.

Шаг 18

Возьмите инструмент Перо (P) и нарисуйте шляпу. Постройте ее из двух форм. Также нарисуйте две фигуры над глазами. Сделайте их в темных тонах, чтобы глаза были более выделяющимися. Так же можете нарисовать узоры с помощью текстурной кисти.

Шаг 19

Теперь у нас есть красивые текстурированные фигуры, но нам еще нужно добавить в композицию лицо девушки. Помните, что исходное изображение мы отключили? Включите видимость слоя, продублируйте его и нажмите комбинацию клавиш CTRL + SHIFT + U, чтобы его обесцветить (или Изображение > Коррекция > Обесцветить (Image > Adjustments > Desaturate)), сделайте непрозрачность (Opacity) слоя 100%.

Шаг 20

Нажмите комбинацию клавиш CTRL + L, чтобы открыть меню «Уровни» (Levels). Используйте настройки, которые указаны на рисунке ниже. Помните, что нас интересует только показать глаза, нос и губы, поэтому нам нужно сделать сильный контраст.

Шаг 21

В палитре слоев нажмите на значок Добавить слой-маску (Add Layer Mask). Возьмите мягкую круглую Кисть (Brush Tool) (B) и закрасьте области, показанные ниже.

Шаг 22

Выберите слой «Набросок» и продублируйте его (CTRL + J). Установите Непрозрачность (Opacity) обратно на 100% и сотрите эскиз в области волос и лица, используя Ластик (Eraser Tool) (E).

Шаг 23

Возьмите мягкую круглую Кисть (Brush Tool) (B) размером 2 px с непрозрачностью 60% и нарисуйте мягкий контур вокруг глаз, кончика носа и губ.

Шаг 24

Давайте выделим глаза!

Возьмите инструмент Перемещение (V), зажмите клавишу CTRL и кликните по одной из фигур над глазами, перейдите в меню Слои > Слой-маска > Показать все (Layer> Layer Mask> Reveal All). С помощью инструмента Кисть (Brush Tool) (B) закрасьте черным цветом область, где находится глаз, чтобы стереть часть фигуры.

Повторите этот шаг и для другой фигуры.

Шаг 25

Создайте новый слой в меню Слои > Новый > Слой (Layer > New > Layer) и установите режим наложения «Цветность» (Color). Теперь возьмите инструмент Кисть (Brush Tool) (B) и закрасьте радужную оболочку ярким синим цветом. Назовите этот слой «Цвет глаз».

Шаг 26

Создайте еще один слой и нарисуйте несколько прозрачных сине-белых штрихов на радужке глаза, затем прорисуйте верхнее веко черным цветом.

Шаг 27

Откройте отдельно акварельную текстуру. Нажмите комбинацию клавиш CTRL + A, чтобы выделить все изображение, скопируйте его (CTRL + C), нажмите CTRL + Tab, чтобы переключиться на наш документ и вставьте скопированное выделение. Измените его размер и нажмите Enter.

Установите режим наложения Мягкий свет (Soft Light), непрозрачность (Opacity) 50%. Также добавьте Слой-маску (Слои > Слой-маска > Показать все) (Layer> Layer Mask> Reveal All).

Шаг 28

Выбрав слой-маску, прорисуйте черным цветом по всему лицу (чтобы убрать текстуру). Разница будет небольшая, но она нам нужна.

Шаг 29

Выберите копию слоя с девушкой и нажмите комбинацию клавиш CTRL + SHIFT +], чтобы сделать его самым верхним слоем. Установите режим наложения на Перекрытие (Overlay), непрозрачность (Opacity) 70% и добавьте слой-маску (Слои > Слой-маска > Показать все) (Layer> Layer Mask> Reveal All).

Шаг 30

Возьмите мягкую Кисть (Brush Tool) (B), непрозрачность 60% и закрасьте те области, которые показанные ниже.

Шаг 31

Выберите слой, который находится над исходным слоем с девушкой, и создайте новый Слои > Новый > Слой (Layer> New> Layer). Возьмите инструмент Кисть (Brush Tool) (B), установите непрозрачность (Opacity) до 10%, нажим (Flow) до 30% и жесткость (Hardness) до 100% и добавьте оттенки желтого, оранжевого, зеленого, фиолетового и синего, как показано ниже.

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

Шаг 32

Добавьте бумажную текстуру, точно так же, как текстуру акварели. Теперь выделите самый верхний слой и перейдите в меню Слои > Новый корректирующий слой > Карта градиента, Яркость/Контрастность, Цветовой тон/Насыщенность (Layer > New Adjustment Layer > Gradient Map, Brightness / Contrast и Hue / Saturation). Укажите настройки, которые показаны ниже.

Шаг 33

Выбрав слой Цветовой тон/Насыщенность (Hue / Saturation), нажмите комбинацию клавиш CTRL + ALT + SHIFT + E, а затем перейдите в Фильтр > Другое > Цветовой контраст (Filter > Other > High Pass). Установите радиус 1 px, нажмите OK и установите режим наложения на Перекрытие (Overlay).

Готово!

Автор: Design TNT

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

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты

Спасибо, интересный урок! в продолжение акварельной темы:)

Спасибо за урок!

И наконец доделала по уроку.

Замечательный результат!

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

Супер! Уже хочу попробовать с этим уроком поработать!

Акварель по мотивам урока.

Урок просто шикарнейший и вдохновляющий. Правда с первого раза меня на середине урока "немного" не в ту степь занесло.

Очень интересно получилось! Лицо и волосы очень нравятся!

А мне урок очень понравился! Спасибо!!!Мнговариантный!!

Не могу не оставить версию в синих тонах, чернильную.

Спасибо за урок, идея хороша. Где-то с середины уже делала по-своему, не совсем понятно стало, ну и фотография другая.

Спасибо Ирина, урок очень интересный и эффектный. Правда волосы я рисовать не умею но думаю что уроков через пять результат будет мастерским. Вот мой вариант:

Как то так.... с планшетом может и лучше было бы))

спасибо за урок... кажется, что-то напутала

Конечно, не совсем получилось... Но спасибо за урок!

Урок хороший. Получившееся изображение - великолепное. Но запутанность изложения пугает желающих опробовать урок на практике. Предлагаю уточнение порядка работы со слоями для получения гарантированно удачного результата.
1.     Открыть изображение → разблокировать фоновый слой для дальнейшего редактирования.2.     Создать дубликат разблокированного слоя – Ctrl+J.3.     Обесцветить созданный дубликат – команда меню Image (Изображение)
→ Adjusment (Коррекция) → Desaturate (Обесцветить).Ограничить эффект обесцвечивания только лицом и волосами модели – панель Layers
(Слои) → кнопка внизу панели в виде прямоугольника с кружочком в центре Add layer mask (Добавить
слой-маску) → панель Tools (Инструменты):- инструмент Brush (Кисть) → панель параметров инструмента → в раскрывающемся списке набора кистей выбрать мягкую круглую кисть с непрозрачностью 100%;- клавиша D – выбор основного и фонового цветов по умолчанию, основной цвет – черный;→ панель Laeyrs (Слои) → выделить миниатюру маски слоя → в рабочем окне с изображением закрасить черным все, кроме лица и волос.4.     Усилить контраст светов и теней лица модели – панель Adjusments (Коррекция) → значок Levels (Уровни) → панель Properties (Свойства): перетащить ползунки входных значений «Тень» и «Свет» под гистограммой ближе к центру.5.     Подготовить «лист» для наброска – панель Layers (Слои) → кнопка внизу панели Create
a new layer (Создать новый слой) → дважды щелкнуть по названию слоя → переименовать слой в «белый лист» → уменьшить значение Opacity (Непрозрачность) до комфортного значения, чтобы просматривалось лицо модели для его обрисовки.

В пункте 5-м пропустила, что слой "белый лист" нужно залить белым цветом: команда меню Edit (редактирование) > Fill (Выполнить заливку) > и далее

Продолжение:
6.     Создать набросок (или нарисовать лицо) - панель Layers (Слои) → кнопка внизу панели Create
a new layer (Создать новый слой) →дважды щелкнуть по названию слоя → переименовать слой в «набросок лица» → дальше по уроку можно рисовать кистью набросок, а можно инструментом Pen (Перо) нарисовать лицо модели «начисто»:- панель Tools (Инструменты) → инструмент Pen (Перо) → панель параметров инструмента → раскрывающийся список выбора режима инструментов → Path (Контур) → обрисовать контурами границы лица модели, подчеркнуть глаза, губы, нос;- выполнить обводку созданного контура – панель Tools (Инструменты) → инструмент Brush
(Кисть) → выбрать подходящую кисть в зависимости от ожидаемого эффекта, настроить ее
жесткость (Hardness) и размер (Size) → панель Layers (Слои) → выбрать слой «набросок лица» → панель Paths (Контуры) → щелкнуть правой кнопкой мыши по рабочему контуру → контекстное меню → команда Stroke path (Выполнить обводку контура) → диалоговое окно Stroke path (Выполнить
обводку контура): в раскрывающемся списке Tool (Инструмент) выбрать Brush (Кисть); поставить флажок «Имитировать нажим» для создания эффекта ручной прорисовки → кнопка ОК.7.     Создать цветную радужку - панель Layers (Слои) → кнопка внизу панели Create a new layer (Создать
новый слой) → дважды щелкнуть по названию слоя → переименовать слой в «радужка» → изменить режим наложения слоя на Color (Цветность).
Слой «белый лист» скрывает фото. Чтобы открыть глаза модели, на панели Layers (Слои) выбрать слой «белый лист» → добавить к нему маску – кнопка внизу панели Add layer mask (Добавить слой маску) → выделить миниатюру маски слоя → в рабочем окне на изображении мягкой кистью черного цвета закрасить область глаз → в панели Layers (Слои) перейти на слой «радужка» → кистью подходящего размера и жесткости ярким синим цветом закрасить радужную оболочку глаз модели.8.     Далее по уроку рисуются волосы, накладывается акварельная текстура, стирается с области лица.9.     Придание цветовых оттенков мертвенно-бледному лицу – панель Layers (Слои) → выбрать слой с оригинальным цветным изображением → создать его дубликат Ctrl+J → команда меню Layer (Слои)
→ Arrange (Упорядочить) → Bring to front (На передний план) → изменить режим наложения слоя на Overlay (Перекрытие), уменьшить Opacity (Непрозрачность) слоя до 70% → добавить к слою маску – кнопка внизу панели Add layer mask (Добавить слой маску) → выделить миниатюру маски слоя → в рабочем окне на изображении мягкой кистью черного цвета закрасить все, кроме лица и шеи модели.10.   Создать акварельный фон – панель Layers (Слои) → выбрать слой «белый лист» → изменить его Opacity (Непрозрачность) до 100% → на этом слое подходящей кистью по уроку создать акварельные тени на лице девушки и акварельный фон изображения.

У МЕНЯ С ПЕРОМ НЕ ЛИНИИ ПОЛУЧАЮТСЯ,ПОЛ ЛИЦА ЗАКРЫВАЕТСЯ.

Акварели здесь не видно! Скорее это декоративный коллаж.

Ирина, спасибо за перевод! Очень красивый урок!!!

Добавить комментарий / работу
Наверх

Авторизация

Забыли?

Регистрация

Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} Жалоба

Оставить комментарий

(до 5 шт)
jpg, png, gif, общий вес файлов не более 7Мб, не менее 450px по ширине и высоте, jpg или анимированный gif
Ссылки внутри комментариев могут вести только на эти сайты
Войти Авторизуйтесь, чтобы комментировать работы, ставить лайки и просто быть участником нашего дружного сообщества!
Добавить комментарий / работу
Разбор работы по просьбе автора:
Популярные работы автора:
Курсы и уроки автора:
Онлайн-курс {{work.relless.type}}

Жалоба

Опишите суть жалобы, при необходимости добавьте ссылки на скриншоты

Спасибо! Ваше обращение ушло на рассмотрение.

Название работы

Описание работы (необязательно)

Комментарий

Ваша миниатюра:


Название:
{{name}}
Описание:

{{text}}

Исходник:

{{source.name}} {{source.name}}

Тэги:
#{{tag.label}}

Есть ли у вас исходник к работе?

Исходник — это файл из исходных изображений, которые использовались для создания вашей работы. Исходник позовляет лучше понять вашу работу. Он не обязателен, но работы с исходниками получают больше лайков и имеют право на участие в еженедельных конкурсах.
jpg-файл, максимальный размер 1920x1080px

Пример исходника

Выберете тэги работы:

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

Не более десяти тэгов на одну работу

Вашу работу разберет один из экспертов проекта «Фотошоп-мастер». Это позволит вам увидеть свои ошибки и сделать следующую работу лучше. Разбор будет сделан в комментариях к работе и будет виден всем пользователям.

Пункт «18+» допустимо ставить только для работ, действительно содержащих элементы, которые не должны видеть несовершеннолетние: обнаженка, сцены жестокости, и т.д. Запрещается ставить такую метку на обычные работы. За подобное поведение у пользователя будет блокироваться возможность добавления новых работ. Все понятно, больше не показывать

После добавления работы:

Запланировать публикацию

Запланировать

Правила загрузки работ на «Фотошоп-Мастер»

  • 1. На сайте запрещается размещать изображения, которые содержат нецензурную лексику, угрозы, оскорбляет, унижает чье-либо достоинство, а также явно или косвенно нарушает законодательство Российской Федерации.

  • 2. Сайт photoshop-master.ru приветствует соблюдение авторских прав. В случае возникновения споров или разногласий Администрация сайта приложит все усилия для разрешения сложившейся ситуации.

  • 3. Правило третье. Публикуемые работы не должны содержать изображения, связанные с наркотиками , порнографического содержания, сцены насилия.

Подробная информация о правилах публикации https://photoshop-master.ru/blog/post/rules