Unlimited PS Actions, graphics, videos & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Design & Illustration
  2. Photo Manipulation

Создаём Постер ‘Разыскивается’ в Adobe Photoshop

by
Difficulty:BeginnerLength:MediumLanguages:

Russian (Pусский) translation by Marat Sadygaliev (you can also view the original English article)

Final product imageFinal product imageFinal product image
What You'll Be Creating

Объявите в розыск своих любимых преступников в этом постере ‘Разыскивается’!

В этом уроке я покажу вам, как создать фотоманипуляцию в стиле Вестерн. Вначале мы создадим основу для постера в качестве смарт-объекта, а затем прикрепим его к дереву в Adobe Photoshop.

Найдите больше вдохновения для иллюстраций в стиле Вестерн на GraphicRiver.

Исходные материалы

Следующие исходные материалы были использованы для создания данного урока:

1. Создаём Постер ‘Разыскивается’

Шаг 1

Откройте исходное изображение с текстурой гранжевой бумаги в программе Photoshop. Это отличная текстура, поскольку обработана в двух версиях: с ровными и рваными краями. Выбрав текстуру с рваными краями, сэкономит время для создания более аутентичного вида.

Дважды щёлкните по слою с текстурой, чтобы преобразовать его в новый слой, назовите слой с текстурой Постер (poster).

Open the torn edges paper stockOpen the torn edges paper stockOpen the torn edges paper stock

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

Remove the white edgesRemove the white edgesRemove the white edges

Шаг 2

Создайте новый слой поверх слоя с текстурой бумаги, далее, щёлкните правой кнопкой мыши по новому слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать новый слой в обтравочную маску к слою с текстурой гранжевой бумаги. Теперь поменяйте режим наложения на Умножение (Multiply) и с помощью инструмента Кисть (Brush Tool (B) Непрозрачностью (Opacity) 1-50%, затемните гражевые края текстуры бумаги, цвет кисти светло-коричневый #966934.

Burn the paper edgesBurn the paper edgesBurn the paper edges

Шаг 3

Скопируйте / вклейте своё исходное изображение с моделью поверх всех слоёв. В данном случае, я использовала исходное изображение Ковбоя. Поменяйте режим наложения для слоя с ковбоем на Умножение (Multiply), а затем добавьте слой-маску к слою с ковбоем.

Add the cowboy stockAdd the cowboy stockAdd the cowboy stock

Перейдите на слой-маску слоя и с помощью инструмента Прямоугольная область (Rectangular Marquee Tool (M), создайте две выделенные области в верхней и в нижней части изображения ковбоя. Залейте эти выделенные области чёрным цветом с помощью инструмента Заливка (Paint Bucket Tool (G), чтобы создать больше пространства для текста.

Add a layer mask to the cowboyAdd a layer mask to the cowboyAdd a layer mask to the cowboy

Шаг 4

Далее, идём Слой- Новый корректирующий слой – Порог (Layer > New Adjustment Layer > Threshold). Установите уровень Порога (Threshold) на 111, а затем поменяйте режим наложения на Мягкий свет (Soft Light). Уменьшите значение Непрозрачности (Opacity) до 54%, далее, щёлкните  правой кнопкой мыши по данному корректирующему слою и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать данный корректирующий слой в обтравочную маску к слою с ковбоем.

Add a Threshold Adjustment LayerAdd a Threshold Adjustment LayerAdd a Threshold Adjustment Layer

Добавьте ещё два новых корректирующих слоя Цветовой тон / Насыщенность (Hue/Saturation) и Постеризация (Posterize). Установите следующие значения, которые указаны на скриншоте ниже. Уменьшите значение Непрозрачности (Opacity) для корректирующего слоя Постеризация (Posterize) до 40%:

Hue and Saturation and Posterize Adjustment LayersHue and Saturation and Posterize Adjustment LayersHue and Saturation and Posterize Adjustment Layers

Также щёлкните правой кнопкой мыши по этим корректирующим слоям и в появившемся окне, выберите опцию Создать обтравочную маску (Create Clipping Mask), чтобы преобразовать их в обтравочные маски к слою с ковбоем.

Add the adjustments as clipping masksAdd the adjustments as clipping masksAdd the adjustments as clipping masks

Шаг 5

Давайте добавим текст к постеру! С помощью инструмента Текст (Type Tool (T), добавьте следующий текст к постеру. Не забудьте подчеркнуть слово Разыскивается (Wanted), буквы текста должны быть заглавные.

Не стесняйтесь использовать шрифт на своё усмотрение; Я использовала шрифт Bell MT для основной части текста и шрифт Bookman Old Style для суммы вознаграждения.

Вы получите больше преимущества, если сможете придумать причудливое преступление!

Add the textAdd the textAdd the text

Шаг 6

Щёлкните правой кнопкой мыши по одному из текстовых слоёв, чтобы применить Параметры наложения (Blending Options). Добавьте стиль слоя Обводка (Stroke), установите коричневый цвет обводки #6d4a0e, а также добавьте стиль слоя Наложение цвета (Color Overlay), установите насыщенный коричневый цвет #6a3f23 в качестве цвета наложения, включая другие настройки, которые указаны на скриншотах ниже:

Add a stroke and color overlay layer styleAdd a stroke and color overlay layer styleAdd a stroke and color overlay layer style

Щёлкните правой кнопкой мыши по стилизованному слою, чтобы скопировать стили слоя, а затем вклейте скопированные стили слоя к каждому слою с текстом, включая слой с изображением ковбоя. Поменяйте режим наложения для слоёв с текстом Разыскивается (Wanted) и Билли по кличке Бык (Billy the Bull) на Перекрытие (Overlay), а для остальных слоёв с текстом на Мягкий свет (Soft Light).

Результат должен быть, как на скриншоте ниже.

Copy and paste the layer stylesCopy and paste the layer stylesCopy and paste the layer styles

Завершите дизайн постера, путём добавления знака "X" поверх слова мёртвый (dead). Создайте эффект перечёркивания с помощью инструмента Линия (Line Tool (U), создав две наклонные чёрные линии толщиной 20 px. К созданным линиям, вклейте те же самые стили слоя, которые мы использовали ранее, а затем объедините слои с линиями в один слой. Поменяйте режим наложения для объединённого слоя с линиями на Мягкий свет (Soft Light), а также уменьшите значение Непрозрачности (Opacity) до 75%.

Add the strikeout to deadAdd the strikeout to deadAdd the strikeout to dead

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

Wanted poster resultWanted poster resultWanted poster result

2. Подготавливаем Задний Фон

Шаг 1

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

С помощью инструмента Прямоугольное лассо (Polygonal Lasso Tool (L), создайте выделение на дереве рядом с белкой.

Tree Stock From PixabayTree Stock From PixabayTree Stock From Pixabay

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

Cover the squirrel with tree barkCover the squirrel with tree barkCover the squirrel with tree bark

Шаг 2

Нажмите клавиши (Ctrl+J), чтобы продублировать данный фоновый слой. Добавьте слой-маску к дубликату слоя, а затем прокрасьте чёрной жёсткой кистью на белой маске слоя. Прокрасьте чёрной кистью только слева и справа от дерева, чтобы выделить изображение дерева.

Далее, создайте новый слой поверх оригинального слоя с деревом, преобразуйте данный новый слой в обтравочную маску к слою с деревом. Поменяйте режим наложения для данного нового слоя на Мягкий свет (Soft Light), а также уменьшите Непрозрачность (Opacity) слоя до 58%. Находясь на созданном слое, с помощью мягкой чёрной кистью, добавьте тени на заднем фоне, это поможет выделить дерево.

Paint shadow onto the backgroundPaint shadow onto the backgroundPaint shadow onto the background

3. Добавляем Постер к Дереву

Шаг 1

Пришло время для постера! Вначале откройте свой сохранённый документ с постером в Photoshop. Выделите все слои, а затем щёлкните правой кнопкой мыши по выделенным слоям и в появившемся окне, выберите опцию Преобразовать в смарт-объект (Convert to Smart Object). Далее, ещё раз щёлкните правой кнопкой мыши по смарт-объекту и в появившемся окне, выберите опцию Экспортировать содержимое (Export Contents), а затем сохраните свой постер в качестве смарт-объекта.

Export Smart ObjectExport Smart ObjectExport Smart Object

Переключитесь на свой новый документ с изображением дерева. Далее, идём Файл- Поместить встроенные (File > Place Embedded). Поместите свой сохранённый смарт-объект поверх слоёв с деревом.

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

Place the Smart ObjectPlace the Smart ObjectPlace the Smart Object

Шаг 2

Нажмите клавиши (Ctrl+T) для Свободной Трансформации (Free Transform) постера. Деформируйте (Warp) постер, чтобы создать ощущение, как будто он прибит гвоздём к дереву.

Warp the wanted poster Warp the wanted poster Warp the wanted poster

Щёлкните правой кнопкой мыши по слою с постером, чтобы применить Параметры наложения (Blending Options). Добавьте стиль слоя Тень (Drop Shadow) со следующими настройками, которые указаны ниже, только временно отключите видимость тени:

Add a drop shadowAdd a drop shadowAdd a drop shadow

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

Mask the poster Mask the poster Mask the poster

Шаг 3

Перед тем, как мы перейдём к коррекции освещения, давайте добавим пулевые отверстия, а также гвоздь к нашей композиции. Вначале, скопируйте / вклейте исходное изображение с пулевыми отверстиями на наш рабочий документ. Поверните изображение в то положение, которое вам нравится, а затем поменяйте режим наложения на Умножение (Multiply).

Add the bullet holesAdd the bullet holesAdd the bullet holes

Щёлкните правой кнопкой мыши по слою с пулевыми отверстиями, чтобы применить Параметры наложения (Blending Options). Добавьте стили слоя Тиснение (Bevel & Emboss) и Тень (Drop Shadow) со следующими настройками, которые указаны ниже.

Add bevel and emboss and drop shadowAdd bevel and emboss and drop shadowAdd bevel and emboss and drop shadow

Шаг 4

Откройте исходное изображение с гвоздём. С помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите изображение гвоздя. Скопируйте / вклейте выделенное изображение гвоздя на наш рабочий документ. Расположите гвоздь в верхней части постера, таким образом, создав ощущение, как будто постер прибит гвоздём к дереву.

Add the nailAdd the nailAdd the nail

Шаг 5

Теперь добавьте падающие листочки. Для этого, с помощью инструмента Прямолинейное лассо (Polygonal Lasso Tool (L), выделите изображение листика рядом с изображением дерева.

Далее, дважды нажмите клавиши (Ctrl+J), чтобы продублировать выделенный листочек на два новых слоя. Нажмите клавиши (Ctrl+T) для Свободной трансформации (Free Transform) каждого листика, поверните листья, а затем примените фильтр Размытие в Движении (Motion Blur), установив угол размытия на 65 градусов, а Смещение (Distance) на 15 px.

Add the falling leavesAdd the falling leavesAdd the falling leaves

4. Проводим Заключительную Коррекцию Освещения и Цветовую Коррекцию

Шаг 1

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

Add Curves to the bulletsAdd Curves to the bulletsAdd Curves to the bullets

Шаг 2

Давайте добавим лёгкий гранжевый эффект к постеру. Создайте новый слой поверх всех слоёв, залейте этот слой коричневым оттенком #704f25, а затем поменяйте режим наложения для данного слоя на Умножение (Multiply). Далее, добавьте слой-маску, а затем залейте слой-маску чёрным цветом.

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

Apply more grunge to the posterApply more grunge to the posterApply more grunge to the poster

Шаг 3

Далее, мы проведём цветовую коррекцию! Добавьте два корректирующих слоя Поиск цвета (Color Lookup). Установите следующие настройки, которые указаны ниже. Уменьшите Непрозрачность (Opacity) корректирующего слоя с фильтром teal до 70%, а для второго корректирующего слоя с фильтром sunset до 76%.

Add Two Color Lookup Adjustment LayersAdd Two Color Lookup Adjustment LayersAdd Two Color Lookup Adjustment Layers

Далее, идём Слой- Новый корректирующий слой – Карта градиента (Layer > New Adjustment Layer > Gradient Map). Установите чёрно-белый градиент, тип градиента Линейный (Linear). Поменяйте режим наложения для данного корректирующего слоя с картой градиента на Насыщенность (Saturation), а также уменьшите Непрозрачность (Opacity) слоя до 35%.

Add a black and white gradient mapAdd a black and white gradient mapAdd a black and white gradient map

Шаг 4

В данной композиции можно использовать немного дыма! Скопируйте / вклейте исходную текстуру с дымом на наш рабочий документ. Нажмите клавиши (Ctrl+J), чтобы продублировать текстуру. Расположите оригинальный слой с текстурой дыма и дубликат слоя поверх пулевых отверстий, а затем поменяйте режим наложения для слоёв с текстурой дыма на Осветление (Screen).

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

Add smoke to the compositionAdd smoke to the compositionAdd smoke to the composition

Шаг 5

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

Paint black shadow onto the treePaint black shadow onto the treePaint black shadow onto the tree

Шаг 6

Включите видимость стиля слоя с тенью, который мы добавили к постеру ранее. Добавьте новый корректирующий слой Поиск Цвета (Color Lookup), чтобы создать цветовую схему, похожую на закат. Далее, поменяйте режим наложения на Затемнение (Darken), а также уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 83%.

Add a Candelight Color Lookup Adjustment LayerAdd a Candelight Color Lookup Adjustment LayerAdd a Candelight Color Lookup Adjustment Layer

Шаг 7

Создайте новый слой, поменяйте режим наложения для данного слоя на Перекрытие (Overlay). Далее, с помощью мягкой кисти светлого тона #b1a9a3, добавьте светлые блики на задний фон сцены. Добавьте больше бликов на пулевые отверстия, гвоздь и листья.

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

Apply highlights onto the sceneApply highlights onto the sceneApply highlights onto the scene

Шаг 8

Добавьте последний корректирующий слой Поиск Цвета (Color Lookup) для усиления контраста. Уменьшите Непрозрачность (Opacity) данного корректирующего слоя до 40%.

Add a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment LayerAdd a Color Lookup Adjustment Layer

Шаг 9

Вы можете остановиться здесь. А поскольку я хочу усилить детали постера, то далее, я добавлю фильтр. Для этого, вначале объедините все слои вместе (Ctrl+Alt+Shift+E). Продублируйте объединённый слой (Ctrl+J), а затем идём Фильтр – Другое- Цветовой контраст (Filter > Other > High Pass). Установите Радиус (Radius) на 4.5 px, а затем нажмите кнопку ‘OK’.

Поменяйте режим наложения для слоя с цветовым контрастом на Перекрытие (Overlay). Находясь на дубликате объединённого слоя, с помощь инструмента Ластик (Eraser Tool (E), скройте всё за исключением дерева и постера. Теперь постер выглядит более детализированным! Вы можете увидеть итоговый результат на скриншоте ниже.

Add a high pass filter Add a high pass filter Add a high pass filter

Мы завершили урок!

Поздравляю с завершением этого урока! Поменяйте фотографию на своё изображение или изображение одного из ваших друзей и получите массу удовольствия от этого урока.

Надеюсь, что вам понравился этот урок! Не стесняйтесь оставлять в комментариях любые вопросы или замечания, я буду рада помочь вам. Хотите ещё больше хороших уроков по созданию фотоманипуляций, тогда пройдите по следующим ссылкам:

Western Wanted Poster Photo Manipulation Photoshop TutorialWestern Wanted Poster Photo Manipulation Photoshop TutorialWestern Wanted Poster Photo Manipulation Photoshop Tutorial
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.