Как сделать кинопостер в фотошопе
Узнайте, как просто маскировать изображения. Превращайте фигуры или текст в кадры, которые можно использовать в качестве местозаполнителей или заполнять изображениями. Без труда заменяйте изображение, перетаскивая в кадр новое изображение — оно автоматически масштабируется до нужного размера.
Кадры-местозаполнители для изображений можно создавать любым из следующих способов.
- С помощью инструмента Кадр рисуйте на холсте пустые прямоугольные или овальные кадры.
- Преобразуйте существующую фигуру или текст в кадр.
- Если на холсте уже есть изображение, с помощью инструмента Кадр нарисуйте кадр на желаемой области изображения.
Создание кадров с помощью инструмента «Кадр»
Преобразование любой фигуры или текста в кадр
Рисование кадра поверх существующего изображения на холсте
- Выберите инструмент Кадр на панели «Инструменты» или нажмите клавишу «K».
- На панели «Параметры инструментов» выберите прямоугольную или овальную рамку.
- Когда на холсте находится существующее изображение, нарисуйте кадр поверх нужной области изображения.
- При рисовании кадра изображение маскируется в соответствии с границами кадра.
Содержимое, которое помещается в кадры, всегда добавляется в виде смарт-объектов, что обеспечивает возможность обратимого масштабирования. Содержимое автоматически масштабируется по размерам кадра. Содержимое можно поместить в кадр любым из следующих способов.
- Перетащите ресурс Adobe Stock или ресурс библиотеки с панели Библиотеки в кадр. Ресурс помещается как смарт-объект, который по умолчанию связан с библиотеками Creative Cloud. Чтобы получить исходный отдельный слой (не связанный с библиотеками), удерживайте клавишу «Alt» (Win) или «Option» (Mac), перетаскивая ресурс с панели «Библиотеки», или используйте команду «Поместить слой» на панели «Библиотеки».
- Перетащите изображение с локального диска в кадр. Изображение помещается в качестве встроенного смарт-объекта. Чтобы создать связанный смарт-объект, удерживайте клавишу «Alt» (Win) или «Option» (Mac), перетаскивая изображения.
- Выделите кадр. В строке меню выберите Файл > Поместить связанные или Поместить встроенные . В открывшемся диалоговом окне выберите изображение, которое требуется поместить в выбранный кадр. Изображение помещается в качестве связанного или встроенного смарт-объекта.
- На панели «Слои» перетащите пиксельный слой в пустой кадр. Пиксельный слой автоматически преобразуется в смарт-объект.
На панели Слои кадры представлены типом «Слой кадра». Для слоя кадра отображаются две миниатюры: миниатюра кадра и миниатюра содержимого.
A. Миниатюра кадра B. Миниатюра содержимого; смарт-объект, связанный с библиотеками C. Слой кадра
Если открыть документ со слоями кадров в Photoshop CC 2018 или более ранних версий, слой кадра отображается как смарт-объект с векторной маской.
Кадр и его содержимое можно выделить вместе или по отдельности, чтобы можно было преобразовывать кадр и его содержимое независимо друг от друга.
A. Выделены кадр и его изображение B. Выделено только изображение (отображается вместе с активными элементами управления преобразованием) C. Выделен только кадр
Выделены кадр и его изображение
Чтобы выделить и кадр и его изображение, выполните любое из следующих действий.
- На холсте один раз щелкните изображение.
- На панели «Слои» щелкните миниатюру слой кадра.
В этом выделенном состоянии кадр и его изображение можно перемещать или преобразовывать совместно.
Выделение только изображения
Чтобы выделить только вставленное изображение, а сам кадр нет, выполните любое из следующих действий.
- На холсте дважды щелкните изображение.
- На панели «Слои» щелкните миниатюру содержимого на слое кадра.
В этом выделенном состоянии можно преобразовать только изображение. Еще раз дважды щелкните в этом выделенном состоянии, чтобы вернуться к выделению кадра вместе с изображением.
Выделение только кадра
Чтобы выделить только кадр, выполните любое из следующих действий.
- В любом из перечисленных выше выделенных состояний один раз щелкните край кадра в области холста.
- На панели «Слои» щелкните миниатюру кадра на слое кадра.
Теперь можно преобразовать кадр отдельно от содержимого.
Перетащите новое изображение в кадр, чтобы заменить существующее вставленное изображение. Выполните одно из следующих действий.
What You'll Be Creating
Если вы хотите узнать, как создать кинопостер, в этом уроке я покажу вам, как это сделать с помощью очень простого он-лайн конструктора. Placeit - это онлайн-редактор с шаблонами макетов, шаблонами флаеров и, что важно для нас, шаблонами кинопостеров. Эти шаблоны легко настроить, чтобы ваш постер выглядел хорошо с минимальными усилиями. Позвольте мне показать вам, как создать кинопостер шаг за шагом!
Вы также можете просмотреть этот урок на нашем канале Envato Tuts+ в YouTube.
Шаг 1
Шаг 2
Существует множество шаблонов, готовых к редактированию, но сегодня нас особенно интересуют постеры. Чтобы сузить поиск, выберите опцию Poster Maker в списке шаблонов.
Шаг 3
Прокрутите весь список и посмотрите, нравится ли вам какой-либо из этих шаблонов. Я решила выбрать первый шаблон к фильму ужасов Horror Film Poster Template, он ближе всего относится к моей концепции. Чтобы отредактировать шаблон, который вы выбрали, просто кликните по нему.
Шаг 4
Данный шаблон очень прост. Вы можете изменить фон, текст, шрифт, цвет и расположение всех элементов. Начнем с фона. Шаблон включает в себя множество изображений с высоким разрешением, которые вы можете использовать, вы также можете добавить свою собственную фотографию в качестве фона, если хотите. Я решила использовать фон из предложенного списка, поскольку он хорошо подходит к моей идее.
Шаг 5
После того, как вы выбрали фон, пришло время настроить текстовые элементы. Давайте начнём с названия фильма. Измените текст на тот, который вам нужен.
Шаг 6
Не забудьте выбрать правильный шрифт для своего текста. Он должен соответствовать названию и атмосфере постера.
Шаг 7
Также откорректируйте цвет. Он должен контрастировать с фоном, чтобы текст читался легко. Красный цвет выглядит отлично, но я решила подчеркнуть холодную цветовую палитру классическим белым цветом.
Шаг 8
Текст над заголовком расположен слишком высоко. Вы можете легко перетащить его в нужное положение. Должна появиться направляющая линия, которая поможет вам отцентрировать текст.
Шаг 9
Измените текст над заголовком, если нужно, отредактируйте его шрифт. Иногда изменение шрифта влияет на макет, поэтому вам нужно вручную отрегулировать его положение. Чтобы изменить размер элемента, просто потяните за один из его уголков.
Шаг 10
Отрегулируйте другие элементы таким же образом. Переместите их, измените их размер и шрифт и настройте их цвет, чтобы они соответствовали цветовой гамме всего постера.
Шаг 11
После этого у вас будет возможность приобрести свой созданный дизайн в формате PNG с высоким разрешением. Вы можете использовать свою подписку или сделать одноразовый платеж для скачивания файла.
Шаг 12
Кроме того, если вы хотите лучше понять, как работает ваш проект на практике, вы всегда можете использовать один из многих шаблонов макета на Placeit. Вы также можете использовать их для презентации своего дизайна клиенту.
Отличная Работа!
Теперь вы знаете, как создать кинопостер и как сделать его хорошим. Если вас интересует тема дизайна постеров, то вам также могут понравиться другие наши уроки:
В этом уроке мы создадим постер по мотивам фильма "Годзилла".
Материалы к уроку:
1. Создание основы
Шаг 1
Создаем новый документ размером 27 х 40 дюймов (стандартный размер для постеров). Чтобы получить максимальное качество печати, разрешение должно быть не меньше 300 пикселей/дюйм. Однако, в этом случае рабочий файл будет громоздким и это может замедлить работу вашего компьютера. Так как постер, который мы будем создавать не предназначен для печати, я решил оставить стандартное разрешение 72 пикселя/дюйм.
Переходим File - Place Embedded (Файл - Поместить встроенные) и вставляем изображение Cloudy Hong Kong 5 на рабочее полотно. На верхней панели параметров отражаем изображение по горизонтали и уменьшаем до 60%. Закончив, жмем Enter, чтобы подтвердить изменения.
Убедитесь, что слой с изображением является смарт-объектом (слой должен быть отмечен специальной иконкой). Благодаря этому, мы в любой момент можем открыть фото как отдельный документ и отредактировать. Что мы, собственно, и сделаем, дважды кликнув по слою.
Теперь мы должны скрыть небо. Для этого переходим Select - Color Range (Выделение - Цветовой диапазон) и кликаем по небу. Затем Layer - Layer Mask - Hide Selection (Слой - Слой-маска - Спрятать выделенные области).
Получилось неплохо, но результат далек от совершенства. Давайте попытаемся избавиться от недостатков. Для этого кликаем по маске, чтобы выделить ее, берем кисть (В) и черным цветом скрываем лишние области (белый цвет восстанавливает скрытые области). На скриншоте ниже красным цветом выделено все, что я скрыл. В области с домами лучше использовать Polygonal Lasso Tool (M) (Полигональное лассо) для выделения и заливку (Alt-Backspace). Нет никаких секретов, которые помогут ускорить работу, поэтому вам придется запастись терпением и постараться добиться качественного результата.
Закончив, сохраняем документ и закрываем его. Переименовываем слой на "City" и добавляем в группу (Ctrl+G) с таким же названием. Создаем новый слой (Ctrl+N) и заливаем нижнюю часть изображения черным. Называем этот слой "Black".
Шаг 2
Чтобы создать монстра, мы воспользуемся фотографией его статуи из Японии. Вставляем изображение Godzilla на рабочий документ. Монстр достаточно маленький, поэтому увеличим ее на 40%. Сейчас результат смотрится не очень реалистично, но по ходу работы мы это поправим.
На изображении с монстром тоже необходимо скрыть небо и здание. Для этого с помощью Pen Tool (P) (Перо) создаем контур вокруг статуи.
Закончив, переходим на панель Paths (Контуры), выделяем рабочий контур и внизу жмем на кнопку Load Path as selection (Загрузить контур как выделение).
Создав выделение, переходим на панель слоев и внизу жмем на кнопку Add a mask (Добавить маску), чтобы скрыть фон. Называем этот слой "Godzilla".
Скрываем группу "City". Создаем новый слой "Body". На этом слое черным цветом закрашиваем нижнюю часть туловища монстра. Можете сильно не стараться, большая часть все равно будет скрыта домами и дымкой.
Создаем новый слой "Texture" и преобразовываем его в обтравочную маску (Ctrl+Alt+G). Активируем Clone Stamp Tool (S) (Штамп), зажимаем Alt, чтобы взять сэмпл с тела годзиллы, и закрашиваем черную область. Опять же, не нужно сильно стараться.
Делаем группу "City" видимой и получаем вот такой результат:
Шаг 3
Вставляем изображение Sunset 1 и корректируем его размер. Называем слой "Sky1".
Поверх первой картинки с небом вставляем еще одну Sky0263 и корректируем ее размер так, чтобы она покрыла верхнюю часть рабочего полотна.
Называем слой "Sky2", устанавливаем его режим смешивания на Soft Light (Мягкий свет) и с помощью слой-маски мягкой кистью создаем плавный переход в нижней части.
2. Создание атмосферы
Шаг 1
Теперь сделаем небо поярче. Создаем корректирующий слой Curves (Кривые) и устанавливаем его параметры, как показано ниже. Заливаем маску слоя черным цветом Edit - Fill (Редактирование - Заливка), затем берем большую белую кисть (В) и восстанавливаем центральную часть изображения.
Создаем корректирующий слой Color Balance (Цветовой баланс). Режим смешивания слоя устанавливаем на Screen (Осветление) и применяем маску, восстановив только середину изображения.
Называем этот слой "Gold", устанавливаем его режим смешивания на Multiply (Умножение) и непрозрачность на 75%.
В этот раз режим смешивания установите на Soft Light (Мягкий свет) и непрозрачность на 100%. Называем слой "Sunset".
И, наконец, в последний раз создаем корректирующий слой Curves (Кривые).
Шаг 2
Создав неплохую атмосферу, продолжим совершенствовать работу. Так как источник света расположен позади, монстр должен быть темнее. Кроме того, его цветовой тон должен соответствовать небу. Для этого мы группируем слои (Ctrl+G) "Goodzilla", "Texture" и "Body", и в качестве обтравочных масок (Ctrl+Alt+G) добавляем над группой два корректирующих слоя - Curves (Кривые) и Gradient Map (Карта градиента). Применяем параметры корректирующих слоев, как показано ниже. Группу называем "Precomp".
Закончив, получаем следующий результат:
Шаг 3
К изображению с городом мы применим три корректирующих слоя. Начнем с Hue/Saturation (Цветовой тон/Насыщенность). Настраиваем Cyans (Голубой) и Blues (Синий).
Затем добавляем Color Balance (Цветовой баланс).
И последним слоем будет Curves (Кривые).
Все три корректирующих слоя преобразовываем в обтравочные маски.
Закончив, сохраняем и закрываем смарт-объект. У нас должен получиться вот такой результат:
Шаг 4
Если присмотреться на горизонт, можно заметить, как цвета постепенно бледнеют, а детали теряются. Это происходит потому, что воздух на самом деле не прозрачный и на большом расстоянии это становится заметно. Мы тоже добавим легкую оранжевую дымку.
Для этого создаем новый слой и называем его "Haze". Большой мягкой кистью (В) закрашиваем годзиллу.
Чтобы сохранить видимость деталей, уменьшаем непрозрачность слоя до 60%.
В этот раз уменьшаем непрозрачность до 25%.
С помощью маски убираем дымку с элементов переднего плана (в нашем случае это деревья).
Шаг 5
Затем настраиваем следующий градиентный слой и устанавливаем его непрозрачность на 25%.
К обеим градиентам применяем маску.
После этого добавляем корректирующий слой Color Balance (Цветовой баланс).
Шаг 6
Меняем режим смешивания солнца на Linear Dodge (Линейный осветлитель) и размещаем его, как показано ниже. Благодаря этому режиму смешивания можно получить красивый эффект свечения.
Теперь добавим виньетку, чтобы еще больше сосредоточить внимание в центре картинки. Для этого создаем новый слой, заливаем его белым цветом и мягкой черной кистью рисуем по краям. Называем этот слой Vignette и устанавливаем его режим смешивания на Multiply (Умножение).
3. Добавляем детали
Шаг 1
На оригинальном постере изображены парашютисты, летящие на монстра. Хвосты из дыма создают линии, которые позволяют сфокусировать внимание на годзилле. Чтобы добиться такого же результата, мы добавим на нашу работу пилотажные самолеты. Открываем в Photoshop изображение Red Arrows.
Затем кистью (В) закрашиваем лишние облака.
Жмем Ctrl+I, чтобы инвертировать цвета картинки. Затем Ctrl+A, чтобы выделить все рабочее полотно, копируем выделенную область (Ctrl+C) и вставляем (Ctrl+V) ее на рабочий документ. Устанавливаем режим смешивания дыма на Multiply (Умножение).
Чтобы хвосты из дыма выглядели реалистичнее и лучше вписывались в картинку, сделаем их темнее. Для этого используем Curves (Кривые) и Hue/Saturation (Цветовой тон/Насыщенность). Не забудьте активировать параметр Colorize (Тонирование).
Используя Lasso Tool (L) (Лассо), создаем выделение вокруг дыма, вырезаем его (Ctrl+X), вставляем (Ctrl+T) и поворачиваем (Ctrl+T).
Проделываем эту процедуру со всеми хвостами. Затем переименовываем слои с дымом на "Trail" и меняем их режим смешивания на Multiply (Умножение).
Кроме того, мы можем добавить свечение на кончиках хвостов. Повторяем тот же порядок действий, что и с солнцем. Если вы не хотите, чтобы свечение было слишком ярким, уменьшаем непрозрачность до 70%. Группируем слои вместе (Ctrl+G).
Шаг 2
Устанавливаем режим смешивания текстуры на Multiply (Умножение).
Текстура смотрится отлично, но мы ее немного осветлим. Активируем слой с текстурой, жмем Ctrl+M, чтобы вызвать окно Curves (Кривые) и настраиваем.
Для даты используем шрифт Compacta ICG Bold. Размер устанавливаем на 100 pt, цвет - белый.
Теперь мы добавим символ годзиллы. Если у вас есть программа Illustrator, я советую вам открыть этот файл в ней и вставить его в документ Photoshop'а как слой-фигуру. Тогда сохранится максимальное качество картинки. Для этого открываем наш файл в Illustrator, через меню Edit - Copy (Редактирование - Копировать) копируем его, затем переходим в Photoshop и через меню Edit - Paste (Редактирование - Вставить) активируем окно, в котором выбираем Shape Layer (Слой-фигура). Или же вставляем иероглифы в Photoshop как обычный слой, но с потерей качества.
Чтобы название фильма и символ не сливались, мы добавим тень. Активируем слой "Goodzilla" и жмем на кнопку Add a Layer Style (Добавить стиль слоя) внизу панели слоев. В открывшемся окне выбираем Drop Shadow (Тень) и вводим такие настройки:
Шаг 3
Чтобы сделать нашу работу еще интереснее и красивее, мы добавим немного облаков. Для начала открываем в Photoshop изображение Evening Sky 1.
Жмем Ctrl+I, чтобы инвертировать цвета, затем с помощью Curves (Кривые) делаем картинку поярче.
Большой мягкой кистью (В) закрашиваем нижнюю часть белым.
Закончив, вставляем изображение на основной документ, поворачиваем его, как показано ниже. С помощью Hue/Saturation (Цветовой тон/Насыщенность) тонируем облака в красный цвет. Называем этот слой "Smoke", устанавливаем режим смешивания на Multiply (Умножение) и уменьшаем непрозрачность до 70%. Обратите внимание, что облака находятся между слоями "City" и "Goodzilla".
Дублируем слой (Ctrl+J), активируем свободную трансформацию (Ctrl+T), отражаем копию по горизонтали Edit - Transform - Flip Horizontal (Редактирование - Трансформация - Отразить по горизонтали). Размещаем слой в правой части документа. Закончив, группируем слои в группу "Smoke".
Шаг 4
В качестве финальных штрихов мы добавим еще одну виньетку. Создаем новый слой, с помощью Gradient Tool (G) (Градиент) заливаем его градиентом от черного к белому и от белого к черному.
Называем слой "Vignette", устанавливаем режим смешивания на Multiply (Умножение) и размещаем между группами "Text" и "Paratroopers".
Сохраняем отдельно копию документа, на всякий случай, после этого переходим Layer - Flatten (Слой - Выполнить сведение).
Далее переходим Filter - Noise - Add Noise (Фильтр - Шум - Добавить шум). Устанавливаем Amount (Количество) на 2% и активируем Monochromatic (Монохромный).
Переходим Image - Image Size (Изображение - Размер изображения) и уменьшаем размер документа до 25%. Не забудьте активировать параметр Resample Image (Интерполяция) и в выпадающем меню выбрать Bicubic Sharper (Бикубическая), чтобы получить наиболее качественный результат при уменьшении картинки.
В этом уроке мы будем создавать чёрно-белый кинопостер. Вы, для выполнения урока, можете использовать мои изображения либо свои собственные.
Конечный результат:
Ресурсы урока:
Шаг 1. Я буду работать с фотографией моего друга. Выбор пал именно на эту фотографию потому что, изображение девушки на велосипеде отлично передаёт настроение 40-х годов прошлого века, второй мировой войны.
Примечание: как вы уже поняли, важно, чтобы ваша фотография передавала нужное настроение.
Откройте фотографию с девушкой в Фотошопе. На скриншоте ниже я отметил две линии. Это электрические столбы. Их нужно убрать, т.к. в 40-х годах прошлого столетия они ещё не существовали..
Примечание: автор изначально использует ч-б фотографию. Если вы собираетесь использовать свою фотографию, то она, скорее всего, будет цветной. В этой статье вы найдёте четыре способа перевода цветной фотографии в чёрно-белую.
Шаг 2. Выберите инструмент Штамп (Clone Stamp Tool) (S) и настройте его, как показано ниже.
Шаг 3. Удерживая клавишу Alt, кликните на участке неба, отмеченном красным цветом. Потом одиночными кликами обрисуйте столбы.
Шаг 4. Части столбов, расположенных ближе к земле, стирайте кистью меньшего размера.
Шаг 5. Теперь добавим облака на небо. Откройте фотографию облаков в Фотошопе и перейдите в меню Изображение > Коррекции > Кривые (Image > Adjustments > Curves). Настройки показаны ниже на скриншоте.
Шаг 6. Перетащите облака в основной документ инструментом Перемещение (Move Tool) (V). Инструментом Свободное трансформирование (Ctrl + T) измените размер облаков так, чтобы они подходили нашему холсту. Скройте слой с облаками на время. Выберите инструмент Перо (Pen Tool) (P) и нарисуйте контур вокруг неба, проходящий через линию горизонта, как показано ниже. После этого кликните правой кнопкой мыши и выберите пункт Образовать выделенную область (Make Selection). Введите значение радиуса растушевки 5 пикселей.
Шаг 7. Сделайте видимым слой с облаками и расположите его, как показано ниже. Инвертируйте выделение (Ctrl + Shift + I) и нажмите Delete.
Шаг 8. Выберите инструмент Ластик (Eraser Tool) (E) и настройте, как показано ниже. Аккуратно сотрите нижний край облаков.
Шаг 9. Выберите инструмент Осветлитель (Dodge Tool) (O) и настройте его также как и ластик. Обрисуйте нижний край облаков. Если одного раза будет недостаточно, повторите процесс. Можете повысить размер кисти инструмента, чтобы усилить яркость.
Шаг 10. Сейчас добавим размытие к облакам, чтобы они вышли из фокуса, как и остальная часть фона. Просто примените фильтр Размытие по гауссу (Фильтр > Размытие > Размытие по гауссу) (Filter > Blur > Gaussian Blur).
Шаг 11. Так как это кинопостер о фильме времен 1940 года, нужно состарить его при помощи текстуры. Вставьте текстуру, предоставленную в начале урока в наш документ. Измените её размер, чтобы она соответствовала размеру холста. Расположите её поверх остальных слоёв и установите Режим наложения (Blending Mode) на Исключение (Exclusion).
Шаг 12. Выберите фоновый слой с девушкой и перейдите в меню Изображение > Коррекции > Фотофильтр (Image > Adjustments > Photo Filter). Настройки показаны ниже.
Шаг 13. Добавим заголовок. Я использовал шрифт “Bodoni XT”. Перейдите в меню Окно > Символ (Window > Character) и настройте шрифт, как показано ниже. Инструментом Горизонтальный текст (Horizontal Type Tool) (T) напишите слово “TRAVEL”. Создайте новый слой и напишите на нём жёлтым цветом слово “the” без подчёркивания. Инструментом Свободное трансформирование (Ctrl + T) расположите слово вертикально, как показано ниже.
Шаг 14. Под названием фильма можете дописать цитату и некоторые имена актёров. Кликните дважды на текстовом слое, чтобы открыть окно стилей и примените Тень (Drop Shadow). Настройки стиля показаны ниже. Имена актёров пишите жёлтым цветом.
Шаг 15. Сейчас добавим пару фигур, чтобы выделить имена актёров. Инструментом Произвольная фигура (Custom Shape Tool) (U) создайте фигуру, показанную ниже слева от имени актёра. После этого сделайте её копию (Ctrl + J) и отразите по горизонтали при помощи инструмента Свободное трансформирование (Ctrl + T). Инструментом Кисть (Brush Tool) (B) с жёсткими краями нарисуйте точки между именами актёров.
Шаг 16. В нижней части постера пишут информацию о продюсерах, вставляют логотипы и остальные элементы, которые обычно используют при создании постеров. Я использовал шрифт “SFMovie” и написал следующее: “UNIVERSAL PICTURES AND IMAGE ENTERTAINMENT PRESENT IN ASSOCIATION WITH RELATIVITY MEDIA A JOSHUA WILLBERG PRODUCTION IN ASSOCIATION WITH MIKE HANDS ROSE WITHDRAW CALVIN SMITH SUZAN PEN JOSHUA WILLBERG FRANK DONALD AND MIKE PERRY IN THE TRAVEL MUSIC BY . CO PRODUCER. EDITOR . PRODUCTION DESIGNER . DIRECTOR OF PHOTOGRAPHY . EXECTUVIE PRODUCERS. PRODUCED BY. WRITTERN BY”.
Размер букв имён должен быть 120pt, а остальных слов – 60pt.
Шаг 17. Теперь вставьте векторные перья и измените их цвет на жёлтый. Чтобы отделить одну часть от другой используйте любой инструмент выделения.
Шаг 18. В левом верхнем углу можете добавить логотип “TUTZOR”. Инструментом Прямоугольник (Rectangle Tool) (U) создайте фигуру и инструментом Свободное трансформирование (Ctrl + T) поверните её. Расположите в углу, как показано ниже. Цвет фигуры – 55% серый. Тем же шрифтом, что и для названия фильма, напишите “as seen on” размером 80pt и “TUTZOR” размером 150pt.
В этом уроке вы узнаете, как создать хоть простой, но довольно впечатляющий постер для фильма.
Сложность урока: Средний
В этом уроке, автор покажет нам, как создать хоть и простой, но довольно впечатляющий постер, для фильма в программе Adobe Photoshop.
Для создания этого постера, автор использовал приложенные картинки, однако вы можете добавить, либо использовать свои фотографии как модели, так и фото заднего плана. Не бойтесь экспериментировать. Возможно, у вас получиться создать что-то ещё более красивое.
Если вы будете подбирать свой фон, учитывайте то, что он должен гармонировать с моделью и подходить по стилистике к тематике этого урока.
Примечание переводчика: скажу заранее, что автор выполнял данный урок в версии Adobe Photoshop CC, что и вам советую делать.
Надеюсь, что вы получите много знаний, в ходе выполнения данного урока.
Шаг 1
Откроем изображение с фоном (Ctrl +O), либо просто перенесём файл с изображением в программу и назовите его BG. Затем, одним из указанных ранее вариантов, давайте откроем изображение с моделью. Назовите его woman и отделите модель от фона. Автор уже сделал это, поэтому вам нужно будет выполнить это самостоятельно.
Примечание переводчика: советую вам не напрягаться с удалением белого фона рядом с головой и волосами. Мы сделаем это вместе с автором! Просто оставьте немного белого фона в этой области. Выполните операцию выделения любым из известных вам способов.
Здесь подойдут такие инструменты, как например: Pen (Перо), Magic Wand Tool (Волшебная палочка), Quick Selection Tool (Быстрое выделение), Color Range (Цветовой диапазон) и т.д. Для корректировки сделанного выделения, вы можете воспользоваться функцией Refine Edge (Уточнить край), экспериментируя с ползунками Smooth (Сглаживание), Feather (Растушёвка), Contrast (Contrast), Shift Edge (Изменить край) для достижения наилучшего эффекта. Затем просто разместите модель, как на скриншоте.
Шаг 2
Сделайте дубликат слоя с моделью. Назовите его woman hair и поместите его под оригинальный слой. Измените его режим наложения на Multiply (Умножение). Теперь выделите оба слоя (woman и woman hair) и воспользуйтесь функцией Link layers (Связать слои). Теперь, для слоя woman, примените Layer Mask ( Маску слоя). Теперь мягкой чёрной кистью аккуратно пройдитесь по волосам на белой маске. Также, советую вам просмотреть всю модель по контуру, так как там могли остаться небольшие кусочки белого фона, которые с лёгкостью можно удалить на всё той же маске слоя.
Шаг 3
Далее, создайте новый корректирующий слой Color Balance (Цветовой баланс) в режиме Clipping Mask (Обтравочной маски) к слою Woman. Подкорректируйте цвета, как на скриншоте.
Примечание переводчика: автор выполнил такую цветокоррекцию, для того, чтобы усилить красный и синий цвета, для слоя с моделью, и зелёно-голубой с зелёным для цветов фона, т.к эти цвета преобладающие в этом изображении и было необходимо привести их к сочетанию друг с другом.
и результат после цветокоррекции:
Скриншот с расположением слоёв в палитре, прилагается:
Шаг 4
Затем, создайте новый корректирующий слой Photo Filter (Фотофильтр) с указанными ниже настройками. Не забудьте применить её в качестве Clipping Mask (Обтравочной маски).Также, измените режим наложения данного слоя на Color и снизьте Opacity (Непрозрачность) до 50%. Фотофильтр называется Cyan (голубой).
Шаг 5
Создайте новый корректирующий слой Vibrance (Вибрация), в режиме Clipping Mask (Обтравочной маски) и примените указанные на скриншоте настройки.
И вот порядок слоёв, который получается на данный момент.
Шаг 6
Создайте новый слой (Shift+Ctrl+N) и перейдите в Filter (Фильтр) – Render (Рисование) – Tree (Дерево), оставьте настройки по умолчанию .
Примечание переводчика:в том случае, если версия вашего фотошопа ниже CC, вы можете использовать изображения, которые прилагаются в исходниках.
Теперь перейдите в Filter (Фильтр) - Blur Gallery (Галерея размытия) - Field Blur (Размытие поля) и нажмите OK.
Примечание переводчика: т. о. автор обращает всё внимание на модель, расфокусировав всю растительность на переднем плане.
Переместите полученную растительность в левый нижний угол, как на скриншоте:
Шаг 7
Добавим другую растительность как на скриншоте, только уже другой тип.
Альтернативой этому плагину, могут послужить изображения, которые прилагаются в одном из исходных материалов.
Скриншот с палитрой слоёв прилагается:
Примечание переводчика: автор называет копии слоёв с зеленью - по-своему, вы же можете называть как вам удобно. Главное, не запутаться в копиях слоёв.
Примените то же размытие, с теми же настройками, что и ранее. Для того, чтобы не выполнять всю долгую операцию, просто примените комбинацию клавиш (Ctrl + F).
Разместите растительность рядом с первой. Сделайте дубликат второй и добавьте её в правый угол. Продублируйте первую растительность и добавьте её между второй и третьей, для заполнения переднего плана, как на скриншоте.
Шаг 8
Похоже, что с художественной частью мы справились. Теперь давайте добавим типографику. Создайте новый слой Shift + Ctrl + N.
Воспользуемся инструментом Horizontal Type Tool (Текст) и создадим, с помощью этого инструмента, область для ввода текста.
Примечание переводчика:как сделать такую область, а также более подробное описание этого инструмента, можно изучить здесь:
Теперь, в этой области, используя шрифт Landri Condensed Italic, с кеглем 500 px, напишите слово Hunter, справа от модели.
Теперь примените стиль слоя Bevel & Emboss (Тиснение), с указанными на скриншоте настройками:
а также Drop Shadow (Внешняя тень) с настройками:
Шаг 9
Теперь, давайте перенесём металлическую текстуру, в наш документ. Удалим с неё все болты и чёрные пятна с точками, как на скриншоте. Вы можете использовать инструмент Patch Tool (Заплатка).
Шаг 10
После того, как вы перетащили текстуру в документ, примените её в качестве Clipping Mask (Обтравочной маски) к слою с текстом. Чтобы детали текстуры лучше просматривались, уменьшите её размер под размер текста, при помощи инструмента Free Transform (Свободное транформирование) (Ctrl +T). Далее, слегка добавьте резкости металлической текстуре, перейдите в Filter (Фильтр) – Sharpen (Резкость) – Sharpen (Резкость).
Шаг 11
Теперь пришло время использовать стрелу. Добавьте её в наш документ. Слой со стрелой назовите Arrow. При помощи инструмента Free Transform (Свободное трансформирование)(Ctrl + T), разверните стрелу так, чтобы её жёлтый наконечник был слева и начинался перед буквой H главной надписи. Если стрела находится в режиме Smart Object (Смарт-объект), растеризуйте слой со стрелой, нажав правый клик - Rasterize Layer (Растеризовать слой).
При помощи инструмента Rectangular Marquee Tool (Прямоугольная область), сделайте небольшое прямоугольное выделение на кончике стрелы, сделайте правый клик мышью и выберите Layer Via Cut (Вырезать на новый слой) и сдвиньте вправо, при помощи инструмента Move (Перемещение)(V), либо просто клавишей вправо. Теперь выделите небольшую часть древка стрелы, скопируйте её (Ctrl + C) и вставьте (Ctrl+V). Удалите лишнюю область при помощи инструмента Eraser ( Ластик)(E). Выделите все слои со стрелой и переместите под слой с текстом.
Примечание переводчика: автор увеличивает длину стрелы для того, чтобы она проходила через всю надпись Hunter.
Скриншот с палитрой слоёв прилагается:
Шаг 12
А сейчас тем же шрифтом, только с меньшим кеглем в 250px, напишем «The» над словом «Hunter». Продублируйте текстуру и примените её для слоя со словом «The» в качестве Clipping mask (Обтравочной маски). Вы же можете написать всё, на что способна ваша фантазия.
Скриншот с палитрой слоёв прилагается:
Шаг 13
Давайте создадим новую группу (Ctrl+G) для корректирующих слоёв, которые мы сейчас будем создавать. Назовите её adjustments. Воспользуемся корректирующим слоем Gradient Map (Карта градиента). В списке Preset'ов выберите Photographic Toning (Фотографическое тонирование) и примените Preset под названием Sepia Blue 1(Голубая сепия 1). Изменим режим наложения данного корректирующего слоя на Color (Цвет) и уменьшим Opacity (Непрозрачность) до 20%. Результат:
Шаг 14
Создадим новый корректирующий слой Curves (Кривые) и применим указанные на скриншоте настройки:
Шаг 15
Создадим новый корректирующий слой Color Lookup (Поиск цвета) и применим такие же настройки, как на скриншоте. Opacity (Непрозрачность), данного слоя, измените на 20%.
Создадим ещё один корректирующий слой Color Lookup (Поиск цвета) с такими же настройками, как на скриншоте, и поставьте такую же Opacity (Непрозрачность) 20%.
Все слои, которые должны быть в группе, показаны на скриншоте:
Шаг 16
Теперь давайте добавим птиц, на наш постер. Создайте новый слой (Shift+Ctrl+N), переместите его под группу adjustments с корректирующими слоями, и воспользуйтесь кистью с птицами. Как добавить новую кисть в фотошоп, можно изучить здесь.
Итак, выберем кисть с птицами и сделаем один клик, над словом Hunter. Постарайтесь вместить всех птиц в расстояние от слоя с надписью The, до окончания слоя Hunter. Цвет кисти выберите при помощи инструмента Eyedroppertool (Пипетка)(I) и кликните инструментом на одной из скал. А теперь, выбранным цветом, отобразите птиц в оговоренном ранее месте. Слой с птицами назовите birds.
Далее, снова создайте новый слой (Shift+Ctrl+N), и примените его в качестве Clipping mask (Обтравочной маски) к слою birds. На этом слое, белой мягкой кистью с большим радиусом, сделайте один клик в области белого неба, почти на птицах. Это необходимо для того, чтобы добавить свет, который будет падать на птиц. При увеличении изображения, это можно будет хорошо увидеть.
Шаг 17
Приступим к ретуши модели техникой Dodge&Burn (Осветление и затемнение). Создадим новый слой (Shift+Ctrl+N) с режимом наложения Overlay (Перекрытие) и поставьте галочку рядом с Fill with Overlay neutral color (50% gray) (Заполнить нейтральным цветом (50% серого). Назовите этот слой eyes.
Воспользуйтесь инструментом Dodge Tool ( Осветлитель) с Exposure (Экспозицией) 20%. Пройдитесь по радужке, чтобы сделать глаза чуть светлее. При помощи инструмента Burn Tool (Затемнитель) и Exposure (Экспозицией) 10% затемните контур радужки, для чуть больше контраста. Далее, сделайте дубликат слоя Eyes (Ctrl + J), для усиления эффекта и объедините оба слоя (Ctrl+E).Режим наложения измените на Overlay (Перекрытие).
Шаг 18
Сейчас давайте добавим текстуру с пылью, напоминающую скопление светлячков (вы найдёте её в дополнениях к материалам урока).
Перенесите одну из текстур в наш документ. Теперь давайте размоем полученную текстуру при помощи фильтра Gaussian Blur (Размытие по Гауссу) - Filter (Фильтр) – Blur (Размытие) – Gaussian Blur (Размытие по Гауссу)) с радиусом 1,6px. Для усиления эффекта от текстуры, продублируйте её 1 раз (Ctrl + J). При помощи 2 нажатий клавиш вверх и вправо, сдвиньте копию чуть в сторону.
Скриншот с палитрой слоёв прилагается:
Шаг 19
Объедините все слои в один (Alt+Shift+Ctrl+E) и переведите этот слой в Smart-object (Смарт-объект).
Перейдём к редактированию фото в Camera Raw (Filter – Camera Raw (Фильтр - Camera Raw)).
Примечание переводчика:с помощью этого фильтра, мы увеличим насыщенность цветов, добавим резкости и создадим небольшую виньетку.
Примечание автора: если кто-то выполняет этот урок не в версии CC, перейдите в Edit – Preferences – File Handling (Редактирование – Настройки – Обработка файлов) и в Camera Raw Preferences (Настройки Camera Raw) выберите Automatically Open JPEG (Автоматически открывать JPEG). Далее, сохраните созданный вами документ и перезайдите в Adobe Photoshop.
После открытия данного слоя в Camera Raw примените следующие настройки:
Эффект, который у нас получился:
Шаг 20
Создайте новый слой (Shift + Ctrl + N). Воспользуйтесь инструментом Horizontal Type Tool (Текст), образуйте прямоугольную область внизу изображения. При помощи шрифта Steel Tongs Regular с кеглем 60px, вы можете написать, фактически, всё что угодно. Не забывайте, что цвет шрифта тоже можно регулировать.
Автор добавил имена и фамилий предполагаемых участников и создателей проекта, а также разнообразные логотипы, которые используются при создании плакатов к фильмам.
Также, автор применил в написанному эффект Drop Shadow (Внешняя тень) с настройками, как на скриншоте.
А вот и готовый результат, который получился у автора:
Оставшаяся часть слоёв, указана на скриншоте:
Урок оказался большим, но довольно несложным. Надеюсь, те участники, которые выполнили его, получили настоящее удовольствие от его выполнения.
Читайте также: