Смешайте фотографии для создания постера фильма в Photoshop


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

Вот как будет выглядеть окончательный результат, когда мы закончим:

Как смешать фотографии, как постеры фильмов в Photoshop

Финальный эффект «постера фильма».

Давайте начнем!

Как смешивать изображения, как постеры фильмов

Шаг 1: Откройте ваши изображения

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

Первое из двух изображений, которые будут смешаны вместе.  Фото предоставлено: Adobe Stock

Первое изображение. Фото предоставлено: Adobe Stock.

И вот мое второе изображение . Оба изображения были загружены с Adobe Stock:

Первое из двух изображений, которые будут смешаны вместе.  Фото предоставлено: Adobe Stock

Второе изображение. Фото предоставлено: Adobe Stock.

Шаг 2. Переместите оба изображения в один и тот же документ.


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

Выберите инструмент Move на панели инструментов:

Выбор инструмента «Перемещение» на панели инструментов в Photoshop

Выбор инструмента перемещения.

Нажмите на свое изображение:

Нажав на изображение, которое будет перемещено в другой документ в Photoshop

Нажав на изображение с помощью Move Tool.

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

Перетаскивание изображения на вкладку другого документа в Photoshop

Перетащите изображение на вкладку другого документа.

Затем нажмите и удерживайте клавишу Shift и перетащите вниз в документ. Отпустите кнопку мыши, и Photoshop поместит изображение на место. Клавиша Shift центрирует изображение в документе:

Перетаскивание изображения в другой документ в Photoshop

Удерживая Shift и перетаскивая из вкладки в другое изображение.

Если мы посмотрим на панель «Слои» , то увидим оба изображения, каждое на отдельном слое, теперь в одном документе:

Панель «Слои» в Photoshop, отображающая оба изображения в отдельных слоях

Панель «Слои» показывает оба изображения.

Шаг 3: измените размер и переместите изображение

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

Чтобы выбрать его, перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :

Выбор команды «Свободное преобразование» в Photoshop

Собираемся Правка> Свободное Преобразование.

Это помещает поле Free Transform и обрабатывает изображение:

Free Transform обрабатывает второе изображение.

Вокруг изображения появляются маркеры Free Transform.

Изменение размера изображения

Чтобы изменить его размер, нажмите и удерживайте клавишу Shift вместе с клавишей Alt (Win) / Option (Mac) , нажимая и перетаскивая любой из угловых маркеров. Клавиша Shift блокирует соотношение сторон изображения, а клавиша Alt / Option позволяет изменить размер изображения от его центра:

Изменение размера изображения с помощью Free Transform

Удерживайте Shift + Alt (Победа) / Shift + Option (Mac) и перетащите угловые ручки, чтобы изменить размер изображения.

Перемещение изображения

Затем, чтобы переместить изображение вниз, я щёлкну внутри поля «Свободное преобразование» и перетащу его на место. Удерживайте клавишу Shift при перетаскивании, чтобы было легче двигаться прямо вниз:

Перемещение второго изображения на место с помощью Free Transform

Удерживая Shift и перетаскивая изображение вниз.

Чтобы принять его, нажмите Enter (Win) / Return (Mac):

Второе изображение было изменено и перемещено на место

Изображение было изменено и перемещено на место.

Шаг 4: переместите другое изображение (необязательно)


Я также хочу переместить другое изображение выше в документе. Но на панели «Слои» мы видим, что изображение в настоящее время находится на фоновом слое , и Photoshop не позволит нам переместить изображение, пока оно находится на фоновом слое:

Панель «Слои» с изображением пары на фоновом слое

Изображение пары сидит на фоновом слое.

Разблокировка фонового слоя

Чтобы это исправить, в Photoshop CC нажмите значок замка . В Photoshop CS6 нажмите и удерживайте Alt (Win) / Option (Mac) и дважды щелкните по нему:

Разблокировка фонового слоя в фотошопе

Разблокировка фонового слоя.

Это разблокирует фоновый слой и переименует его в «Слой 0»:

Фоновый слой был разблокирован и переименован.

Фоновый слой был переименован.

Перемещение изображения

Убедитесь, что выбран «Слой 0», а затем, когда инструмент «Перемещение» по-прежнему выбран, щелкните изображение и перетащите его вверх и установите на место. Снова, удерживайте Shift при перетаскивании, чтобы было легче перетаскивать прямо вверх:

Перетаскивание исходного изображения выше в документе

Перетаскивание исходного изображения выше в документе.

Шаг 5: Добавьте маску слоя

Как только изображения на месте, мы можем смешать их вместе. И мы сделаем это, используя маску слоя . Вернувшись на панель «Слои», нажмите на изображение в верхнем слое, чтобы выбрать его:

Выбор верхнего слоя на панели «Слои» в Photoshop

Выбор верхнего слоя.

Затем щелкните значок « Добавить маску слоя» :

Добавление маски слоя к верхнему слою.

Добавление маски слоя.

Слой маски миниатюрами на верхнем слое появляется:

Появится миниатюра маски слоя.

Эскиз маски слоя.

Шаг 6: Нарисуйте черно-белый градиент на маске


На панели инструментов выберите инструмент « Градиент» :

Выбор инструмента «Градиент» в Photoshop.

Выбор инструмента Градиент.

Затем на панели параметров убедитесь, что выбран черный, белый градиент:

Образец градиента для инструмента «Градиент», показывающий градиент черного и белого

Образец градиента, показывающий черный, белый градиент.

Если это не так, щелкните стрелку рядом с образцом градиента, а затем дважды щелкните миниатюру черного, белого градиента (третий слева, верхний ряд), чтобы выбрать его:

Выбор черного, белого градиента в фотошопе

Выбор черного, белого градиента.

Также на панели параметров убедитесь, что тип градиента установлен на Linear :

Установка типа градиента линейного на панели параметров в Photoshop

Установка типа градиента линейный.

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

Рисование градиента для объединения двух изображений в Photoshop

Рисование градиента для объединения двух изображений.

Отпустите кнопку мыши, и Photoshop нарисует градиент на маске слоя и смешает изображения:

Изображения теперь смешиваются в фотошопе

Изображения теперь смешиваются там, где был нарисован градиент.

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

Панель «Слои», показывающая градиент от черного к белому в миниатюре маски слоя

Миниатюра маски слоя, показывающая градиент.

Шаг 7: объединить слои

Далее нам нужно объединить два слоя на новый слой над ними. Убедитесь, что верхний слой все еще выбран. Затем на ПК с Windows нажмите Shift + Ctrl + Alt + E на клавиатуре. На Mac, нажмите Shift + Command + Option + E . Это объединяет оба слоя в новый слой:

Смешанные изображения были объединены в новый слой в Photoshop.

Изображения были объединены на новый слой.

Шаг 8: Добавьте шум


Чтобы изображения лучше сочетались друг с другом, мы добавим тонкую текстуру. Перейдите в меню Filter , выберите Noise , а затем выберите Add Noise :

Выбор фильтра «Добавить шум» в Photoshop

Идем в Фильтр> Шум> Добавить шум.

В диалоговом окне Add Noise, установите Amount около 2 до 4% в зависимости от размера изображения. Выберите Gaussian и Monochromatic , а затем нажмите OK:

Добавление текстуры к смешанным изображениям с помощью фильтра «Добавить шум» в Photoshop

Настройки фильтра «Добавить шум».

Если я увеличу масштаб, мы увидим, как текстура помогает объединить два изображения:

Шум создает тонкую текстуру на обоих смешанных изображениях

Шум создает текстуру на обоих изображениях.

Вы можете включить или выключить текстуру, чтобы сравнить результаты, щелкнув значок видимости объединенного слоя на панели «Слои»:

Включение и выключение текстуры с помощью значка видимости на панели «Слои»

Включите и выключите шум с иконкой видимости.

Шаг 9: конвертируйте изображения в черно-белые

Единственная проблема на этом этапе заключается в том, что цвета на изображениях не совпадают. Давайте исправим это, преобразовав изображения в черно-белые, а затем раскрасив их собственным цветом.

На панели «Слои» щелкните значок « Новый заливочный или корректирующий слой» :

Добавление нового заливочного или корректирующего слоя в Photoshop

Добавляем новый заливочный или корректирующий слой.

Затем выберите Black & White из списка:

Добавление черно-белого корректирующего слоя в Photoshop

Выбор черно-белого корректирующего слоя.

Это мгновенно преобразует изображения в черно-белые:

Начальное черно-белое преобразование

Начальное черно-белое преобразование.

Настройка черно-белого преобразования

На панели «Слои» мы видим новый черно-белый корректирующий слой:

Панель «Слои», отображающая черно-белый корректирующий слой

Черно-белый корректирующий слой.

И элементы управления для корректирующего слоя появляются на панели свойств . Чтобы настроить черно-белую версию, начните с нажатия кнопки « Авто» :

Нажатие кнопки «Авто» для черно-белого корректирующего слоя

Нажав кнопку Авто.

Фотошоп выберет свои настройки для эффекта:

Авто черно-белое преобразование в фотошопе

Авто черно-белое преобразование.

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

Используйте ползунки цвета, чтобы создать свою собственную черно-белую версию изображения

Используйте ползунки цвета, чтобы создать свою собственную черно-белую версию.

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

Пользовательская черно-белая версия смешанных изображений

Кастомная черно-белая версия.

Шаг 10: раскрасить эффект


Итак, теперь, когда мы удалили исходные цвета, давайте раскрасим эффект нашим собственным цветом. И самый простой способ сделать это с помощью корректирующего слоя Hue / Saturation.

Вернувшись на панель «Слои», снова щелкните значок « Новый слой заливки» или «Корректирующий слой» :

Щелкнув по значку «Новый слой заливки» или «Корректирующий слой» на панели «Слои»

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И затем выберите Hue / Saturation :

Добавление корректирующего слоя Hue / Saturation к документу

Добавление корректирующего слоя Hue / Saturation.

На панели «Свойства» выберите параметр « Цвет» :

Выбор параметра «Цвет» на панели «Свойства»

Нажав «Colorize».

Выберите цвет, перетащив ползунок Оттенок . Я установлю значение Hue на 30. Затем установите интенсивность цвета с помощью ползунка Насыщенность. Я снова установлю мой на 30:

Выбор цвета на панели «Свойства»

Выбор цвета и значения насыщенности с помощью ползунков.

Выбрав цвет, вернитесь на панель «Слои» и измените режим наложения корректирующего слоя «Цветовой тон / Насыщенность» на « Цвет» . Таким образом, мы влияем только на цвета в изображении, а не на значения яркости:

Изменение режима наложения корректирующего слоя Hue / Saturation на Color

Изменение режима наложения на Цвет.

И вот результат:

Результат после раскрашивания эффекта постера фильма в Photoshop

Результат после раскрашивания эффекта.

Шаг 11: Увеличьте контраст

Наконец, если вам нужно увеличить контраст в эффекте, снова щелкните значок « Новый заливочный слой» или «Корректирующий слой» на панели «Слои»:

Щелкнув по значку «Новый слой заливки» или «Корректирующий слой» на панели «Слои»

Нажав на значок «Новый слой заливки» или «Корректирующий слой».

И на этот раз выберите Уровни :

Добавление корректирующего слоя Levels

Добавление корректирующего слоя Levels.

Измените режим наложения корректирующего слоя Levels с Normal на Soft Light :

Изменение режима наложения корректирующего слоя «Уровни» на «Мягкий свет» в Photoshop

Изменение режима наложения на Soft Light.

Это мгновенно увеличивает контраст:

Постер фильма после увеличения контраста в режиме наложения

Результат после изменения режима наложения на Soft Light.

Если контраст слишком сильный, просто уменьшите непрозрачность корректирующего слоя «Уровни», чтобы точно настроить результаты. Я опущу мой до 35%:

Понижение непрозрачности корректирующего слоя Levels

Понижение непрозрачности корректирующего слоя Levels.

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

Как смешать фотографии, как постеры фильмов в Photoshop

Финальный эффект «постера фильма».

И там у нас это есть! Вот так легко смешать фотографии, как постеры фильмов с Photoshop! Посетите наш раздел Фотоэффекты для получения дополнительных уроков. И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF !

Будьте первым, кто узнает, когда будут добавлены новые учебники!




Поделитесь в соц.сетях:

Оцените статью:

1 Звезда2 Звезды3 Звезды4 Звезды5 Звезд (Пока оценок нет)
Загрузка...

Добавить комментарий

Ваш адрес email не будет опубликован.