Уроки Эффекты *Helen* 19 ноября 2010

Создай иллюстрацию с брызгами краски в Фотошоп

Сложность урока: Легкий

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

Необходимые материалы

Архив

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

Создай иллюстрацию с брызгами краски в Фотошоп

Шаг 1. Откройте исходную фотографию и назовите этот слой BaseImage (Основное фото).

Создай иллюстрацию с брызгами краски в Фотошоп

Шаг  2. Раскрашиваем тело
Создайте новый слой (Shift +Ctrl+N) и назовите его BodyPaint (Раскрашивание тела). Поставьте этому слою режим наложения Multiply (Умножение).

Создай иллюстрацию с брызгами краски в Фотошоп

Сначала, используя кисть, мы раскрасим лицо девушки, а затем ее левую руку.
Возьмите инструмент Brush Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

(Кисть) и выберите мягкую круглую кисть. Размер подберите подходящий для вашего изображения.
Поменяйте цвет переднего плана на #fff200.

Создай иллюстрацию с брызгами краски в Фотошоп

Теперь можно раскрашивать. Начните с лица и шеи. При необходимости изменяйте масштаб просматриваемого изображения и меняйте размер кисти. Очень удобно для этого использовать клавиатурные сокращения. Для изменения масштаба нажимайте Ctrl+ для увеличения и Ctrl- для уменьшения. Для изменения размера кисти используйте клавиши квадратных скобок – правую «]» для увеличения, левую «[» для уменьшения.

Создай иллюстрацию с брызгами краски в Фотошоп

Теперь перейдем к раскрашиванию левой руки, для этого сначала поменяйте цвет переднего плана на #ec008c.
Выберите инструмент Pen Tool (Перо) и создайте контур вокруг руки девушки.

Примеч. переводчика. В настройках инструмента Перо нужно выбрать режим Контуров.

Создай иллюстрацию с брызгами краски в Фотошоп

После того, как закончите с контуром, нажмите Ctrl+Enter, это преобразует контур в выделенную область. Появится мерцающая штрихпунктирная линия («бегущие муравьи»).
В меню выберите Select>Modify>Feather (Выделение-Модификация-Растушевка), установите радиус растушевки 0,5 пикс и нажмите OK (если у вас Photoshop CS3, то можно нажать Ctrl+Alt+D для установки параметров растушевки).

Создай иллюстрацию с брызгами краски в Фотошоп

Возьмите инструмент Paint Bucket Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

(G) (Заливка) и кликните по выделенной области, затем нажмите Ctrl+D для снятия выделения.

Создай иллюстрацию с брызгами краски в Фотошоп
Создай иллюстрацию с брызгами краски в Фотошоп

Шаг 3. Добавляем брызги краски
Теперь давайте добавим к изображению девушки брызги расплескавшейся краски. (Запомните эту методику, мы будем ее использовать несколько раз в дальнейшем).
Откройте изображение с брызгами номер 9 из пакета брызг от Media Militia. Перетащите его в ваш рабочий документ. Используйте инструмент Magic Wand Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

(Волшебная палочка) для выделения черной области на изображении. Нажмите Delete для удаления черного фона.

Создай иллюстрацию с брызгами краски в Фотошоп
Создай иллюстрацию с брызгами краски в Фотошоп

Нажмите CTRL+D для снятия выделения. Назовите этот слой Facetoss (Брызги на лице) и расположите его как показано ниже, используя трансформацию (Ctrl+T).

Создай иллюстрацию с брызгами краски в Фотошоп

Теперь мы подгоним цвет брызг краски к цвету краски на лице девушки.
1) Возьмите инструмент Eyedropper Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

(I) (Пипетка).
2) Кликните им по области на лице, как показано ниже.

Создай иллюстрацию с брызгами краски в Фотошоп

Создайте новый слой (Shift+Ctrl+N) и назовите его Facetosscolor (Цвет брызг на лице),  поставьте галочку на опции “Use previous layer to create clipping mask” (Использовать предыдущий слой для создания обтравочной маски) и поменяйте режим наложения на Color (Цветность).

Создай иллюстрацию с брызгами краски в Фотошоп

Затем находясь на слое Facetosscolor, возьмите инструмент Paint Bucket Tool (G) 

Создай иллюстрацию с брызгами краски в Фотошоп

(Заливка) и кликните по изображению, это перекрасит брызги краски так, что они совпадут по цвету с краской на лице.

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп
Создай иллюстрацию с брызгами краски в Фотошоп

Для создания брызг от одежды используйте аналогичную методику и изображение с брызгами номер 7. Нам нужно изменить яркость брызг краски для создания плавного перехода. Для этого выберите в меню Image>Adjustment>Brightness/Contrast (Изображение-Коррекция-Яркость/Контрастность) и установите значение яркости на -92.

Создай иллюстрацию с брызгами краски в Фотошоп
Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

Выберите в меню Layer>Layer Style>Color Overlay (Слой-Стиль слоя-Наложение цвета) и установите там черный цвет.

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

Создай иллюстрацию с брызгами краски в Фотошоп

Сотрите лишние части брызг, используя маску слоя или инструмент Eraser Tool (Ластик). Автор предпочитает использовать для этого маску слоя, так как всегда можно все вернуть обратно, если ошибетесь.

Создай иллюстрацию с брызгами краски в Фотошоп

Вот такой получится результат на этом этапе.

Создай иллюстрацию с брызгами краски в Фотошоп

Шаг 4. Добавляем вырезанные фигуры
Теперь давайте добавим несколько фигур, вырезанных из полученного изображения. Для этого сначала выделите все слои на палитре слоев, дублируйте их  и объедините копию в один слой.

Примеч. переводчика. Можно просто нажать Shift+Alt+Ctrl+E, это создаст объединенную копию всех видимых слоев.

Создай иллюстрацию с брызгами краски в Фотошоп

Возьмите инструмент Custom Shape Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

 (Произвольная фигура) и выберите
фигуру Triangle Frame (Треугольная рамка), как показано ниже.

Создай иллюстрацию с брызгами краски в Фотошоп

Нарисуйте треугольник, удерживайте клавишу Shift, чтобы получить ровные грани. Вы можете передвинуть ваш треугольник, используя инструмент Path Selection Tool (A) (Выделение контура). Используйте воображение, разместите треугольник там, где вам понравится.

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

Создай иллюстрацию с брызгами краски в Фотошоп

Нажмите Ctrl+Enter (примеч. переводчика - это преобразует контур в выделение, убедитесь также, что находитесь на объединенном слое), затем Ctrl+J, чтобы копировать выделенную область на новый слой. Передвиньте треугольник вправо, нажмите Ctrl+D, чтобы снять выделение.

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

Теперь давайте создадим сцепление двух треугольников. Сначала сделайте Ctrl+ клик по слою с левым треугольником, он будет выделен (появятся «бегущие муравьи»). Затем выберите в меню Select>Modify>Expand (Выделение-Модификация-Расширить) и установите значение 15 пикс. У вас получится такой результат.

Создай иллюстрацию с брызгами краски в Фотошоп

Затем перейдите на слой с правым треугольником (при активном выделении), возьмите инструмент Eraser Tool 

Создай иллюстрацию с брызгами краски в Фотошоп

(Ластик) и сотрите часть правого треугольника, как показано ниже.

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

Таким образом у нас получится следующий результат.

Создай иллюстрацию с брызгами краски в Фотошоп

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

Создай иллюстрацию с брызгами краски в Фотошоп

На этом мы закончили! Похвалите себя! Если захотите, вы можете добавить в работу что-то еще. Надеюсь, вам понравился этот урок.

Автор: Heinritzh Sales

Источник: mediamilitia.com

242 тыс. 485
Печать Жалоба

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

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

очень интересный урок, спасибо

Спасибо было очень интересно!

расплескалась розова расплескалаааась

Стильный урок)

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

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

Спасибо, шикарный урок.

Спасибо за урок, очень эффектная техника

Оказалось не сложно, но чертовски красиво. Теперь пора создавать что-нибудь свое...

За видеоурок спасибо, помогает.

Спасибо.Эффектный урок.

Еще 30
Добавить комментарий / работу

Новые работы пользователей

По заданным фильтрам работы не найдены

Попробуйте изменить критерий поиска или сбросить фильтры


Смотреть все работы

Предыдущая Следующая
Добавлена {{work.date}}
Не удалось загрузить работу. Возможно она была удалена.
GIF {{work.bite}} Мб Загрузить
Редактировать Удалить
18+
Работа имеет содержимое для 18+ лет
{{work.views}} {{work.comments}}
Жалоба

Комментарии {{work.childs.length || 0}}

Видео к работе
Популярные работы автора:
Работа получила награды:
Курсы автора:
Онлайн-курс

Жалоба

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

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

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

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

Комментарий

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

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

Исходник:

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

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

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

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

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

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

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

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

Комментарии к работе будут отключены, на их месте будет выведена реклама.

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


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

Отменить планирование
Запланировать

Используя данный сайт, вы даёте согласие на использование файлов cookie, данных об IP-адрес, помогающих нам сделать его удобнее для вас. Подробнее