Создаем красочный плакат в Фотошопе из фото и векторов

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

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


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

Создаем красочный плакат в Фотошопе из фото и векторов

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


Материалы использованные в уроке:

Фотография пистолета;
Фотография гранаты;


Видео по данному уроку (на англ. языке):



Шаг 1.

Открываем наше изображение пистолета, увеличиваем его размер на 300% (Zoom Tool Инструмент - Лупа (Инструмент Лупа / Клавиша "Z")) и выбираем Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"). Убедитесь, что выбран Paths (Контуры) и Add to path area (+) (Добавить к контуру), затем начинайте обводить пистолет. Потяните Anchor Point (Опорные точки) так, чтобы он вытянулся прямо вдоль границы: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 2.


На стыке кривой и прямой линии добавим ещё один Anchor Point (Опорные точки). Берем Direct Selection Tool (Редактирование контура) (белая стрелка) и тянем за чёрную точку. Скоро вы поймёте, как передвигать Anchor Point (Опорные точки), чтобы кривая принимала нужную форму: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 3.


Снова берём Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P"), зажав Alt кликаем по Anchor Point (Опорные точки) на конце кривой. Появится чёрная точка, с помощью которой подгоняем нашу линию по контуру изображения: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 4.


Заканчиваем выделение изображения. Ниже приводится пример по управлению Anchor Point (Опорные точки) при создании сложных кривых. Смысл в том, чтобы создавая линии использовать как можно меньше точек.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 5.


Создайте новый документ (File > New (Файл > Новый / Сочетание клавиш "Ctrl+N")) (формат A5, 300dpi), куда скопируйте и вставьте изображение пистолета. Возьмите Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и вместо Paths (Контуры) поставьте Shape Layers (Слой фигуры). Выберите цвет, я взял 100% Magenta (Пурпурный), по ходу работы цвет можно поменять. Теперь рисуем струйки краски, вытекающие из ствола: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 6.


Используем свою фантазию и законы физики: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 7.


Нежелательные Anchor Points (Опорные точки) удаляем с помощью инструмента Direct Selection Tool (Редактирование контура): ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 8.


Наступило время придать нашей векторной слизи глубины. Выбираем слой с изображение слизи, заходим в меню Layer > Layer Style > Blending Options (Слой > Стиль слоя > Параметры наложения) и задаём следующие настройки; цвета подбираете на свой вкус: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Создаем красочный плакат в Фотошопе из фото и векторов

Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 9.


Нарисуйте побольше слизи, вылетающей из дула пистолета. Измените толщину и направление струи, попробуйте их немного увеличить. Рисуя мелкие брызги, представьте их движение относительно больших. Выбрав слой со слизью, заходите в меню Layer > Layer Style > Copy Layer Style (Слой > Стиль слоя > Скопировать стиль слоя). Выберите слой назначения и зайдите в меню Layer > Layer Style > Paste Layer style (Слой > Стиль слоя > Вклеить стиль слоя).


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 10.


Настройки Layer Style (Стиля слоя) для мелких брызг несколько отличаются, поэтому кликните по иконке Layer style (Стиль слоя) (буква "f" в черном кружке) и примените следующие настройки: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Создаем красочный плакат в Фотошопе из фото и векторов

Создаем красочный плакат в Фотошопе из фото и векторов

Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 11.


Рисуйте струйки, пока не добьётесь нужного результата. Можно добавить пару капель, вылетающих из дула пистолета: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 12.


Нарисуйте немного мелких капель и, чтобы они были похожи на остальные, примените к ним Layer Styles (Стиль слоя). С помощью инструмента Move Tool Инструмент - Перемещение (Перемещение / Клавиша "V"), держа клавишу Alt, потяните мышкой за изображение, копируя наши капли. Нажмите Ctrl+T и поменяйте размер и положение капли. Повторяйте это, пока не добьётесь нужного вам результата. Поэкспериментируйте с глубиной, меняя расположение слоёв.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 13.


Нарисуем на дуле пистолета тени от капель: инструмент пипетка (Eyedropper Tool Инструмент - Пипетка (Пипетка / Клавиша "I")), новый слой, мягкая кисть, выделение пистолета, маска слоя, рисование теней и режим наложения Multiply (Умножение).


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 14.


Открываем изображение гранаты, вырезаем его, импортируем в документ, затем нажимаем комбинацию клавиш Ctrl+T и меняем размеры и положение изображения: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 15.


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


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 17.


Чтобы нарисовать дым, возьмите Pen Tool Инструмент - Перо (Инструмент Перо / Клавиша "P") и воспользуйтесь той же техникой, что и ранее. Для дыма я использовал различные цвета.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 18.


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


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 19.


Сделаем мультяшные наброски вокруг дыма. Вы можете сделать это вручную или выбрать слой с формой дыма, где видна дорожка (path/путь/контур), затем скопируйте её. На панели Paths (Контуры) создайте новый слой и вставьте туда дорожку. С помощью выделения индивидуальных Anchor Points (Опорные точки), удалите ненужные части. Дорисуйте детали и, если нужно, продолжите линии.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 20.


Создайте новый слой, используйте его для нарисованного вами контура. Выберите инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B"), 7 pixels, твёрдость 100%. Выберите Path (Контур) на палитре Paths (Контуры), затем Stroke Path (Обводка контура) из контекстного меню (небольшая стрелка в кружке в верхнем правом углу палитры). Затем я изменил размер всех слоев с изображением гранат (включая слой с дымом и т.д.) для придания эффекта присутствия.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 21.


Теперь немного повозимся. Создадим новый слой, Blending mode (Режимы наложения) - Multiply (Умножение). Ctrl+ клик на всех маленьких окошках слоёв (в палитре слоев) с изображением гранат, выделив их, добавим маску слоя (белый кружок в чёрном квадрате).

Теперь (работаем с новым слоем, а не с маской) нажимаем Ctrl+ клик по верхнему куску гранаты и инвертируем выделение (Ctrl+Shift+I). Берём инструмент Brush Tool Инструмент - Кисть (Инструмент Кисть / Клавиша "B"), мягкую кисть и рисуем на тени, я использовал тёмно-серый. Нажимаем Ctrl+Н, чтобы спрятать выделение. Продолжаем в том же духе. Меняем кисть с 45 pixel brush на 20 pixel.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 22.


Нарисуем побольше слизи, как на пистолете. Переместите слой со слизью между дымом и гранатой. Примените маску к слою с тенью (Ctrl+ клик по всем слоям с гранатой и слизью и их маскировка на слое с тенью). Возможно вам придётся создавать выделение вручную, с помощью инструмента Polygonal Lasso Tool Инструмент - Многоугольное лассо (Инструмент Многоугольное лассо / Клавиша "L").


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 23.


Скопируем все слои с гранатой на один слой. Перетащите новый слой с гранатой на самый верх и измените придав перспективу. Идите в Filter > Blur > Lens Blur (Фильтр > Размытие > Размытие при малой глубине резкости) и сделайте настройки как на скриншоте. Затем размоем границы гранаты с помощью инструмента Filter > Blur > Box Blur (Фильтр > Размытие > Размытие по рамке).


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 24.


Объединим в один все розовые слои со слизью из дула пистолета, и применим размытие → Filter > Blur > Gaussian Blur (Фильтр > Размытие > Размытие по Гауссу) в 0.6 Pixel. То же самое сделайте со слизью на гранате. Затем скопируйте всё в один слой.


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 25.


Думаю нужно увеличить контраст. Сделаем это с помощью кривых. Заходим в Layer > New Adjustment Layer > Curves (Слой > Новый корректирующий слой > Кривые) и настраиваем следующим образом: ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Шаг 26.


В заключение, дублируем слой "Background" (Фон) и заходим в меню Filter > Artistic > Film Grain (Фильтр > Имитация > Зернистость фотопленки). Настраиваем по скриншоту. Снижаем Opacity (Непрозрачность) слоя до 55%. Теперь можно подправить Image > Adjustments > Hue/Saturation (Изображение > Коррекция > Цветовой тон/Насыщенность - Сочетание клавиш "Ctrl+U"): ↓


Создаем красочный плакат в Фотошопе из фото и векторов

Всё! Наша работа готова.


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

Создаем красочный плакат в Фотошопе из фото и векторов

Оригинал;
Текст доработан командой сайта PhotoshopPro.ru