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

Design & IllustrationPhoto Manipulation

Интро

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

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

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

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

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

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

  • ТекстураГранжевой Бумаги
  • ИзображениеКовбоя
  • ТекстураДерева
  • Пулевыеотверстия
  • Гвоздь
  • ТекстураДыма

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

Шаг 1

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

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

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

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

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

Шаг 2

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

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

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

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

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

Шаг 5

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

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

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

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

Шаг 6

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

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

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

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

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

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

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

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

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

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

Шаг 1

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

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

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

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

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

Шаг 2

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

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

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

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

Шаг 1

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

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

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

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

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

Шаг 2

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

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

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

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

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

Шаг 5

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

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

Шаг 3

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

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

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

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

Шаг 4

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

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

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

Шаг 5

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

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

Шаг 6

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

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

Шаг 7

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

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

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

Шаг 8

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

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

Шаг 9

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

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

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

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

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

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

  • Создаём Постер ‘Разыскивается’ в Adobe Photoshop...
    ФотоМанипуляция
    СоздаёмСцену с Совой в Стиле Стимпанк в Adobe Photoshop
    Melody Nieves
  • Создаём Постер ‘Разыскивается’ в Adobe Photoshop...
    ДеньМёртвых
    СоздаёмГламурный Портрет в стиле Калавера в программе Photoshop
    MelodyNieves
Создаём Постер ‘Разыскивается’ в Adobe Photoshop...
Теги:Design & IllustrationPhoto Manipulation
Просмотры 40720