Совмещение фото и набросков в Фотошопе, сделанных от руки

| Категория: Уроки по созданию спец эффектов в Фотошопе | Сложность урока: Высокая

В этом уроке Фотошопа вы научитесь совмещать фото с набросками, сделанными от руки, для создания интересного эффекта.
Внимание: Сложный урок. ВНИМАНИЕ: Урок предназначен для уже продвинутых пользователей Фотошопа.


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

Совмещение фото и набросков в Фотошопе, сделанных от руки

Приступаем к уроку Фотошопа


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


Шаг 1.


Создайте новый документ (размер моего документа - 900х1355 px, File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")), залейте фоновый слой белым цветом.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 2.


Откройте основное изображение, с которым вам предстоит работать. У нас используется изображение парня. Переименуйте данный слой например в "Boy". Используя любой инструмент на ваш вкус, отделите парня от фона. Я люблю для этих целей применять инструмент Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") - создать маску слоя, а затем отделить фон. Когда закончите создавать путь вокруг модели, кликните по правой кнопке мыши и выберите в меню "make selection" (Образовать выделенную область), затем в палитре слоев нажмите на иконку маски слоя (Add layer mask), чтобы отделить парня от фона, на котором он находится.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 3.


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


Совмещение фото и набросков в Фотошопе, сделанных от руки

Совмещение фото и набросков в Фотошопе, сделанных от руки

Когда набросок будет готов, отсканируйте его и откройте в Фотошопе. Слой с наброском поместите над слоем с парнем, пройдите в меню Select > Color Range (Выделение > Цветовой диапазон), параметр Fuzziness (Нечеткость) установите где-то около 120 пикселей, кликните на ОК, чтобы загрузить выделенные черные области. Назовите этот слой "sketch".


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 4.


Для фона я использовал текстуру метала (подберите подобную самостоятельно из сети). Поместите слой с текстурой над белым фоновым слоем, созданным нами в самом начале работы, назовите его "Texture", режим наложения поменяйте на Multiply (Умножение), а прозрачность понизьте до 30%. Воспользуйтесь инструментом Burn Tool Инструмент - Затемнитель (Инструмент Затемнитель / Клавиша "O"), чтобы затемнить некоторые участки текстуры.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 5.


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


Возьмите образец цвета с одежды модели с помощью инструмента Eyedropper Tool Инструмент - Пипетка (Пипетка / Клавиша "I"), также возьмите образец цвета с области рук, на каждом отдельном слое наносите отпечатки кисти, изменяйте для каждого из слоев прозрачность (следите лишь, чтобы все слои находились под слоем с парнем). Когда закончите работу с кистями, выделите слои с брызгами и акварелями, нажмите на комбинацию клавиш Ctrl+G, объединив их в одну группу, назовите ее "Body brushes".


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 6.


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


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 7.


Создайте очередной новый слой, назовите его "Shadows". Выберите инструмент Lasso Tool Инструмент - Лассо (Инструмент Лассо / Клавиша "L"), значение Feather (Растушевка) установите на 30 пикселей. Создайте форму тени на полу, кликните правой кнопкой мыши, выберите опцию Fill (Заливка), и залейте выделение черным цветом.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Затем пройдите в меню Filter > Blur > Motion blur (Фильтр > Размытие > Размытие в движении), установите настройки, как на картинке ниже, прозрачность слоя понизьте до 40%.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Скопируйте данный слой, нажав на комбинацию клавиш Ctrl+J, понизьте прозрачность копии до 30%. Выделите оба слоя с тенями, нажмите на Ctrl+G, чтобы объединить их в одну группу.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 8.


Создайте новый слой, назовите его "Line circles". Выберите инструмент Elliptical Marquee Tools Инструмент - Овальная область выделения (Инструмент "Овальная область выделения" / Клавиша "M"), удерживая клавишу shift, нарисуйте окружность правильной формы. В меню Edit > Stroke (Редактирование > Обводка) установите значение 3 px, выберите черный цвет, нажмите ОК. Все еще с активным выделением, пройдите в меню Select > Transform Selection (Выделение > Трансформировать выделенную область), уменьшите окружность в размере. В меню Edit > Stroke (Редактирование > Обводка) установите на этот раз значение 1 px, выберите все тот же черный цвет, нажмите на ОК. Данный слой должен находиться над слоем "Texture".


Совмещение фото и набросков в Фотошопе, сделанных от руки

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


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 9.


Следующий новый слой назовите "Black bars". С помощью инструмента Rectangular Marquee Tool Инструмент - Прямоугольная область выделения (Прямоугольная область выделения / Клавиша "M") нарисуйте несколько прямоугольников черного цвета, как на рисунке ниже.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Нажмите на клавиши Ctrl+T, поверните прямоугольники на 45 градусов. По уже отработанной нами ранее технике, добавьте маску к этому слою, и на маске скройте с помощью кистей некоторые области прямоугольников.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Когда закончите с этим, понизьте прозрачность слоя до 20, а то и 10%, затем объедините слои "Line circles" и "Black bars" в одну группу, назовите ее "Circle effects".


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 10.


Работа почти окончена. Создайте новый слой, назовите его "Black lines". С помощью инструмента Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") создайте уголки и разные другие интересные линии.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Откройте панель настроек кисти, установите параметр "spacing" (Интервалы) на 425%, выбрав предварительно кисть в 1 пиксель черного цвета с жесткими краями. После создания пути инструментом Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"), кликните по правой кнопке мыши, выберите Stroke Path (Обводка контура), обратите внимание, что Simulate Pressure (Имитировать нажим) не отмечено галочкой, нажмите на ОК.


Совмещение фото и набросков в Фотошопе, сделанных от руки

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


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 11.


Я добавил к композиции еще и бумбокс, применив к ней такие же эффекты и технику обработки, которую я описывал в предыдущих шагах (от второго до шестого).


Совмещение фото и набросков в Фотошопе, сделанных от руки

Шаг 12.


В последнем шаге, я выбрал инструмент Eyedropper Tool Инструмент - Пипетка (Пипетка / Клавиша "I"), кликнул ею в области рук, чтобы взять образец цвета, а затем полупрозрачной кистью закрасил розоватым цветом области вокруг глаз.


Совмещение фото и набросков в Фотошопе, сделанных от руки

Вот и все.


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

Совмещение фото и набросков в Фотошопе, сделанных от руки

Оригинал;

Перевод: Proportion;

Текст доработан командой сайта PhotoshopPro.ru