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

Создаём Кинопостер в Photoshop

by
Difficulty:IntermediateLength:ShortLanguages:

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

Final product image
What You'll Be Creating

Сегодня вы узнаете, как создать кинопостер в Adobe Photoshop, в сочетании с конструктором постеров Placeit!

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

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

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

Ещё больше ресурсов вы можете найти на Envato Elements!

1. Создаём Красно-Чёрный Силуэт Персонажа

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

Шаг 1

Создайте новый документ со следующими размерами 4349 x 5907 px, разрешение (Resolution) 300.

Шаг 2

Добавьте слой-заливку Цвет (Color Fill), цвет заливки чёрный.

С помощью инструмента Градиент (Gradient) или Кисть (Brush Tool), создайте градиент от красного #ef0000 до прозрачного, потянув градиент с нижней точки холста.

gradient

Шаг 3

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

gradient

Шаг 4

С помощью инструмента Прямоугольник (Rectangle Tool), создайте вертикальный прямоугольник красного цвета #ff0000 вдоль всей высоты холста.

stripe

Шаг 5

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

Поменяйте режим наложения для данного слоя с моделью на Умножение (Multiply).

Сгруппируйте все слои, созданные на данный момент урока в одну группу, назовите эту группу "Base."

subject

2. Планируем и Размещаем Элементы Композиции

Далее, мы добавим второстепенных персонажей – в данном случае, врагов нашей героини.

Шаг 1

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

place other subjects

Шаг 2

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

Чтобы правильно расположить его и выбрать нужную позицию, отделите изображение данного персонажа от заднего фона с помощью инструмента Лассо (Lasso Tool) – создайте примерное выделение так, чтобы вы могли видеть персонажей позади него.

place other subject

Шаг 3

Наконец, добавьте четвёртое исходное изображение Выживший 4 на наш рабочий документ, поменяйте режим наложения для данного слоя с изображением воина на Замена светлым (Lighten).

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

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

place final subject

3.  Создаём Песчаный Постапокалиптический Фотоэффект

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

Ниже представлены корректирующие слои, они будут располагаться в палитре слоёв снизу вверх, при этом они должны быть расположены поверх всех добавленных слоёв в будущем.

Шаг 1

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Bleach Bypass
  • Непрозрачность (Opacity): 50%
color lookup result

Шаг 2

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Foggy Night
  • Непрозрачность (Opacity): 20%
color lookup result

Шаг 3

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Crisp Warm
  • Непрозрачность (Opacity): 40%
color lookup result

Шаг 4

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Edgey Amber
  • Непрозрачность (Opacity): 50%
color lookup result

Шаг 5

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Horror Blue
  • Непрозрачность (Opacity): 100%
  • Режим наложения (Layer Mode): Темнее (Darker Color)
color lookup result

Шаг 6

Добавьте корректирующий слой Выборочная коррекция цвета (Selective Color).

Настройки корректирующего слоя Выборочная коррекция цвета (Selective Color).

Красные (Reds)

  • Жёлтые (Yellow): +100%

Синие (Blues)

  • Голубые (Cyan): +100%
  • Пурпурные (Magenta): +3%
  • Жёлтые (Yellow): -96%
selective color result

Шаг 7

Добавьте корректирующий слой Поиск цвета (Color Lookup).

Настройки корректирующего слоя Поиск цвета (Color Lookup).

  • 3DLUT: Teal Orange Plus Contrast
  • Непрозрачность (Opacity): 62%
  • Режим наложения (Layer Mode): Цветность (Color)

Сгруппируйте все корректирующие слои в одну группу, назовите эту группу "Color Grade".

color lookup result

4. Составляем Композицию из Нескольких Объектов

Теперь, когда мы провели цветовую коррекцию и наши персонажи размещены по месту, мы можем наконец объединить их все вместе.

Шаг 1

Отделите изображения воинов слева и справа от заднего фона, используя технику выделения, которую вы предпочитаете использовать, в данном случае, я использовала инструмент Перо (Pen Tool). Ознакомьтесь с моим уроком Создаём Цветочную Сцену с Пчёлами в Photoshop, чтобы увидеть мою технику выделения объектов!

Теперь пришло время точно определить их точное местоположение.

exstract subjects

Шаг 2

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

adjust subjects

Шаг 3

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

Убедитесь, чтобы режим наложения для данного слоя с изображением воина был установлен на Замена светлым (Lighten), а сам воин был расположен позади всех других персонажей.

Сгруппируйте все слои с персонажами в одну группу, назовите эту группу "Subjects."

final layers

5. Рисуем Световые Блики и Быстро Совмещаем Персонажей

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

Шаг 1

Создайте новый слой поверх слоя с группой "Subjects".

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

Если у вас нет графического планшета, тогда увеличьте значение Сглаживания (Smoothing) кисти до 30-50% и с помощью инструмента Палец (Smudge Tool), размажьте кончики линий.

add red highlight

Шаг 2

Создайте новый слой поверх слоя с красным контуром.

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

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

add shadow

6. Добавляем Типографику Используя Конструктор Постеров Placeit

В заключение, мы перенесём наш постер на Placeit для работы с конструктором постеров, чтобы добавить заголовок фильма и другой соответствующий текст!

Шаг 1

Сохраните дизайн своего постера либо в формате JPG либо в формате PNG с максимальным размером 12 MB.

Я бы предложила установить ширину не менее 3600 px.

Шаг 2

Просмотрите все шаблоны постеров, имеющиеся на сайте www.placeit.net  > Designs и дальше идём во вкладку "Poster".

Я использую первый вариант шаблона Horror Film Poster Template.

templates

Шаг 3

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

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

horror presets

Шаг 4

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

Для этого, выберите опцию Пользовательское изображение (Custom Image) с правой стороны, где расположены фоновые изображения.

Выберите свой сохранённый постер в формате PNG или JPG.

Обрежьте своё изображение с помощью простой функции обрезки слайдера Placeit, если это необходимо.

crop image

Шаг 5

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

Изменения происходят в живую и в режиме реального времени!

add text

Шаг 6

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

Я использую бледно-жёлтый цвет #f4d150 для шрифта заголовка, чтобы выделить его.

С помощью инструмента Палитра цветов (Color Picker Tool) в Photoshop, отберите цветовые оттенки прямо с постера.

color text

Шаг 7

Далее, я поменяю шрифт на Ultra.

change placement of text

Шаг 8

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

Для этого, в Placeit, перетащите текст туда, где вы хотите его разместить. Ещё раз напоминаю, что это интерактивное редактирование!

Здесь также есть направляющие линии, которые помогут вам выровнять всё идеально!

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

Единственное, что важнее композиции или цветовой коррекции кинопостера - это сам текст! Он должен быть ярким, читабельным и иметь что-то, что привлекает внимание!

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

final

Хотите узнать больше? Тогда почему бы вам не взглянуть на следующие отличные уроки по созданию фото манипуляций:

Advertisement
Advertisement
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.