Создание афиши в photoshop. Как в фотошопе создавался креативный постер для рекламы

Сегодня мы создадим ретро-плакат космической тематики. Вы можете распечатать этот плакат и порадовать знакомых космонавтов =)

Юрий Алексеевич Гагарин, Советский летчик-космонавт, был первым, кто отправился в космос, когда его космический корабль Восток выполнил оборот вокруг Земли 12 апреля 1961 г. В этом уроке Фотошопа шаг за шагом мы создадим яркий ретро-плакат, вдохновленный путешествием Юрия Гагарина в космос. Мы будем объединять стоковые фото (доступные фото их различных ресурсов), текстуры и кисти с техниками и режимами наложения фильтров. Если вы готовы начать, то давайте приступим!

Вот, что должно получиться в итоге:

Шаг 1.

Откройте Adobe Photoshop и создайте документ в соответствие с желаемыми вами размерами. Не забывайте выставить высокий DPI (150-300 точек на дюйм) и цветовой режим CMYK, если вы планируете печать своей работы. Для этого урока я создал документ размером в 800x1200px, RGB цвета в 72dpi (точек на дюйм) для веб-использования.

Шаг 2.

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

Откорректируйте Цветовой фон, как показано на картинке ниже:

Шаг 3.

Скачайте в интернете фото космонавта . Откройте его в Photoshop и увеличьте. С помощью инструмента вашего Pen Tool (P), обведите космонавта по контуру. После этого скопируйте его на фон с космосом.

Примените масштабирование на космонавтре на фоне космоса. Должно получиться изображение, похожие на картинку ниже:

Откорректируйте цветовой тон, чтобы космонавт смотрелся естественно на фоне космоса:

Создайте дубликат слоя с космонавтом, нажав Ctrl + J. После этого откройте вкладку «Фильтр», наведите мышь на вкладку «Размытие» и выберите фильтр «Размытие по Гауссу». Поставьте значение радиуса фильтра на 1.4 px и выставите непрозрачность слоя до 50%.

Шаг 4.

Скачайте из сети изображение Земли и откройте его в photoshop. Используйте инстремент «Овальная область» и выделите контур Земли. Скопируйте его на наш плакат и поместите сзади космонавта.

Отрегулируйте насыщенность так, чтобы Земля затемнилась. Выставите значение на -40.

Зажмите кнопку Ctrl и кликните по изображению Земли. Вы выделите его. Создайте новый слой и залейте выделенную область черным цветом. Переместите залитый черный круг вправо, чтобы осталась видимой только часть Земли.

Теперь давайте используем фильтр «Размытие по Гауссу» на выделенном черном круге. Поставьте значение радуиса на 30 px. Затемнив таким образом Землю, мы предадим нашей работе реализм.

И теперь поставим непрозрачность черного слоя на 80%.

Шаг 5.

Теперь давайте добавим на наш плакат блики. Создадим новый слой и зальем его черным цветом. Откройте вкладку с фильтрами вверху экрана и наведите мыш на «Рендеринг». В открывшейся вкладке выберите «Блики». Выберите «Начало ролика» и выставите параметр «Яркость» на 100%. После этого поместите вспышку света таким образом, чтобы она была на краю Земли, а по середине было свечение.

Шаг 6.

Скачайте в сети изображение облаков и поместите на наш плакат. Превратите их в черно-белые, зажав комбинацию клавишь Ctrl+Shift+U. Примените к этому изображению масштабирование.

Теперь давайте подкорректируем цвет облаков. Нажмите Ctrl+L и установите значения яркости как на рисунке ниже.

Давайте добавим в наш плакат изюминку. В созвездии Единорога есть протопланетарная туманность под названием «Красный прямоугольник» . Скачаем ее изображение из сети и откроем в photoshop. Обесцветим его, выделим и, нажав Ctrl+T, расположим на нашем плакате. Пример Вы можете видеть рисунке ниже:

Выделите туманность. Во владке «Слои» выберете режим «Экран».

Зайдите в меню «Слой-маска» и выберете «Показать все». Смените цвет переднего плана на черный. Нажмите G, чтобы выбрать инструмент «Градиент». Смягчите с помощью него края туманности.

Нам подойдет оттенок с номером # 640775. Выберите инструмент «Кисть», и большой мягкой кистью выровняйте туманность.

Измените свойства наложения слоя на «Умножение». Затем нажмите Alt+Ctrl+G, чтобы создать обтравочную маску. Нажмите Ctrl+J, чтобы создать копию этого слоя. Поменяйте свойства наложения слоев на «Мягкий свет».

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

Если дважды кликнуть мышкой на слой, то откроется меню «Стиль слоя». Давайте применим эффект «Наложение цвета».

Теперь продублируем слой со спутником и применим фильтр «Размытие по Гауссу» с радиусом в 1.4 px. После этого поменяем свойства наложения слоев на «Мягкий свет». Выставите параметр непрозрачность на 90%.

Шаг 7.

Пришло время добавить планету на наш плакат. Проще всего сделать это из текстуры. Давайте найдем и скачаем из сети текстуру ржавчины и откроем ее в photoshop.
Выделите инструментом «Овальная область» часть текстуры и поместите на наш плакат.

Нажмите Ctrl+T и уменьшите нашу планету.

Теперь применим к слою с нашей планетой фильтр. Выберите во вкладке с фильтрами «Искажение» и затем «Сферизация». Поставьте значение фильтра на 100%. Таким образом мы сделаем планету объемней и реалистичной.

Передвинем планету в левый верхний угол и добавим некоторые эффекты в стиле слоя.

Теперь создадим тень от планеты, используя метод, описанный в 4-м шаге. Вот что должно у нас полчиться:

Создадим новый слой. Теперь подберем ненасыщенный розовый цвет (#eebbfb). Теперь с помощью мягкой кисти создадим пятно.

Теперь применим к этому слою фильтр «Размытие по Гауссу» с радиусом 130 px. Установим непрозрачность на 70% и переместим эффект назад.

Давайте создадим еще один слой зеленого цвета. Теперь поместим еще одно пятно только на этот раз в верхней части плаката.

Используем на этот слой «Размытие по Гауссу» с радиусом 150 и поставим непрозрачность на 50%.

Шаг 8.

Нажмите Ctrl+A, чтобы выделить все объекты, а затем, открыв в верхней части экрана вкладку «Редактирование», выберите в меню «Скопировать совмещенные данные». Два раза скопируйте эти объекты на новый слой и выставите режим наложения — умножение.
Выделите слой, который находится сразу после исходного и примените к нему фильтр «Выделение краев», находящийся во вкладке «Стилизация». Установите непрозрачность на 20% и выставите режим наложения — «Перекрытие». В итоге у нас должно получиться изображение, похожее на картинку снизу. Самый верхний слой на ней отключен.

Теперь нам нужно выделить самый верхний слой и применить к нему фильтр «Свечение краев», находящийся во вкладке «Стилизация». Выставите в нем параметры, указанные ниже.
Ширина края — 2
Яркость края — 8
Гладкость — 10

Нам нужно обесцветить этот слой с помощью клавиш Shift+Ctrl+U.

Сделаем инверсиб цветов, нажав Ctrl+I

Выставим непрозрачность на 40%.

Перейдите к самому нижному исходному слою и примените на нем фильтр «Шум» со значением 20%. Выберите распределение по Гауссу и поставьте галочку возле режима «Монохромный».

Выставите режим наложения — «Мягкий свет»,

Скачайте ретро текстуру и поместите ее на наш плакат. Поставьте непрозрачность на 25% и способ наложения слоев — «Линейный свет».

Шаг 9.

Теперь нам потребуется скачать шрифты League Gothic и Deftone Stylus После этого их нужно установить. Давайте напишем слово Journey (Путешествие).

Выберете в свойствах наложения «Мягкий свет». После этого продублируйте слой и поставьте метод наложения — «Перекрытие».

Мы будем использовать этот метод для всех текстовых элементов на нашем плакате.

Шаг 10.

Мы перешли к последнему шагу. Перейдем во вкладку «Новый корректирующий слой», которая находится внутри меню «Слой» и выберем «Карта градиента». Значение градиента должно быть от #1c004b до #fa9900.Выставите непрозрачность на 40%.

Мы закончили создание плаката. Надеемся, что вы узнали много нового и интересного. До новых встречь!

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

Сегодня мы с Вами создадим свой плакат в очень интересной технике.

Первым делом подберем персонажа для нашего будущего плаката.

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

Создаем копию слоя с персонажем (CTRL+J ) и обесцвечиваем ее (CTRL+SHIFT+U ).

Затем идем в меню «Фильтр – Галерея фильтров» .

В галерее, в разделе «Имитация» , выбираем фильтр «Очерченные края» . Верхние ползунки в настройках перемещаем до предела влево, а ползунок «Постеризация» выставляем в положение 2 .

Нажимаем ОК .

Применяем корректирующий слой «Микширование каналов» . В настройках слоя ставим галку напротив «Монохромный» .


Затем применяем еще один корректирующий слой под названием «Постеризация» . Значение выбираем такое, чтобы на оттенках было как можно меньше шума. У меня это 7 .


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

Применяем еще один корректирующий слой. На этот раз «Карту градиента» .

В окне настроек кликаем по окошку с градиентом. Откроется окно настроек.

Кликаем по первой контрольной точке, затем по окошку с цветом и выбираем темно-синий цвет. Жмем ОК .

Затем подводим курсор к шкале градиента (курсор превратится в «палец» и появится подсказка) и кликаем, создавая новую контрольную точку. Позицию выставляем в 25%, цвет красный.


Следующую точку создаем на позиции 50% со светло-синим цветом.

Еще одна точка должна расположиться на позиции 75% и иметь светло-бежевый цвет. Числовое значение данного цвета необходимо скопировать.

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

По завершению жмем ОК .

Давайте придадим немного больше контраста изображению. Переходим на слой с персонажем и применяем корректирующий слой «Кривые» . Перемещаем ползунки к центру, добиваясь нужного эффекта.



Желательно, чтобы на изображении не осталось промежуточных тонов.

Продолжаем.

Снова переходим на слой с персонажем и выбираем инструмент «Волшебная палочка» .

Кликаем палочкой по участку светло-синего цвета. Если таких участков несколько, то добавляем их в выделение кликом с зажатой клавишей SHIFT .

Затем создаем новый слой и создаем для него маску.

Кликом активируем слой (не маску!) и нажимаем сочетание клавиш SHIFT+F5 . В списке выбираем заливку 50% серого и нажимаем ОК .

Затем идем в Галерею фильтров и, в разделе «Эскиз» , выбираем «Полутоновой узор» .

Тип узора – линия, размер 1, контрастность – «на глаз», но имейте в виду, что Карта градиента может воспринять узор как темный оттенок и изменить его цвет. Поэкспериментируйте с контрастом.


Переходим к заключительной стадии.

Снимаем видимость с самого нижнего слоя, переходим на самый верхний, и нажимаем сочетание клавиш CTRL+SHIFT+ALT+E .

Затем объединяем в группу нижние слои (выделяем все с зажатым CTRL и нажимаем CTRL+G ). С группы также снимаем видимость.

Создаем новый слой под верхним и заливаем его тем красным, что и на постере. Для этого берем инструмент «Заливка» , зажимаем ALT и кликаем по красному цвету на персонаже. Заливаем простым кликом по холсту.

Шамони-Монблан или, более привычно, Шамони – город и коммуна на востоке Франции, в департаменте Верхняя Савойя был местом Олимпийских Игр Зимы 1924 года, первых Зимних Олимпийских Игр. В этом пошаговом уроке, с помощью программы Фотошоп, я покажу Вам, как создать плакат лыжника в старинном стиля. По ходу урока Мы будем объединять исходные фотографии, текстуры и кисти с методами, в которых будем применять режимы смешивания, фильтры, пока не достигнем желаемого результата.

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

Шаг 1
Откройте Adobe Photoshop и создайте документ со своими желаемыми размерами плаката. Заполните документ белым цветом. Не забудьте использовать высокое DPI (между 150-300 точками на дюйм) и Режим Цвета CMYK, если Вы планируете посылать Вашу работу в прессу. Для этого урока я создал документ с размерами 842×1190 пикселей, Цвет RGB в 72 точках на дюйм для веб-использования.

Шаг 2
Скачайте и импортируйте на наш холст фото «гора Монблан». Для этого используйте ссылку, которая расположена ниже.

Добавьте Слой-маску (Layer Mask) для этого перейдите Слой > Слой маска > Показать все (Layer > Layer Mask > Reveal All), активируйте Градиент (Gradient Tool) (G), убедитесь, что цвет переднего плана черный (# 000000), в настройках инструмента установите градиент От основного к прозрачному (Foreground to Transparent). Сделайте несколько градиентных заливок из нижней части холста к верхней. Это поможет создать плавный переход от белого фона в нижней части холста к снегу на фотографии.

Шаг 3
Небо слишком простое, чтобы это исправить, мы добавим облака. Скачайте и импортируйте на наш холст фотографию «Облачное небо». Измените его размер при помощи инструмента Свободное трансформирование (Free Transform) (Ctrl+T), как показано ниже.

Обесцветьте наше небо (Ctrl + Shift + U).

Измените режим наложения на Перекрытие (Overlay),

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

Шаг 4
Скачайте фото «Сноубордист 1», откройте его в Фотошоп, после чего вырежьте сноубордиста с использованием Пера (Pen Tool) (P).

Скопируйте и вставьте сноубордиста на наш холст. Уменьшите его размер и расположите на холсте так, как показано ниже.

Шаг 5
Скачайте бесплатные Кисти брызг , затем смените цвет переднего плана на белый (#FFFFFF), создайте новый слой поверх предыдущего и используйте кисти брызг, которые Вы только что скачали, чтобы создать снег вокруг сноубордиста и ниже его.

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

Шаг 6
Выберите все слои и сгруппируйте (Cmd / Ctrl + G). Создайте дубликат этой группы, а затем объедините их (правой кнопкой мыши на группе и выберите (Объединить группу) (Merge Group)). После чего, спрячьте Группу 1.

Сделайте две копии верхнего слоя. Скройте верхнюю копию и выберите нижнюю. Примените к ней фильтр Размытие по гауссу (Фильтр > Размытие > Размытие по гауссу) (Filter > Blur > Gaussian Blur) со значением Радиуса – 5 пикселей.

Установите режим смешивания на Умножение (Multiply).

Сделайте видимым верхний слой и обесцветьте его (Ctrl + Shift + U).

Примените фильтр Цветовой Контраст. Для этого перейдите: Фильтр > Другие > Цветовой Котраст (Filter> Other> High Pass). Радиус установите на 10px.

Установите режим наложения на Мягкий свет (Soft Light).

Шаг 7
Снова выделите те 3 слоя, дублируйте их и объедините их. Добавьте к этому слою Размытие по Гауусу, радиус 6 пикс.

Добавьте маску к этому слою, выберите Инструмент Кисть (Brush), и используя Большую мягкую кисть с непрозрачностью 40%, кликните пару раз на сноубордисте.

Снизьте непрозрачность слоя до 70%.

Шаг 8
Время добавить текст в нашу композицию. Вам нужно скачать этот шрифт, и если вы еще его не установили, установите его. Давайте начнем с первой части текста “CHAMONIX-MONT BLANC”. Режим наложения слоя с текстом установите на Линейный затемнитель (Linear Burn).

Далее скачайте Гранжевую кисть , добавьте маску к слою с текстом, выберите любую кисть из скаченного файла, удостоверьтесь, что цвет переднего плана – черный, понизьте непрозрачность до 40% и рисуйте на маске слоя.

Добавляем следующий текст:

Установите режим наложения на Линейный затемнитель (Linear Burn), непрозрачность до 70%, добавьте маску слоя, и снова используйте кисти с предыдущего файла, чтобы рисовать на маске слоя.

Поместите изображение логотипа олимпийских игр, как показано ниже. Установите режим наложения для слоев с текстом и логотипом на Экран (Screen). Текст, который я использовал, показан ниже.

Добавьте логотип авиакомпании.

Шаг 9
Скачайте и добавьте в наш документ эту текстуру . Уменьшите его, чтобы он соответствовал размерам нашего холста и измените режим наложения на Умножение (Multiply).

Используйте Инструмент Эллипс (Ellipse Tool (U)) и нарисуйте посередине холста круг красным цветом (#810000).

Измените режим наложения на Перекрытие (Overlay) и понизьте непрозрачность до 40%.

Вставьте в наш документ металлическую текстуру , уменьшите ее, установите режим смешивания на Мягкий свет (Soft Light) и непрозрачность слоя – 40%.

Создание постера в стиле киноафиши к фильму Эволюция Борна/The Bourne Legacy (2012) в Photoshop CS6. Это - простое учебное руководство, подходящее для новичков, и поэтапно рассказывающее о методе создания афиши, используя базовые методики редактирования.

Конечный результат

Шаг 1

Открываем фотографию, над которой будем работать в Photoshop. Для этого проделываем нехитрые File -> Open. Рекомендуется использование фотографии с высоким разрешением, т.к. в ходе урока над исходным файлом будет проведена операция кропа (обрезки).

Шаг 2

Щелчок правой кнопкой мыши на слое и выбираем ‘Преобразовать в смарт-объект’ (Convert to Smart Object). Данная операция позволит нам, при необходимости, применить методы обратимого редактирования над рабочим слоем.

Шаг 3

Прежде чем начать манипуляции нам необходимо добавить слой и разместить его ниже ‘рабочей’ фотографии. Для этого необходимо совершить следующие действия: перейдите в меню Слои -> Новый слой заливка -> Цвет (Layer -> New Fill Layer -> Solid Color), выбрать черный цвет, затем нажмите кнопку ОК.

Шаг 4

В панели слоев (Window -> Layers), перетащите слой с заливкой под рабочий и задайте имя каждому, при желании, как это показано на рисунке ниже.

Шаг 5

Для начала мы добавим эффект песка (зернистости) фото при помощи корректирующих слоев и фильтров.

Начнем с добавления черно-белого корректирующего слоя Слои -> Новый корректирующий слой -> Черно-белое (Layer -> New Adjustment Layer -> Black & White), укажем режим наложения для данного слоя на Перекрытие (Overlay). При этом не стесняйтесь, поиграйте с настройками в панели свойств (Window -> Properties).

Шаг 6

Затем добавим слой Вибрация (Vibrance) регулировки Слои -> Новый корректирующий слой -> Вибрация (Layer -> New Adjustment Layer -> Vibrance). Уменьшим значение вибрации, дабы получить необходимый оттенок.

После проделанных манипуляций изображение выглядит следующим образом.

Шаг 7

Корректирующие слои выполнили свою работу) и на исходной фотографии получился эффект плохого освещения, что скрывает детали и делает фон темным. При этом у нас не стоит задача сделать изображение объекта слишком темной, ввиду того, что он может слиться с общим фоном и сделать полосы едва заметными.
Чтобы исправить эту ситуацию, мы применим регулировки Тени/Света (Shadows / Highlights). В панели слоев, выберите слой с фотографией, затем переходим по пути Изображение -> Коррекция -> Тени/Света (Image -> Adjustments -> Shadows / Highlights. Установить тени около 35%, а свет до 15% нажмите кнопку ОК.

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

Шаг 8

Далее мы добавим немного песка нашему изображению, при этом воспользуемся фильтром добавления шума, применяя его в качестве смарт-фильтра, как и предыдущем шаге.
Убедитесь в том, что у Вас выбран слой с фотографией и откройте в верхнем меню Фильтр -> Шум -> Добавить (Filter -> Noise -> Add Noise). Устанавливаем чекбокс напротив “Монохромный” и выбираем параметры таки образом, чтобы получилось нечто похожее на изображение ниже. Нажмите кнопку ОК, чтобы завершить операцию.

Шаг 9

Теперь перед нами стоит задача обрезать и повернуть изображения.
Выберите инструмент Рамка (Crop (C)), и на панели параметров, отключить опцию "Удалить обрезанные пиксели" (Delete Cropped Pixel) вариант, что позволит нам в любой момент внести коррективы. Обрезаем изображение, как показано на рисунке ниже.

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

Шаг 10

Что же пришло время добавить текст, да покричащеJ к нашему изображению. Это процедуру необходимо провести до добавления полос по понятным причинам… а иначе, как вы узнает, куда поместить полоску позже. Далее в панели слоев выбираем верхний слой для того, чтобы, при добавлении текста он всегда появлялся над ним, пустячок, а приятно. Выбираем инструмент Текст и тут у Вас простор для творчества, в плане выбора размера и начертания шрифта, в данной работе Arial. Стоит заметить, что каждое слово - отдельный слой.

Шаг 11

Выбираем все текстовые слои (зажав CTRL) и объединяем их в группу (Слои -> Сгруппировать слои или Ctrl+G), чтобы глаза не мозолили. Переименовываем при необходимости.

Шаг 12

Ту же операцию проделываем и для слоев, связанных непосредственно с фотографией (Вибрация, Черно-белое, и фотография героя) и даем ей имя ‘Фотография’.

Шаг 13

Теперь мы собираемся добавить полосы. Это очень легко сделать инструментом инструмент ‘Выделение прямоугольной рамкой’ (Rectangular Marquee Tool). Выбираем его в панели параметров устанавливаем режим "Добавить к выделенному" (Add to Selection) - 2 пиктограмма слева. Так же, убедитесь, что размер пера установлен в 0px. Нарисуйте прямоугольник, как показано на изображении ниже.

Начните с рисования прямоугольника вокруг текста и глаз, остальные добавите позже, затем добавить еще позже. Если вы допустили ошибку, просто нажмите Ctrl + Z, чтобы отменить. Хотите начать все сначала? Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение и начать заново.

Шаг 14

В панели слоев, выбираем группу ‘Фотография’ и нажимаем кнопку Добавить маску слоя. Это создаст маску слоя от выделенных областей, сделанных в предыдущем шаге.

А выглядит это все никак иначе, как следующим образом.

Шаг 15

Мы почти закончили! Выбираем инструмент ‘Выделение прямоугольной рамкой’ и создаем выделение вокруг текста. Прежде убедитесь, что цвета переднего / заднего плана цвета установлены по умолчанию (белый, / черный), если это не так нажмите D, чтобы сбросить цвета. Нажмите клавишу Delete, чтобы заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение.

Когда вы закончите, установите режим выделения обратно в Новое выделение (как показано на рисунке).

Шаг 16

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


Нажмите D на клавиатуре, чтобы сбросить цвета фона и затем нажмите кнопку Delete на клавиатуре. Это позволит заполнить выделенную область черным цветом. Нажмите сочетание клавиш Ctrl + D, чтобы снять выделение, когда вы закончите. Вот то, что мы имеем на данный момент.

Шаг 17

Выше мы вели речь о полезных свойствах Smart Filters. Вот пример ситуации, где вы сможете использовать. Фотография героя на данном фоне кажется, слишком неестественно темной для исправления ситуации щелчок по регулировкам Тени/Света. Без Smart Filters, вам бы пришлось отменить многого операций.

Уменьшим тени и увеличим свет для более реалистичного вида. Нажмите кнопку ОК, после того, как вы отрегулировали настройки.

Шаг 18

Завершая работу, добавим небольшой градиент к тексту. Щелкните правой кнопкой мыши на любом из текстовых слоев выберите Параметры наложения (Blending Options).

Чекбокс напротив Наложение градиента (Gradient Overlay) затем установите параметры, указанные ниже. Нажмите кнопку ОК, когда закончите.

Скорее всего, большинство из вас видели афиши, рекламирующие различные боевые искусства: бокс, смешанные боевые искусства (MMA), рестлинг. В этом уроке я покажу вам, как создать похожий постер в Photoshop, используя фотоманипуляцию, ретуширование и типографию. Начнем!

Примечание: В источнике урока отсутствуют некоторые изображения. В архиве вы найдёте альтернативный вариант материалов для выполнения урока.

1. Подготавливаем бойцов

Шаг 1

Для данной работы мы будем использовать размер А3. Поэтому создаем новый документ размером 3508 х 4961 (29,7 х 42 в сантиметрах) пикселей с разрешением 300 точек/дюйм. Конечно, вы можете использовать другие значения, если планируете печатать постер большего или меньшего размера.

Активируем Paint Bucket Tool (G) (Заливка) и заливаем рабочее полотно темно-фиолетовым цветом (#08080a). Затем открываем первое фото с бойцом и с помощью Pen Tool (P) (Перо) вырезаем его. Закончив, переносим бойца на документ с фиолетовым фоном и называем слой «Боец 2».

Нижнюю часть тела бойца аккуратно удаляем с помощью Eraser Tool (E) (Ластик), чтобы получился плавный переход к фону.

Шаг 2

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

Шаг 3

Так как боец на заднем плане является боксером, а в этом виде спорта немного другие перчатки, мы должны их доработать, чтобы они были менее похожи на боксерские. Берем Lasso Tool (L) (Лассо) и выделяем фрагмент перчатки без швов. Копируем и вставляем выделенную часть, чтобы закрыть белую деталь на перчатке.


Шаг 4

С помощью Clone Stamp Tool (S) (Штамп) ретушируем края и не забываем добавить швы. Сильно не старайтесь, главное, чтобы издалека это смотрелось реалистично и аккуратно. Объединяем вырезанный кусок перчатки со слоем с бойцом (Ctrl+E).


Шаг 5

Снова берем Lasso Tool (L) (Лассо) и в этот раз выделяем всю перчатку. Убедитесь, что вы не захватили руку модели.


Шаг 6

Жмем Ctrl+U, чтобы открыть Hue /Saturation (Цветовой тон/Насыщенность) и вводим параметры, показанные ниже. У вас должен получиться приятный темный оттенок на перчатке.


Шаг 7

Повторяем предыдущий шаг, ничего не выделяя. Применяем Hue /Saturation (Цветовой тон/Насыщенность) ко всему бойцу. Настраиваем только каналы Reds (Красные) и Yellows (Желтые), как показано ниже. Это уберет перенасыщенность цвета кожи.


Шаг 8

У бойца на заднем плане слишком высокая контрастность, поэтому прежде чем продолжать ретушь, мы должны ее уменьшить. Переходим Image - Adjustments - Selective Color (Изображение - Коррекция - Выборочная коррекция цвета) и настраиваем каналы Whites (Белые), Neutrals (Нейтральные) и Blacks (Черные).

Шаг 9

Теперь над бойцом добавляем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания нового слоя на Overlay (Перекрытие). Затем мягкой кисточкой (В) белого цвета закрашиваем отмеченные ниже участки. Мы должны немного высветлить эти места.

Должен получиться такой результат:

Шаг 10

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

Шаг 11

Создаем новый слой и жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и мягкой белой кистью рисуем блики. В этот раз нам просто нужно сделать немного ярче уже имеющиеся блики, а также осветлить правый контур тела.

Шаг 12

Создаем еще один новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Soft Light (Мягкий свет) и берем мягкую кисть (В). Устанавливаем цвет на коричневый (#583325) и слегка проводим в отмеченных зонах. Мы должны сделать цвет на спине чуть теплее, поэтому не переусердствуйте. Если не получается добиться желаемого эффекта, возьмите другой оттенок либо пропустите этот шаг.

Шаг 13

В нижней части панели слоев жмем кнопку Create new fill or adjustment layer (Создать новую заливку или корректирующий слой) и выбираем Gradient Map (Карта градиента). Из стандартного набора выбираем фиолетово-оранжевый градиент и уменьшаем Opacity (Непрозрачность) корректирующего слоя до 10%. Убедитесь, что градиентный слой и все последующие корректирующие слои, которые мы будем добавлять, трансформированы в обтравочную маску для бойца на заднем плане.

Шаг 14

Добавляем следующий слой - Color Balance (Цветовой баланс). Настраиваем его, как показано ниже.

Далее применяем Gradient Map (Карта градиента) (черно-белый). Устанавливаем режим смешивания этого градиентного слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%.

Шаг 15

Теперь переходим к бойцу на переднем плане. Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Меняем режим смешивания этого слоя на Overlay (Перекрытие) и берем мягкую белую кисть (В) (Hardness (Жесткость) - 0%, Flow (Нажим) - примерно 5%). Закрашиваем в местах, отмеченных зеленым ниже на скриншоте, чтобы улучшить освещение бойца. Также не забываем про глаза.

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

Шаг 16

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

На том же слое белой кисточкой добавляем свет по левому контуру бойца (как мы делали это с предыдущим бойцом).

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

Шаг 17

Переходим на панель слоев и добавляем новый корректирующий слой Selective Colors (Выборочная коррекция цвета). Настраиваем, как показано ниже.

Шаг 18

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

Шаг 19

Берем мягкую белую кисточку (В) и проводим по маске корректирующего слоя, чтобы улучшить тени. Эффект от корректирующего слоя должен быть только на определенных участках бойца. Для начала попытайтесь улучшить только ключевые области, особенно те, которые находятся рядом с бликами.

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

У вас должен получиться следующий результат.

Шаг 20

Корректируем контрастность с помощью Hue /Saturation (Цветовой тон/Насыщенность):

Наконец, добавляем последний корректирующий слой Gradient Map (Карта градиента) (черно-белый), устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и уменьшаем непрозрачность до 30-40%. Перед тем, как продолжить, посмотрите на бойцов. Наша цель - добиться эффекта, как будто оба человека запечатлены на одном фото, а не собраны из разных картинок.

2. Работаем с фоном и освещением

Шаг 1

Под всеми предыдущими слоями создаем новый слой. Мягкой кисточкой по центру ставим пятно, используя темно-синий цвет (#0a1331). Пятно должно быть еле заметным.


Выше добавляем новый слой, меняем его режим смешивания на Overlay (Перекрытие) и мягкой кистью рисуем по центру белое пятно. Чтобы увеличить яркость эффекта, можете дублировать (Ctrl+J) этот слой.


Берем кисточку (В), зажимаем клавишу Alt и кликаем по темно-синему участку, чтобы взять пробу цвета. Создаем новый слой и распределяем этот цвет по рабочему полотну.

Шаг 2

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

Шаг 3

Выше создаем еще один новый слой, меняем его режим смешивания на Soft Light (Мягкий свет) и светло-зеленым цветом (#d4ff27) добавляем зеленоватую тонировку в центре полотна.

Корректируем цвета, используя корректирующий слой Color Balance (Цветовой баланс).

Затем выше создаем еще один новый слой в режиме смешивания Soft Light (Мягкий свет) и вокруг центрального светлого пятна добавляем светло-синюю тонировку (#5089a6). Это необязательный шаг, но, мне кажется, небольшая коррекция цвета не помешает.

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

Шаг 4

Теперь перемещаемся к бойцу на заднем плане и дорабатываем освещение. Для начала добавляем корректирующий слой Color Balance (Цветовой баланс) и трансформируем его в обтравочную маску для слоя с бойцом.

Кликаем по маске корректирующего слоя Color Balance (Цветовой баланс) и жмем Ctrl+I, чтобы инвертировать ее. Затем берем мягкую белую кисть (В) и проводим по маске в тех местах, которые отмечены ниже на скриншоте, чтобы проявить эффект корректирующего слоя. Убедитесь, что синяя тонировка есть только на спине этого бойца.

Теперь создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания на Vivid Light (Яркий свет). Затем берем мягкую кисть и цвет #0ea494. Проводим кистью в тех же местах, что и выше. Это улучшит эффект синей тонировки на спине.

Gradient Map (Карта градиента) и трансформируем его в обтравочную маску. Используем цвета, показанные ниже, и устанавливаем режим смешивания слоя на Soft Light (Мягкий свет).

Шаг 5

Чтобы работа смотрелась гармоничнее, мы должны увеличить насыщенность контурного света. Для этого создаем два новых слоя, первый в режиме смешивания Normal (Нормальный), а второй - Overlay (Перекрытие). Белой кистью на обоих слоях проводим по контуру бойца, как показано ниже.

Слой в режиме смешивания Normal (Нормальный) будет отвечать за направленный белый свет, поэтому его мы добавляем совсем немного по краю спины. Слой в режиме смешивания Overlay (Перекрытие) нужен для создания насыщенного перехода между светом и кожей. При необходимости, можете добавить больше света и распределить его дальше по спине.

Закончив, получаем вот такой результат:

Шаг 6

Переходим к бойцу на переднем плане и повторяем процесс, показанный в 4 и 5 шагах. Повторяем все действия в том же порядке. Начинаем с корректирующего слоя Color Balance (Цветовой баланс) в шаге 4 и работаем с его маской. Проводим кистью в отмеченных на скриншоте местах.

Выше создаем новый слой, жмем Ctrl+Alt+G, чтобы трансформировать его в обтравочную маску. Меняем режим смешивания слоя на Vivid Light (Яркий свет), берем Brush Tool (B) (Кисть) и устанавливаем цвет на #0ea494. Проводим кистью в тех же местах, что и выше, чтобы добавить голубоватую тонировку.

Затем добавляем корректирующий слой Gradient Map (Карта градиента), используя цвета, показанные на скриншоте ниже. Меняем режим смешивания градиентного слоя на Soft Light (Мягкий свет). Уменьшаем непрозрачность слоя, если получился слишком насыщенный эффект.

Шаг 7

Теперь выбираем все слои с бойцом на переднем плане (основной слой и все обтравочные маски) и дублируем их (Ctrl+J). Не снимая выделения с дубликатов, сразу жмем Ctrl+E, чтобы объединить их в один слой. В результате на одном слое у нас появится копия бойца. Обесцвечиваем его командой Ctrl+Shift+U и применяем Levels (Уровни) (Ctrl+L).

Постарайтесь получить примерно такой же результат, как на скриншоте ниже:

Далее меняем режим смешивания копии на Screen (Осветление) и переходим Layer - Layer Mask - Hide All (Слой - Слой-маска - Скрыть все). Применив маску, берем мягкую белую кисть (В) и проводим в отмеченных красным областях.

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

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

Шаг 8

Далее выше обоих бойцов создаем новый слой. Меняем его режим смешивания на Soft Light (Мягкий свет) и светло-синим цветом (#2bd1f5) проводим по коже вокруг источника света. Убедитесь, что эффект виден на обоих бойцах.

Закончив с освещением, у вас должен получиться такой результат:

3. Создаем клетку и предметы окружения

Шаг 1

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

Дублируем (Ctrl+J) кусочек сетки много раз и распределяем копии по рабочему полотну, чтобы получилось одно цельное плотно. Закончив, все части сетки объединяем в один слой (Ctrl+E).

Дважды дублируем сетку и, используя свободную трансформацию (Ctrl+T) (после активации жмем правой кнопкой и выбираем режим Distort (Искажение)), создаем две боковые стенки, чтобы сформировать часть восьмиугольной клетки.

Шаг 2

Объединяем все копии сетки вместе (Ctrl+E) и называем слой «Клетка».

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

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

Повторяем процесс, только в этот раз рисуем тени на нижней правой стороне каждой ячейки. Работаем на новом слое в режиме смешивания Multiply (Умножение) и используем мягкую черную кисть.

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

Шаг 3

В качестве финального штриха мы создадим верхнюю раму для клетки. Активируем Pen Tool (P) (Перо) и на верхней панели с параметрами инструмента переключаем режим на Shape (Фигура). Затем по верхнему контуру сетки рисуем полоску в виде части восьмиугольника. Для заливки фигуры используем темно-серый цвет.

Далее переходим на панель слоев, кликаем правой кнопкой мыши по слою с фигурой и выбираем Blending Options (Параметры наложения). Применяем стиль слоя Bevel & Emboss (Тиснение).

Выше создаем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем Brush Tool (B) (Кисть), зажимаем клавишу Alt, чтобы переключиться в режим пипетки. Берем пробу фонового цвета, ближе к источнику света, и аккуратно проводим по нижней границе рамы, чтобы создать красивый контурный свет.


Шаг 4

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

С помощью маски или Eraser Tool (E) (Ластик) удаляем верхнюю часть изображения. Убедитесь, чтобы все лучи света в верхней части фото с концертным залом заканчивались под животом бойца.

Корректируем освещение концертного зала. Переходим Image - Adjustments - Hue /Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность) и вводим настройки, показанные ниже на скриншоте. Нам необходимо, чтобы оттенки зала соответствовали цветовой схеме постера. Я намеренно не использую параметр Colorize (Тонирование), потому что он дает 100%-ный монохромный эффект, а нам нужно, чтобы цвета выглядели натурально.


В итоге мы получаем приятные сине-зеленые оттенки, которые подходят для нашей работы.

Шаг 5

Теперь активируем мягкую кисть (Hardness (Жесткость) - 0%, Flow (Нажим) - очень низкий). Зажимаем клавишу Alt и берем пробу синего цвета на концертном зале, затем удлиняем лучи света в направлении, показанном на скриншоте ниже. Стараемся добиться такого эффекта, как будто концертный зал больше, чем оригинальное изображение на самом деле.

Шаг 6

Открываем фото с фейерверком и перетаскиваем его на рабочий документ.

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

Перемещаем слой с фейерверком почти в самый низ панели слоев, чтобы он был на заднем плане. Меняем режим смешивания слоя на Screen (Осветление). Затем переходим Image - Adjustments - Hue /Saturation (Изображение - Коррекция - Цветовой тон/Насыщенность) и настраиваем цвета, как показано ниже.

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

Шаг 7

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


Добавляем новый обтравочный слой для рамы и мягкой кисточкой аккуратно проводим светло-синим цветом (#c4fcfd), как показано ниже стрелками.


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


Шаг 8

Теперь берем Pen Tool (P) (Перо) и проверяем, чтобы на верхней панели режим был установлен на Shape (Фигура). Рисуем треугольник в верхней части афиши. Используем цвет #dfffff.


Устанавливаем режим смешивания слоя на Soft Light (Мягкий свет) и в окне Window - Properties (Окно - Свойства) настраиваем фигуру, как показано ниже. В результате мы получили эффект светового луча.

Несколько раз дублируем (Ctrl+J) световой луч и с помощью свободной трансформации (Ctrl+T) поворачиваем каждую копию, как показано ниже. Убедитесь, чтобы расположение лучей примерно повторяло очертание окружности.

Шаг 9

Далее мы создадим частицы пыли. В самом верху панели слоев добавляем новый слой и заливаем его серым цветом (#7e7e7e). Затем применяем Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум). Настраиваем фильтр, как показано ниже.

Меняем режим смешивания слоя с шумом на Screen (Осветление), затем жмем Ctrl+L и применяем Levels (Уровни). Постарайтесь получить такой результат, чтобы большая часть фона исчезла и остались белые частицы.

Дважды дублируем этот слой (Ctrl+J), чтобы в итоге получить три слоя с частицами. Объединяем их в один слой (Ctrl+E) и снова устанавливаем режим смешивания на Screen (Осветление). В результате частицы стали более контрастными и четкими.

Далее с помощью Lasso Tool (L) (Лассо) рисуем выделение любой формы. Затем жмем Ctrl+T, чтобы активировать трансформацию, кликаем правой кнопкой мыши по выделению и выбираем Warp (Деформация). Хаотично искажаем выделение, форма нам не важна. Вы даже можете увеличить размер.

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

Затем переходим Layer - Layer Mask - Hide All (Слой - Слой-маска - Скрыть все). Постарайтесь запомнить, в каких местах вы добавляли частицы, затем белой жесткой кисточкой маленького диаметра хаотично проводим в этих местах, чтобы вернуть частицы и создать эффект пыли.

Если вы хотите добавить глубины эффекту с частицами, то дублируем слой с частицами, удаляем маску и применяем размытие. Для этого переходим Filter - Blur - Lens Blur (Фильтр - Размытие - Размытие при малой глубине резкости). Настраиваем фильтр, как показано ниже.


И снова используем ту же технику (Layer - Layer Mask - Hide All (Слой - Слой-маска - Скрыть все)) и хаотично проводим по частицам белой кистью, чтобы создать эффект глубины. Не переусердствуйте с этим, так как нам не нужно месиво из разных эффектов. Постарайтесь соблюдать баланс между красотой и реалистичностью.

4. Добавляем текст

Шаг 1

И, наконец, переходим к работе с текстом. Вы, возможно, заметили, что я оставил пустые области снизу и сверху афиши. Именно в этих местах мы будем добавлять всю необходимую информацию. Лучше всего начать с подбора подходящего шрифта. Для обычного информационного текста я буду использовать шрифт Eagle Light.

Примечание: подходящий шрифт вы можете найти на нашем сайте в Дополнениях в разделе Шрифты .


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

Если ваш результат отличается от моего, то, скорее всего, вы использовали другой размер текста. Настройки стилей слоя строго подобраны под определенный размер текста. В моем случае это 77 pt .

Шаг 2

Для чисел используем шрифт Helvetica Neue Pro.


И применяем стили слоя.

Шаг 3

Если у вас есть какие-либо логотипы, то лучше всего скомбинировать их с обычным текстом. Попробуйте залить их тем же цветом, что и цифры, но без использования стилей слоя. Весь дополнительный мелкий текст (который не так важен) мы заливаем темно-коричневым цветом (#b5a879).


Переключаемся на верхнюю часть постера. Пишем имена бойцов (в уроке использованы вымышленные имена). Здесь мы руководствуемся теми же принципами. А чтобы сэкономить время, просто копируем стили слоя с предыдущего текста, который мы добавляли в нижней части афиши. Для этого кликаем по тексту и выбираем Copy Layer Style (Скопировать стиль слоя), затем кликаем по второму текстовому слою и выбираем Paste Layer Style (Вставить стиль слоя).

5. Создаем логотип

Шаг 1

Теперь переходим к основному логотипу. Подбираем подходящий «спортивный» шрифт (в данном уроке использован SFS Sports Night.

Примечание: подходящий вариант шрифта вы можете найти на нашем сайте в Дополнениях в разделе Шрифты .

Размещаем текст по центру и увеличиваем логотип так, чтобы он был достаточно большим для постера. Затем кликаем правой кнопкой по тексту и выбираем Convert to Shape (Преобразовать в кривые). После этого меняем цвет фигуры на #8e7c32. Называем слой «Центральный логотип».


Дублируем слой «Центральный логотип», размещаем его под оригиналом и немного уменьшаем (Ctrl+T). Называем слой «Задняя часть логотипа».


Меняем цвет задней части логотипа на #372e07. Затем берем Pen Tool (P) (Перо) (в режиме Shape (Фигура)) и соединяем углы обеих копий логотипа, используя цвет задней копии. Это придаст 3D-эффект нашему логотипа. Закончив, объединяем все слои с углами со слоем «Задняя часть логотипа» (слой «Центральный логотип» оставляем отдельно).

Теперь зажимаем клавишу Ctrl и кликаем по миниатюре слоя «Центральный логотип», чтобы загрузить его выделение. Переходим Select - Modify - Contract (Выделение - Модификация - Сжать) и сжимаем выделение примерно на 10 пикселей (значение зависит от размера вашего текста). Затем выше создаем новый слой и заливаем его более темным оттенком логотипа. Снимаем выделение (Ctrl+D) и называем слой «Передняя часть логотипа».


Активируем Move Tool (V) (Перемещение) и на клавишах со стрелками жмем по несколько раз вниз и вправо, чтобы слегка сместить верхний слой логотипа. Берем жесткую круглую кисть (все параметры кисти должны быть установлены на 100%), добавляем маску на слой и черным цветом кисточки закругляем углы верхнего слоя, как показано ниже.

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


Шаг 2

Переходим на слой «Задняя часть логотипа». Выше него добавляем новый слой и трансформируем его в обтравочную маску (Ctrl+Alt+G). Берем мягкую кисточку (Hardness (Жесткость) - 0%, Flow (Нажим) - 2-5%). Осветляем заднюю часть логотипа в местах, отмеченных зелеными линиями. Затем в местах, отмеченных красными стрелками, рисуем блики, используя цвет #8e7c32.

Стараемся наложить светотени с двух разных углов - сзади и слева, чтобы создать эффект нескольких источников света.


Чтобы усилить освещение, создаем еще один слой и меняем его режим смешивания на Overlay (Перекрытие) (также не забываем трансформировать в обтравочную маску). Мягкой белой кистью усиливаем блики в отмеченных на скриншоте местах. В этот раз блики должны быть яркими и насыщенными.


Шаг 3

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

Открываем изображение и перетаскиваем его на рабочий документ. Размещаем прибор над первой буквой. Обесцвечиваем картинку (Ctrl+Shift+U) и применяем Levels (Уровни) (Ctrl+L).


Меняем режим смешивания слоя с прибором на Overlay (Перекрытие) и трансформируем его в обтравочную маску (Ctrl+Alt+G). Затем добавляем маску и мягкой черной кистью скрываем отмеченные стрелками области.

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

Удаляем только те области, которые совершенно не подходят или перенасыщают цвет.

Я удалил практически 70% прибора, но зато у меня получилось добиться нужного эффекта. Помните о балансе, иногда чем меньше - тем лучше.

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

Если у вас возникли проблемы с выполнением этого шага, откройте заново изображение с прибором и сразу же поверните его примерно на -80 градусов. Это будет подходящий угол для логотипа, и вы с легкостью найдете нужные прямые линии.

Применяем фильтр Gaussian Blur (Размытие по Гауссу) или Motion Blur (Размытие в движении) с совсем небольшим радиусом, чтобы слегка размыть созданный эффект. Также несколько раз дублируем слой с прибором, чтобы создать подобный эффект на других буквах. Обратите внимание, чтобы все линии на каждой букве были направлены в одну сторону.


Добавляем теплые оттенки на задней части логотипа, используя корректирующий слой Color Balance (Цветовой баланс) (трансформируем слой в обтравочную маску).


Шаг 4

Теперь переходим к слою «Центральный логотип». На панели слоев кликаем правой кнопкой по слою и выбираем Blending Options (Параметры наложения). Применяем стили слоя, чтобы стилизовать края логотипа.

Шаг 5

Возвращаем видимость верхнего слоя логотипа. На панели слоев добавляем новый корректирующий слой Solid Color (Цвет). Выбираем цвет #937539 и жмем Ctrl+Alt+G, чтобы трансформировать цветовую заливку в обтравочную маску.

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


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


Повторяем процесс - новый слой, режим Overlay (Перекрытие), мягкая белая кисточка. Но в этот раз при работе с кистью зажимаем клавишу Shift, чтобы нарисовать ровную прямую линию.

Точками на скриншоте отмечено, в каком месте нужно начинать и заканчивать линию, зажав клавишу Shift. Это позволит нарисовать идеально прямые линии.


Далее добавляем корректирующий слой Curves (Кривые). Настраиваем его, как показано ниже. Затем выделяем его маску и жмем Ctrl+I, чтобы инвертировать ее в черный цвет. Теперь берем мягкую белую кисть и в местах, отмеченных красными стрелками, проводим для создания затенения.

Шаг 6

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

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

Меняем режим смешивания слоя на Soft Light (Мягкий свет) и применяем Filter - Blur - Motion Blur (Фильтр - Размытие - Размытие в движении). Настраиваем фильтр, как показано ниже.

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

  • Первый Gradient Map (Карта градиента) - цвета #4c3606 и #efd16b - режим Normal (Нормальный).
  • Второй Gradient Map Overlay (Перекрытие).
  • Третий Gradient Map (Карта градиента) - черно-белый - режим Overlay (Перекрытие) (непрозрачность примерно 30-40%).

Шаг 7

У вас должен получиться вот такой результат:


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

  • Hue /Saturation (Цветовой тон/Насыщенность), настраиваем канал Yellows (Желтые), чтобы добавить белый цвет
  • Selective Color (Выборочная коррекция цвет), корректируем общую цветовую гамму

И в качестве финального штриха еще два корректирующих слоя:

  • Brightness /Contrast (Яркость/Контрастность) для создания свечения
  • Color Balance (Цветовой баланс) для финальной цветокоррекции

Шаг 8

Выше всех предыдущих слоев создаем новый слой (в обтравочную маску не трансформируем), меняем режим смешивания слоя на Linear Dodge (Линейный осветлитель). Берем мягкую кисть бледно-зеленого цвета (#a1a575) и добавляем свечение с левой стороны букв там, где отмечено стрелками. Это не только добавит интересный эффект, но также объединит логотип с фоном.


Завершение

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