В этом уроке я покажу вам, как легко смешивать изображения, такие как постер фильма, с Photoshop! Мы начнем с перемещения обоих наших изображений в один и тот же документ и размещения их там, где они нам нужны. Затем мы смешаем два изображения, используя маску слоя. Мы поможем легко смешать изображения, добавив текстуру, преобразовав эффект в черно-белый, а затем раскрасив его своим собственным цветом. И, наконец, мы повысим контраст, чтобы создать наш последний эффект «постера фильма».
Вот как будет выглядеть окончательный результат, когда мы закончим:
Финальный эффект "постера фильма".
Давайте начнем!
Как смешать изображения, как постер фильма
Для этого урока я использую Photoshop CC, но каждый шаг совместим с Photoshop CS6.
Вы также можете следить за моим видео этого урока на нашем канале YouTube. Или загрузите этот учебник в формате PDF и получите в качестве бонуса мое Полное руководство по режимам смешивания слоев!
Шаг 1: Откройте ваши изображения
Для начала откройте изображения, которые вы хотите смешать вместе. Вот первое изображение, которое я буду использовать:
Первое изображение. Фото предоставлено: Adobe Stock.
И вот мое второе изображение. Оба изображения были загружены с Adobe Stock:
Второе изображение. Фото предоставлено: Adobe Stock.
Шаг 2. Переместите оба изображения в один и тот же документ.
На данный момент каждое изображение находится в отдельном документе. Нам нужно переместить их в один и тот же документ. И самый простой способ сделать это - перетащить изображение из одного документа в другой.
Выберите инструмент Move на панели инструментов:
Выбор инструмента перемещения.
Нажмите на свое изображение:
Нажав на изображение с помощью Move Tool.
А затем перетащите его вверх и на вкладку другого документа. Удерживайте кнопку мыши нажатой и оставайтесь на вкладке, пока Photoshop не переключится на другое изображение:
Перетащите изображение на вкладку другого документа.
Затем нажмите и удерживайте клавишу Shift и перетащите вниз в документ. Отпустите кнопку мыши, и Photoshop поместит изображение на место. Клавиша Shift центрирует изображение в документе:
Удерживая Shift и перетаскивая из вкладки в другое изображение.
Если мы посмотрим на панель «Слои», то увидим оба изображения, каждое на отдельном слое, теперь в одном документе:
Панель «Слои» показывает оба изображения.
Шаг 3: измените размер и переместите изображение
На данный момент изображение моей лошади слишком широкое, чтобы вписаться в другое изображение, поэтому мне нужно изменить его размер. И я также хочу переместить его из центра вниз на дно. Я могу сделать обе эти вещи с помощью команды Photoshop Free Transform.
Чтобы выбрать его, перейдите в меню « Правка» в строке меню и выберите « Свободное преобразование» :
Собираемся Правка> Свободное Преобразование.
Это помещает поле Free Transform и обрабатывает изображение:
Вокруг изображения появляются маркеры Free Transform.
Изменение размера изображения
Чтобы изменить его размер, нажмите и удерживайте клавишу Shift вместе с клавишей Alt (Win) / Option (Mac), когда вы нажимаете и перетаскиваете любой из угловых маркеров. Клавиша Shift блокирует соотношение сторон изображения, а клавиша Alt / Option позволяет изменить размер изображения по центру:
Удерживайте Shift + Alt (Победа) / Shift + Option (Mac) и перетащите угловые ручки, чтобы изменить размер изображения.
Перемещение изображения
Затем, чтобы переместить изображение вниз, я щёлкну внутри поля «Свободное преобразование» и перетащу его на место. Удерживайте клавишу Shift при перетаскивании, чтобы было легче двигаться прямо вниз:
Удерживая Shift и перетаскивая изображение вниз.
Чтобы принять его, нажмите Enter (Win) / Return (Mac):
Изображение было изменено и перемещено на место.
Шаг 4: переместите другое изображение (необязательно)
Я также хочу переместить другое изображение выше в документе. Но на панели «Слои» мы видим, что изображение в настоящее время находится на фоновом слое, и Photoshop не позволяет нам перемещать изображение, пока оно находится на фоновом слое:
Изображение пары сидит на фоновом слое.
Разблокировка фонового слоя
Чтобы это исправить, в Photoshop CC нажмите на значок замка . В Photoshop CS6 нажмите и удерживайте Alt (Win) / Option (Mac) и дважды щелкните по нему:
Разблокировка фонового слоя.
Это разблокирует фоновый слой и переименует его в «Слой 0»:
Фоновый слой был переименован.
Перемещение изображения
Убедитесь, что выбран «Слой 0», а затем, когда инструмент «Перемещение» по-прежнему выбран, щелкните изображение и перетащите его вверх и установите на место. Снова, удерживайте Shift при перетаскивании, чтобы было легче перетаскивать прямо вверх:
Перетаскивание исходного изображения выше в документе.
Шаг 5: Добавьте маску слоя
Как только изображения на месте, мы можем смешать их вместе. И мы сделаем это, используя маску слоя. Вернувшись на панель слоев, нажмите на изображение в верхнем слое, чтобы выбрать его:
Выбор верхнего слоя.
Затем щелкните значок « Добавить маску слоя» :
Добавление маски слоя.
Эскиз маски слоя появляется на верхнем слое:
Эскиз маски слоя.
Шаг 6: Нарисуйте черный или белый градиент на маске
На панели инструментов выберите инструмент « Градиент» :
Выбор инструмента Градиент.
Затем на панели параметров убедитесь, что выбран черный, белый градиент:
Образец градиента, показывающий черный, белый градиент.
Если это не так, нажмите на стрелку рядом с образцом градиента, а затем дважды щелкните миниатюрный черный, белый градиент (третий слева, верхний ряд), чтобы выбрать его:
Выбор черного, белого градиента.
Также на панели параметров убедитесь, что тип градиента установлен на Linear :
Установка типа градиента линейный.
Затем щелкните документ и перетащите градиент от черного к белому через место, где вы хотите, чтобы два изображения смешались вместе. В моем случае я нажму чуть ниже верхней части моего изображения лошади, чтобы установить начальную точку для градиента. Затем, чтобы создать плавный переход между двумя изображениями, я перетащу вниз на вершину холма:
Рисование градиента для объединения двух изображений.
Отпустите кнопку мыши, и Photoshop нарисует градиент на маске слоя и смешает изображения:
Изображения теперь смешиваются там, где был нарисован градиент.
Вернувшись на панель «Слои», мы видим наш градиент на миниатюре маски слоя. Вы можете узнать больше о масках слоев и других способах смешивания изображений в Photoshop из моего учебника по смешиванию изображений:
Миниатюра маски слоя, показывающая градиент.
Шаг 7: объединить слои
Далее нам нужно объединить два слоя на новый слой над ними. Убедитесь, что верхний слой все еще выбран. Затем на ПК с Windows нажмите Shift + Ctrl + Alt + E на клавиатуре. На Mac нажмите Shift + Command + Option + E. Это объединяет оба слоя в новый слой:
Изображения были объединены на новый слой.
Шаг 8: Добавьте шум
Чтобы изображения лучше сочетались друг с другом, мы добавим тонкую текстуру. Перейдите в меню Filter, выберите Noise, а затем выберите Add Noise :
Идем в Фильтр> Шум> Добавить шум.
В диалоговом окне «Добавление шума» установите значение «примерно 2–4%» в зависимости от размера изображений. Выберите Gaussian и Monochromatic, а затем нажмите OK:
Настройки фильтра Добавить шум.
Если я увеличу масштаб, мы увидим, как текстура помогает объединить два изображения:
Шум создает текстуру на обоих изображениях.
Вы можете включить или выключить текстуру, чтобы сравнить результаты, щелкнув значок видимости объединенного слоя на панели «Слои»:
Включите и выключите шум с помощью значка видимости.
Шаг 9: конвертируйте изображения в черно-белые
Единственная проблема на этом этапе заключается в том, что цвета на изображениях не совпадают. Давайте исправим это, преобразовав изображения в черно-белые, а затем раскрасив их собственным цветом.
На панели «Слои» щелкните значок « Новый заливочный или корректирующий слой» :
Добавляем новый заливочный или корректирующий слой.
Затем выберите Black & White из списка:
Выбор черно-белого корректирующего слоя.
Это мгновенно преобразует изображения в черно-белые:
Начальное черно-белое преобразование.
Настройка черно-белого преобразования
На панели «Слои» мы видим новый черно-белый корректирующий слой:
Черно-белый корректирующий слой.
И элементы управления для корректирующего слоя появляются на панели свойств . Чтобы настроить черно-белую версию, начните с нажатия кнопки « Авто» :
Нажав кнопку Авто.
Фотошоп выберет свои настройки для эффекта:
Авто черно-белое преобразование.
Для дальнейшей настройки нажмите и перетащите ползунки цвета, чтобы отрегулировать яркость различных частей изображения в зависимости от их исходного цвета. Например, перетаскивание ползунка «Красные» осветляет или затемняет любые области, содержащие красный. Перетаскивание ползунка Желтые повлияет на области, которые содержат желтый, и так далее:
Используйте ползунки цвета, чтобы создать свою собственную черно-белую версию.
Продолжайте перетаскивать ползунки, пока не будете удовлетворены результатами:
Кастомная черно-белая версия.
Шаг 10: раскрасить эффект
Теперь, когда мы удалили исходные цвета, давайте раскрасим эффект нашим собственным цветом. И самый простой способ сделать это с помощью корректирующего слоя Hue / Saturation.
Вернувшись на панель «Слои», снова щелкните значок « Новый слой заливки» или «Корректирующий слой» :
Нажав на значок «Новый слой заливки» или «Корректирующий слой».
И затем выберите Hue / Saturation :
Добавление корректирующего слоя Hue / Saturation.
На панели «Свойства» выберите параметр « Цвет» :
Нажав "Colorize".
Выберите цвет, перетаскивая ползунок Оттенок . Я установлю значение Hue на 30. Затем установите интенсивность цвета с помощью ползунка Насыщенность. Я снова установлю мой на 30:
Выбор цвета и значения насыщенности с помощью ползунков.
Выбрав цвет, вернитесь на панель «Слои» и измените режим наложения корректирующего слоя «Цветовой тон / Насыщенность» на « Цвет» . Таким образом, мы влияем только на цвета в изображении, а не на значения яркости:
Изменение режима наложения на Цвет.
И вот результат:
Результат после раскрашивания эффекта.
Шаг 11: Увеличьте контраст
Наконец, если вам нужно повысить контраст в эффекте, снова щелкните значок « Новый заливочный слой» или «Корректирующий слой» на панели «Слои»:
Нажав на значок «Новый слой заливки» или «Корректирующий слой».
И на этот раз выберите Уровни :
Добавление корректирующего слоя Levels.
Измените режим наложения корректирующего слоя Levels с Normal на Soft Light :
Изменение режима наложения на Soft Light.
Это мгновенно увеличивает контраст:
Результат после изменения режима наложения на Soft Light.
Если контраст слишком сильный, просто уменьшите непрозрачность корректирующего слоя «Уровни», чтобы точно настроить результаты. Я опущу мой до 35%:
Понижение непрозрачности корректирующего слоя Levels.
И вот, после снижения непрозрачности, мой окончательный результат:
Финальный эффект "постера фильма".
И там у нас это есть! Вот так легко смешать фотографии, как постеры фильмов с Photoshop! Посетите наш раздел Фотоэффекты для получения дополнительных уроков. И не забывайте, что все наши учебники по Photoshop теперь доступны для скачивания в формате PDF!