Блог фотографа

Создание постера в стиле киноафиши в Photoshop

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

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

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

Шаг 1

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

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

Шаг 2

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

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

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

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

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

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

Шаг 5

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

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

Шаг 6

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

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

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

Шаг 7

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

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

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

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

Шаг 8

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

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

Шаг 9

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

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

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

Шаг 10

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

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

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

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

Шаг 12

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

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

Шаг 13

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

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

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

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

Шаг 14

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

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

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

Шаг 15

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

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

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

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

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

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

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

Шаг 17

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

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

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

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

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

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

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

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

Copyright by TakeFoto.ru

Оставить комментарий