Как соединить два видео в фотошопе

Обновлено: 07.07.2024

Несколько видео в одном кадре – это технология разделения экрана сплит-скрин. Такие ролики часто используют для ощущения массовости, обзора больших временных периодов и просто для wow-эффекта. Два видео в одном кадре совмещают и при записи онлайн-интервью, при подготовке обучающих и информационных роликов. Кстати, для этого не обязательно профессионально заниматься монтажом. Расскажем о том, как совместить два видео в одном кадре при помощи программ, онлайн-сервисов и мобильных приложений.

Adobe ® Premiere ®	Windows и macOS	от 1622,4 руб. в месяц	Профессиональные инструменты, многие процессы автоматизированы, расширенный функционал, большая база шаблонов и эффектов
iMovie (десктопная версия)	macOS	Бесплатно	Интуитивно понятный пользовательский интерфейс, разнообразие шаблонов и эффектов, программа предназначена только для устройств на базе macOS и iOS
VSDC Free Video Editor	Windows	Условно бесплатно, стоимость версии с технической поддержкой – от $10	Условно бесплатный редактор видео, простой пользовательский интерфейс, ограниченный набор опций, более всего подходит для новичков
Fastreel	Онлайн	от 190 рублей за видео, от 290 рублей в месяц или бесплатно с ограничениями	Простой онлайн-сервис для редактирования видео и наложения эффектов, в частности для создания сплит-скринов
Pixiko	Онлайн	от $4,89 за видео, от $14,87 в месяц	Интуитивно понятный интерфейс на английском языке, расширенный набор опций, коллекция визуальных эффектов
Kapwing	Онлайн	от $16 в месяц	Простой онлайн-сервис для создания сплит-скрин видео с несколькими роликами на одном экране. Также подходит для коллажей из изображений и анимации.
WeVideo	Онлайн	от $9,99 в месяц	Удобный онлайн-редактор видео на английском языке. Обладает достаточным функционалом для новичков и любителей
FlexClip	Онлайн	от $9,99 в месяц	Несложный онлайн сервис для быстрого видеомонтажа с широким функционалом и миллионом изображений и роликов в собственной базе
Perfect Video	iOS	Бесплатно, но для разблокировки большинства опций нужен PRO-аккаунт	Простое приложение с интуитивно понятным пользовательским интерфейсом на русском языке и набором популярных инструментов для редактирования видео
Video Merge - Side By Side	Android	Бесплатно, но есть отдельные платные опции и реклама	Приложение, созданное специально для совмещения роликов на одном экране Предельно простое, с минимальным набором опций
iMovie (мобильное приложение)	iOS	Бесплатно	Мощное приложение с удобным интерфейсом на русском языке Обладает расширенным функционалом для редактирования видео
Video Splitter	Android	Бесплатно, есть платные опции и реклама	Приложение для автоматической разрезки роликов на фрагменты, также оснащенное опцией сплит-скрин
Video Collage Maker	Android	Бесплатно, есть реклама, отдельный контент может быть платным	Удобное и простое приложение, разработанное специально для создания видеоколлажей Обладает большой базой шаблонов

Показать все программы Свернуть таблицу

Как совместить несколько видео в одном кадре на ПК и ноутбуках

Movavi Видеоредактор Плюс

Удобный инструмент для творчества с предельно простым и интуитивно понятным пользовательским интерфейсом. Обладает расширенным набором инструментов и собственной библиотекой эффектов.

Простой и удобный пользовательский интерфейс
Официальная версия программы на русском языке
Применение опции сплит-скрин для роликов любого качества
Множество инструментов и визуальных эффектов

Как сделать два видео на одном экране при помощи Movavi Видеоредактора Плюс:

Скачайте и установите программу, запустите ее.
Нажмите на кнопку Добавить файлы и укажите путь к роликам или перетащите их на рабочую панель.
Поместите все ролики на таймлайн. Затем дважды кликните по верхнему видео, в меню над ним выберите пункт Другие эффекты, разверните подпункт Изменение видео и перейдите в опцию Наложение. Здесь выберите положение ролика на экране. Проделайте то же самое со всеми остальными видео и нажмите на кнопку Применить.
Настройте звук – вы можете оставить звучание одного видео или добавить совершенно новую аудиодорожку.
Как только все будет готово – жмите на кнопку Сохранить, указывайте параметры файла и нажимайте на Старт.

Vegas Pro

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

Широкий функционал
Неограниченное количество файлов и дорожек
Официальная версия на русском языке

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

Как совместить два видео в одно в Vegas Pro:

Загрузите и установите программу, запустите ее.
Перетащите на рабочую панель нужные ролики и расположите их на таймлайне.
Кликните на первый ролик, выберите опцию Панорамирование, выделите нужную область и перетащите картинку в нужное место на экране предпросмотра.
Проделайте то же самое со вторым роликом.
Нажмите на кнопку Сохранить, укажите настройки для готового ролика и подтвердите действие.

Adobe ® Premiere ®

Программа для профессионального редактирование аудио и видео. Может использоваться как для монтажа любительских роликов, так и для создания профессиональных фильмов.

Инструменты для профессионального видеомонтажа
Большая база шаблонов и визуальных эффектов
Многие процессы автоматизированы

Бесплатно только во время пробного периода
Может потребоваться установка дополнительного софта, например, Adobe ® Photoshop ®

Как соединить 2, 3, 4 и более видео на одном экране:

Проще всего параллельно установить Adobe ® Premiere ® и Adobe ® Photoshop ® , запустить обе программы.
Создать и сохранить в Adobe ® Photoshop ® шаблон с разделением экрана на нужное количество областей.
Далее открыть Adobe ® Premiere ® , добавить на таймлайн все нужные ролики, сверху поместить заранее подготовленный шаблон.
Выбрать первое видео, перейти в раздел Эффекты, выбрать подпункт Видеоэффекты и нажать на кнопку Преобразовать. Здесь выбираем опцию Обрезка и обрезаем видео по шаблону.
То же самое проделываем с другими роликами, перетаскиваем их в нужную область на экране и сохраняем результат.

iMovie

Программа для любительского видеомонтажа от Apple, предназначенная специально для устройств на базе macOS и iOS.

Простой, интуитивно понятный пользовательский интерфейс
Разнообразные эффекты и шаблоны для творчества

Программа предназначена только для устройств марки Apple
По отзывам пользователей, могут возникать сбои в работе софта на некоторых версиях операционных систем

Объединение нескольких видео на одном экране происходит следующим образом:

Установите и запустите программу.
Загрузите нужные ролики и последовательно перетащите их на таймлайн.
Нажмите на кнопку Настройка наложения, а затем выберите пункт Разделение экрана в появившемся слева меню.
При необходимости перейдите в раздел Настройки наложения, чтобы изменить расположение роликов на экране.
Сохраните результат.

VSDC Free Video Editor

По мнению экспертов, программа более всего подходит для новичков, так как является условно-бесплатной, но при этом имеет ограниченный функционал.

Наличие полностью бесплатной версии
Достаточный функционал для реализации эффекта сплит-скрин

Ограниченный набор опций
Без службы технической поддержки при использовании бесплатной версии

Как одновременно поместить 2 ролика на экран:

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

Как совместить два видео на одном экране с помощью онлайн-сервисов

Fastreel

Простой онлайн-сервис в интуитивно понятным пользовательским интерфейсом и множеством возможностей для редактирования видео.

Широкий набор инструментов для творчества
Работа в браузере без загрузки дополнительного софта
Интуитивно понятный интерфейс на русском языке
Возможность работать без регистрации и авторизации

В бесплатной версии на видео накладывается водяной знак

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

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

Pixiko

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

Удобный интерфейс
Коллекция шаблонов и визуальных эффектов
Редактирование видео в браузере без предварительной авторизации

Отсутствие русскоязычной версии
Некоторые опции доступны только после покупки лицензии на месяц
Медленная загрузка роликов при невысокой скорости Интернета

Как использовать опцию сплит-скрин:

Перейдите на официальный сайт сервиса и выберите опцию Split screen effect.
Нажмите на кнопку Get started и дождитесь загрузки редактора.
Перетащите нужные ролики на рабочую область и дождитесь их загрузки.
Обрежьте видео и перетащите их в нужную область экрана, при необходимости замените аудиодорожку.
Нажмите на кнопку Done и сохраните результат.

Kapwing

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

Простой и понятный интерфейс
Возможность начать работу без регистрации и покупки лицензии

Ограниченные возможности редактирования видео
Отсутствие русскоязычной версии – сайт на английском языке
Водяные знаки в бесплатной версии

Как поместить несколько видео на экран одновременно:

Откройте официальный сайт сервиса и нажмите на кнопку Get Started.
В новом окне нажмите на кнопку Upload и укажите путь к роликам, которые хотите добавить.
Передвигая рамку, задайте им нужный размер, после чего разместите на экране в нужной последовательности.
Задайте дополнительные настройки, при необходимости добавьте звук.
Скачайте готовый ролик на свой компьютер

WeVideo

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

Расширенный функционал для редактирования роликов
Интуитивно понятный интерфейс
Собственная база эффектов и шаблонов

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

Как создать сплит-скрин видео с помощью онлайн-сервиса:

Перейдите на официальный сайт сервиса и откройте рабочую панель в браузере.
Добавьте ролики или выберите готовые из коллекции ресурса, переместите их на таймлайн.
Поочередно нажимайте на видео, во всплывающей плашке Transform задавайте настройки для роликов и перетаскивайте их на экран, устанавливая нужный размер.
При необходимости отключите звук или добавьте аудиодорожку.
Нажмите на кнопку Done Editing, чтобы сохранить результат.

FlexClip

Онлайн-сервис для редактирования видео с расширенным функционалом. Помогает создавать сплит-скрин ролики в браузере.

Интуитивно понятный интерфейс
Широкий функционал
Свыше 1 миллиона роликов и картинок в собственной базе

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

Как одновременно разместить несколько видеороликов на экране:

Перейдите на официальный сайт онлайн-сервиса и откройте редактор.
Перетащите видео на рабочую панель или укажите путь к ним после нажатия на кнопку Browse.
Расположите ролики на таймлайне. Нажмите на первый, измените его размер при помощи рамки и разместите в нужной области экрана. Повторите то же самое со вторым и последующими роликами.
Отключите или добавьте звук.
Сохраните результат и скачайте готовый файл.

Как совместить два видео на одном экране в приложениях для смартфонов

Perfect Video

Простое приложение для Айфон и Айпад, которое подходит для всех обновленных версий iOS. Не перегружен избыточными опциями, обладает простым интерфейсом на русском языке.

Преимущества:

Интуитивно понятный русскоязычный интерфейс
Все популярные опции для редактирования видео

По отзывам пользователей может работать со сбоями на некоторых версиях операционной системы
Не располагает широкой библиотекой эффектов и шаблонов

Как совместить 2 видео на одном экране Айфона с помощью приложения:

Загрузите и запустите Perfect Video.
Подгрузите интересующие вас ролики.
Выберите опцию Разделение экрана.
Активируйте предварительный просмотр.
Задайте дополнительные настройки и сохраните результат.

Video Merge - Side By Side

Простое приложение для Андроид, предназначенное специально для объединения двух видеороликов на одном экране и замены аудиодорожек.

Простой интерфейс
Бесплатная базовая версия

Нет многих инструментов для редактирования видео
По отзывам пользователей, есть платные опции и реклама
Нет версии на русском языке

Как объединить ролики на одном экране:

Скачайте и установите приложение.
Запустите его и добавьте нужные ролики.
Задайте дополнительные настройки.
Нажмите на кнопку Start.
Посмотрите результат и сохраните файл, если все устроит.

iMovie

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

Удобный интерфейс на русском языке
Библиотека шаблонов и эффектов
Расширенный функционал

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

Как совместить несколько видео на одном экране в приложении iMovie:

Скачайте и установите приложение, запустите его.
Добавьте ролики, которые хотите разместить на одном экране.
При необходимости отредактируйте их.
Нажмите на символ многоточия и выберите опцию режим разделения экрана.
Активируйте предпросмотр и, если все понравится, сохраните файл.

Video Splitter

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

Не перегружено опциями, обладает простым интерфейсом
Представлено на русском языке

По отзывам пользователей, сохраняет видео слишком большого размера
Отсутствуют основные опции для редактирования видео

Как применить сплит-скрин в приложении:

Скачайте, установите и запустите приложение.
Добавьте 2 ролика, которые хотите объединить.
Выберите опцию Разделение экрана.
Дождитесь завершение процесса объединения.
Сохраните результат на устройство.

Video Collage Maker

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

Доброго времени суток!

При попытке соединить несколько видеофайлов в один у многих пользователей возникают сложности: то файлы сжаты разными кодеками и из-за этого выскакивают ошибки; то у файлов разная частота кадров (и ПО требует привести сначала их к одной); то еще чего-нибудь.

Но есть способ, как можно без особых проблем склеить 2 (и более) совершенно разных видео и всего за 3 шага. Рекомендую его попробовать всем, кто столкнулся с подобной проблемой.

Соединение 2-х видео в один файл

Вариант 1

Выбор программы (редактора)

Для текущей задача была выбрана программа "Видео-Мастер" по нескольким причинам:

она позволяет выполнить эту операцию максимально быстро даже для начинающего пользователя (всего за 3 шага);
поддерживает более 500 разнообразных форматов (в этом конверторе можно открыть практически любые видео-файлы);
объединяемые файлы могут быть разного формата, качества, размера и пр.;
полученный файл можно сжать в нужный кодек и до определенного размера.

После установки и запуска программы — нажмите по кнопке "Добавить видео или аудио" (также можно использовать сочетание Ctrl+O).

Указываем 2-3 ролика

Указываем, что соединить

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

После нажмите по инструменту "Соединить" (слева в меню программы).

Вы увидите, как в списке файлов появится еще одно видео (это объединенный файл), под которым будут отображаться ранее добавленные файлы. Обратите внимание, что при помощи стрелочек "Вверх" и "Вниз" вы можете изменить порядок соединения ( прим. : самый верхний файл в списке при соединении будет проигрываться первым. ) .

Выбор формата

Далее вам останется всего-то:

выбрать кодек для сжатия склеенного видео (см. стрелку-1 на скрине ниже). В большинстве случаев рекомендуется выбирать формат AVI (XviD), как один из наиболее популярных и поддерживаемых всеми современными устройствами;
указать папку, куда будет сохранен полученный видеофайл;
нажать кнопку "Конвертировать" .

После чего вам останется дождаться окончания операции. Конвертор, в общем-то, работает достаточно быстро — на мой ролик в 20 мин. потребовалось около 3 мин. для обработки (время сжатия сильно зависит от мощности вашего ПК, выбранного кодека, исходного качества объединяемых видео) .

Примечание!

Кстати, если для вас важен итоговый размер склеенного видео (например, его нужно уместить на флешку или CD/DVD диск) — обратите внимание на инструмент с выбором качества (отображается рядом со свойствами видео).

Если использовать эту функцию — можно вручную изменить ползунки "Качество" и "Разрешение" и подобрать размер точь-в-точь который вам нужен. См. скриншот ниже.

Регулируем качества — изменяется размер файла

Операция завершена

Если все прошло успешно и при обработке не возникло ошибок — в конце операции "Видео-Мастер" покажет небольшое окно с уведомлением (см. мой пример ниже). После этого можно открыть полученное видео и посмотреть на результат.

В общем-то, в моем случае все воспроизводится без проблем (в любом проигрывателе), место склейки незаметно.

Вариант 2

Дополнение от 15.10.2019 (в ряде случаев первое ПО отказывается работать в обычном режиме. ).

VSDC Free Video Converter

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

Единственный минус : VSDC Free Video Converter не настолько прост как первый конвертер (интерфейс несколько насыщен для неискушенного пользователя).

Добавление видео в проект

И так, после запуска программы нажмите правой кнопкой мышки (ПКМ) в окне списка файлов и в появившемся меню выберите "Добавить файлы" . См. скриншот ниже.

Далее укажите несколько видеофайлов, которые вы хотите соединить (открытые файлы будут добавлены в проект).

Настройки конвертации

Теперь необходимо задать настройки (см. скриншот ниже):

расположите файлы в нужном порядке (сверху-вниз). Используйте для этого стрелочки вверх/вниз;
в "Дополнительных параметрах" поставьте галочку рядом с пунктом "Объединить файлы" ;
укажите куда нужно сохранить склеенный файл;
задайте качество (кодек и битрейт). В большинстве случаев можно оставить по умолчанию;
для начала операции - перейдите в раздел "Конвертация" и нажмите на "Начать конвертацию" .

Настройки и конвертация / кликабельно

Ждем.

В верхнем меню программы появится строка, отражающая процесс конвертации. Время операции каждый раз может сильно отличаться. (влияет как мощность ЦП, так и кодек, в который сжимаете файл. ).

Ждем завершения операции

По завершении операции программа сообщит об этом отдельно, показав спец. окно.

Кстати, в моей инструкции использовалось видео из одной некогда популярной игры на NES про черепашек ниндзя (Teenage Mutant Ninja Turtles). В подобные игры сейчас можно играть даже на обычном компьютере (как это сделать — расскажет одна моя предыдущая статья, ссылка ниже).

Можно создать копию канала и использовать ее в текущем или другом изображении.

Например, можно использовать функцию «Создать дубликат канала», чтобы создать маску канала; или можно сохранить резервную копию канала перед редактированием.

Создание дубликата канала

При создании дубликата альфа-канала в другом изображении необходимо, чтобы каналы обладали одинаковыми размерами в пикселах. Нельзя создать дубликат канала и перевести его в изображение в битовом режиме.

На панели «Каналы» выберите канал, дубликат которого необходимо создать. Выберите «Создать дубликат канала» в меню панели «Каналы». Для поля «Документ» выполните одно из следующих действий.

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

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

Для того чтобы поменять местами выделенные и невыделенные области в дубликате канала, выберите «Инверсия».

Создание дубликата канала в изображении

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

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

На панели «Каналы» выберите канал, дубликат которого необходимо создать.

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

Перетащите канал из панели «Каналы» в окно конечного изображения. Дубликат канала появится в нижней части панели «Каналы».

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

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

Чтобы разделить каналы на отдельные изображения, выберите «Разделить каналы» из меню панели «Каналы».

Исходный файл закроется, а отдельные каналы появятся в отдельных окнах в градациях серого. В заголовке каждого окна будет показано исходное имя файла, а также название канала. Новые изображения можно редактировать и сохранять отдельно.

Несколько изображений в градациях серого могут быть совмещены в виде каналов одного изображения. Изображения, которые можно объединять, должны быть в режиме градаций серого, являться сведенными (не иметь слоев), иметь одинаковые размеры в пикселах и быть открытыми. Число открытых изображений в градациях серого определяет доступные при объединении каналов цветовые режимы. Например, если открыто три изображения, то их можно объединить в изображение RGB, а если открыто четыре изображения, то они могут быть объединены в изображение CMYK.

При работе с файлами DCS, в которых случайно потеряны ссылки (а поэтому они не могут быть открыты, размещены или напечатаны), откройте файлы канала, а затем объедините их в изображение CMYK. После этого сохраните файл еще раз как файл типа DCS EPS.

Откройте изображения в градациях серого, содержащие необходимые для объединения каналы, и сделайте активным одно из изображений.

Необходимо, чтобы было открыто более одного изображения, для того чтобы параметр «Объединить каналы» был доступен.

В поле «Режим» выберите нужный цветовой режим. Число каналов должно соответствовать выбранному режиму, который появится в поле «Каналы». В случае необходимости введите число каналов в текстовое поле «Каналы».

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

В этом уроке я покажу три простых способа совмещения двух изображений в программе Photoshop. Начнем с наиболее распространенного способа – с помощью опции «Непрозрачность» на панели слоев. Далее мы рассмотрим, как получить более интересные результаты, применяя режимы наложения. И в конце, мы изучим, как легко совместить два изображения с помощью маски слоя. Также я поделюсь быстрыми советами при изучении каждого способа, как увеличить скорость выполнения работы и получить наилучший результат.

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

Способ 1: Опция «Непрозрачность»

Первый способ, который мы рассмотрим для совмещения двух изображений, — это опция «Непрозрачность» (Opacity) на панели слоев. Ниже вы видите первое изображение:

Первое изображение. Источник: Adobe Stock.

А вот и второе изображение:

Второе изображение. Источник: Adobe Stock.

Если мы посмотрим на панель слоев, то увидим, что два изображения размещены на отдельных слоях. Изображение с пляжем – на слое заднего фона, а портрет девушки – на «Слое 1» (Layer 1) над ним:

На панели слоев каждое изображение представлено на отдельном слое.

Значение непрозрачности

Опция «Непрозрачность» (Opacity) расположена в правой верхней части панели слоев. По умолчанию, непрозрачность слоя равна 100%. Это означает, что активный выбранный слой («Слой 1» в нашем случае) полностью закрывает нижележащий слой.

Опция «Непрозрачность», по умолчанию, равна 100%

Опция «Непрозрачность» отвечает за степень прозрачности слоя. Просто уменьшая значение непрозрачности, мы делаем слой более прозрачным, тем самым, проявляя нижележащее изображение. Чем больше мы понизим непрозрачность, тем более бледным станет верхнее изображение и тем сильнее проявится нижнее изображение. В моем случае, я уменьшу непрозрачность со 100% до 75%:

Уменьшаем непрозрачность верхнего слоя до 75%

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

Результат понижения непрозрачности верхнего слоя до 75%

Если я хочу еще сильнее проявить нижележащее изображение, я могу просто далее понизить непрозрачность. Я уменьшу ее до 30%:

Установим непрозрачность верхнего слоя на 30%

При 30%-ной непрозрачности, мы сможем увидеть только 30% от верхнего изображения и 70% от нижнего, что создаст красивый эффект смешения. В своих работах вы можете регулировать значение непрозрачности, как пожелаете:

Результат понижения непрозрачности верхнего слоя до 30%

Быстрый совет: как устанавливать значение непрозрачности с помощью клавиш на клавиатуре

Далее я дам совет, как повысить скорость работы. Вы можете изменять значение непрозрачности слоя прямо с клавиатуры. Нажмите 1 для изменения значения на 10%, 2 – на 20%, 3 – на 30% и т.д. Нажмите быстро две цифры подряд для установки более точных значений (например, 2 и 5 – для 25%). Вы также можете нажать 0 – для установки 100% непрозрачности или быстро нажать два раза 0 – для 0%.

Способ 2: Режимы наложения

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

Первое изображение. Источник: Adobe Stock.

Я совмещу портрет с изображением текстуры:

Второе изображение. Источник: Adobe Stock.

И снова, если мы посмотрим на панель слоев, то увидим, что каждое изображение расположено на отдельном слое. Портрет размещен на слое заднего фона, а текстура – на слое над ним:

И снова на панели слоев видно, что каждое изображение размещено на отдельном слое

Параметр «Режимы наложения»

Режимы наложения в программе Photoshop – это различные способы взаимодействия слоев. Параметр «Режимы наложения» (Blend Mode) расположен в левой верхней части панели слоев, как раз напротив параметра «Непрозрачность» (Opacity). По умолчанию, режим наложения установлен на «Обычные» (Normal). При выборе данного режима слой никаким образом не смешивается с нижележащими слоями:

Параметр «Режимы наложения»

Кликните по слову «Обычные» (Normal), чтобы открыть меню, где представлены различные режимы наложения. Мы не будем рассматривать их все, более подробно я рассказал про них в уроке «Основные режимы наложения» . Однако отмечу три наиболее известных и полезных режимов: Умножение (Multiply), Экран (Screen) и Перекрытие (Overlay). Режим наложения «Умножение» создает эффект затемнения, режим «Экран» - эффект осветления, а режим «Перекрытие» смешивает два слоя таким образом, чтобы повысить контраст изображения в целом:

Результат применения режимов наложения: Умножение (слева), Экран (в центре), Перекрытие «справа»

Результаты, которые вы получите от применения различных режимов наложения, будут зависеть от исходных изображений. В моем случае, наилучший результат получился при использовании режима «Мягкий свет» (Soft Light):

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

Так же, как и режим «Перекрытие», «Мягкий свет» смешивает два изображения таким образом, чтобы повысить контраст в целом. Разница заключается в том, что режим «Мягкий свет» создает более мягкий и естественный эффект:

Результат после применения режим наложения «Мягкий свет»

Еще один режим наложения, который отлично подойдет для этих двух изображений – это режим «Разделить» (Divide):

Изменяем режим наложения на «Разделить»

Режим наложения «Разделить» относится к менее известным и более редко используемым режимам наложения. Но в моем случае он смотрится действительно превосходно:

Эффект наложения текстуры при выбранном режиме «Разделить»

Сочетание режимов наложения с уровнем непрозрачности

После того как вы выбрали режим наложения, вы можете достичь подходящего результата, настраивая нужный уровень непрозрачности, как мы рассмотрели ранее. Я оставлю режим наложения «Разделить» (Divide), а непрозрачность (Opacity) уменьшу со 100% до 50%:

Оставляем режим наложения установленным на «Разделить», и уменьшаем непрозрачность до 50%

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

Сочетание режима наложения с уменьшенным уровнем непрозрачности дает нам менее выраженный эффект

Быстрый совет: как изменять режимы наложения с помощью клавиш на клавиатуре

Способ 3: Использование маски слоя

Третий способ совмещения изображений, который мы рассмотрим в нашем уроке и который является наиболее популярным, — это применение маски слоя. В отличие от параметра «Непрозрачность слоя» и режимов наложения, которые совмещают изображения целиком, маски слоя позволяют нам выбирать и контролировать области изображений, которые мы хотим совместить. Использование масок слоя дают нам много возможностей, о которых не расскажешь за один урок. В моем случае, я познакомлю вас с основами применения масок слоя:

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

Первое изображение. Источник: Adobe Stock

А вот второе изображение:

Второе изображение. Источник: Adobe Stock

И снова, если мы посмотрим на панель слоев, то увидим, что каждое изображение размещено на отдельном слое. Фотография одуванчика – на слое заднего фона, а изображение с девушкой – на «Слое 1» (Layer 1) над ним:

Каждая фотография на отдельном слое

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

Для того чтобы добавить маску слоя, сначала убедитесь, что активен верхний слой. Далее, кликните по иконке «Добавить маску слоя» (Add Layer Mask), расположенную в нижней части панели слоев:

Кликаем по иконке «Добавить маску слоя»

И рядом с миниатюрой слоя появилась миниатюра маски слоя:

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

Как работает маска слоя

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

Маски слоя работают на основе черного и белого цветов. Любая область слоя, где маска слоя залита белым, остается видимой. А любая область слоя, где маска залита черным – спрятана из вида. Давайте рассмотрим, как можно быстро совместить два изображения, залив маску слоя черно-белым градиентом.

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

Выбираем инструмент «Градиент» (Gradient Tool) на панели инструментов:

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

Выбираем черно-белый градиент

Выбрав инструмент «Градиент», переходим на панель настроек в верхней части экрана и кликаем по стрелочке справа от образца градиента:

Кликаем по стрелочке справа от образца градиента

В палитре градиентов выбираем черно-белый (Black, White) градиент, дважды кликнув по его миниатюре (третий слева в верхнем ряду):

Выбираем черно-белый градиент

Совмещение двух изображений

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

Кликаем по миниатюре, чтобы выбрать маску слоя

Далее кликните по самому изображению и, удерживая кнопку мышки нажатой, протяните черно-белый градиент. Помните, что черный цвет скрывает часть слоя, а белый – отображает. В моем случае, я хочу оставить левую сторону изображения (там, где девочка) видимой, поэтому левая часть маски должна быть белого цвета. Правую сторону изображения я хочу скрыть, поэтому ее надо закрасить в черный цвет. Поскольку градиент будет начинаться с чёрного цвета и заканчиваться белым, я кликну по правой стороне изображения и протяну курсор в горизонтальной плоскости. Чтобы линия направления была прямой, удерживайте нажатой клавишу Shift:

Примените черно-белый градиент к маске слоя справа налево

Когда вы отпустите кнопку мышки, программа Photoshop нарисует градиент на маске слоя и совместит два изображения вместе. Итак, нам стала видна девушка с верхнего изображения и одуванчики – с нижнего. Если вам не понравился результат, просто протяните по маске еще один градиент:

Теперь два изображения совмещены вместе

Просмотр маски слоя

Если мы посмотрим на миниатюру слой-маски на панели слоев, то увидим, где был нарисован градиент. Черная область справа – это область, где верхнее изображение скрыто из вида, позволяя тем самым проявиться изображению на слое заднего фона. А белая область слева показывает нам часть, где верхнее изображение остается видимым:

Миниатюра слой-маски отображает градиент

Мы также можем увидеть саму маску слоя в документе. Если вы нажмете и удержите клавишу Alt (Win) / Option (Mac), кликнув при этом по миниатюре маски слоя, то переключитесь на режим просмотра масок слоя в документе. Тогда станет проще и нагляднее понимать, что происходит. И снова, черная область справа отображает то место, где верхний слой скрыт из вида, а белая область слева – где он виден.

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

Градиент от темного к светлому оттенку в середине позволяет двум изображениям соединиться в единое без видимых переходов

Быстрый совет: как включать и выключать маску слоя

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

Нажмите клавишу Shift и кликните по миниатюре маски слоя для ее включения/отключения

И вот мы закончили! Мы с вами рассмотрели, как совместить два изображения в программе Photoshop, используя параметр «Непрозрачность», режимы наложения и маски слоя.

Читайте также: