Как в фотошопе из двух фото сделать одно: Как соединить две фотографии в одну с помощью Adobe Photoshop?

Как соединить две фотографии в одну с помощью Adobe Photoshop?

2023-06-06 0 ∞ 3

Не знаете как объединить две фотографии в одну? Мы покажем как объединить два фото в одно изображение с помощью Photoshop. Эта статья представляет собой пошаговое руководство для Photoshop CC и CS6.

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

• Как совместить 2 фотографии в одну с помощью Adobe Photoshop
  • Как из двух фотографий сделать одну с помощью Adobe Photoshop? Шаг 1: выбираем команду «Загрузить файлы в стек»
  • Как объединить две картинки в одну в Adobe Photoshop? Шаг 2: выбираем изображения
  • Как соединить 2 фото в фотошопе? Шаг 3: загружаем изображения в Photoshop
  • Как в фотошопе открыть 2 фото одновременно? Просмотр двух изображений
  • Как совместить два фото в фотошопе? Шаг 4: Используем инструмент «Перемещение»
  • Как соединить 2 фотографии в одну с помощью фотошопа? Шаг 5: Убедитесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны
  • Как в фотошопе объединить две картинки? Шаг 6: выбираем верхний слой
  • Шаг 7: как перетаскивать фото в фотошоп  к краю другого изображения
  • Как склеить фото в фотошопе — привязка изображения к краю документа
  • Шаг 8: выбираем опцию «Показать все»
• Как поменять изображения местами
  • Шаг 1: Активируем инструмент «Перемещение»
  • Шаг 2: Выделяем весь холст
  • Шаг 3: Выбираем верхнее изображение
  • Шаг 4: Кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю»
  • Шаг 5: Выбираем нижнее изображение
  • Шаг 6: Кликаем по иконке «Выровнять края»

Я использую последнюю версию Photoshop CC . Но описанные ниже действия верны и для версии программы CS6.

Сначала нужно открыть изображения. По умолчанию Photoshop открывает изображения в отдельном документе. Но нам нужно поместить два изображения в один документ.

Поэтому идем в меню Файл, выбираем пункт «Сценарии», «Загрузить файлы в стек»:

Путь: Файл (File) > Сценарии (Scripts) > Загрузить файлы в стек (Load Files into Stack).

В диалоговом окне «Загрузить слои» выбираем пункт «Применить к файлам» и затем кликаем по кнопке «Обзор»:

Диалоговое окно «Загрузить слои» (Load Layers).

Указываем фотографии, которые хотим открыть. Далее кликаем по кнопке «Открыть».

Выбираем изображения и кликаем «Открыть» (Open).

Возвращаемся к диалоговому окну «Загрузить слои».

Две опции внизу «Попытка автоматически выровнять исходные изображения» и «Создать смарт-объект после загрузки слоев» оставляем неотмеченными. Затем загружаем изображения в Photoshop, кликнув по кнопке OK:

Кликаем «OK» для загрузки изображений в Photoshop.

Photoshop загружает оба изображения в один документ. В панели слоев каждое изображение расположено на отдельном слое. При этом имена файлов используются в названии слоев:

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

Изображение, расположенное на верхнем слое (фотография мамы и дочки из фото-банка Adobe Stock):

Первое из двух изображений.

Отключим видимость верхнего слоя, кликнув по иконке глаза:

Прячем изображение верхнего слоя.

После этого мы увидим изображение, расположенное на нижнем слое (фотография футболиста  из фото-банка Adobe Stock):

Второе изображение.

Включим видимость верхнего слоя:

Включаем видимость верхнего слоя. 

Сейчас два изображения находятся в одном документе. Но как разместить их рядом друг с другом?

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

Выбираем инструмент «Перемещение» (Move Tool).

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

Переходим в меню «Просмотр» и проверяем, активна ли опция «Привязка»:

Проверяем активность опции «Привязка» (Snap).

Ниже включаем параметр «Привязать к» и проверяем активность опции «Границы документа»:

Убедитесь, что опция «Привязать к границам документа» активна.

В панели «Слои» выделяем верхний слой:

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

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

Перетаскивание верхнего изображения вправо от нижнего изображения.

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

Верхнее изображение скрыто за краем холста.

Чтобы активировать видимость обоих изображений, в меню «Изображение» выбираем опцию «Показать все».

Идем в меню «Изображение» (Image) > «Показать все» (Reveal All).

При этом Photoshop изменяет размер холста, чтобы разместить два изображения:

Результат после использования опции «Показать все» (Reveal All).

Но что делать, если нужно поменять изображения местами?

Убедитесь, что инструмент «Перемещение» все еще активен:

Проверяем, активен ли инструмент «Перемещение» (Move Tool).

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

Идем в «Выделение» (Select) > «Все» (All).

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

Выбираем верхний слой.

После этого в панели параметров кликаем по иконке «Выравнивание по левому краю» или «Выравнивание по правому краю».

Мне нужно переместить изображение справа налево, поэтому я кликаю по иконке «Выравнивание по левому краю»:

Кликаем по иконке «Выравнивание по левому краю» (Align Left Edges).

После этого Photoshop выровняет левый край изображения по левому краю холста:

Результат после перемещения верхнего изображения справа налево.

Выделите нижний слой:

Для выделения нижнего изображения кликаем по нижнему слою.

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

Кликаем по иконке «Выравнивание по правому краю» (Align Right Edges).

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

Результат после перемещения нижнего изображения слева направо.

Мы научились загружать два изображения в один документ Photoshop, размещать изображения рядом и менять их местами!

Наталья Кайдаавтор-переводчик статьи «Photoshop Quick Tip: How to Place Two Images Side by Side»

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

Как совместить две фотографии в фотошопе: пошаговая инструкция

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

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

Содержание

• Подготовка холста/работа со слоями
• Создаем плавный переход
• Результат соединения двух фотографий в одну

Подготовка холста/работа со слоями

За 2 исходных фотоснимка возьмем пейзажи, один из которых зимний, а другой летний:

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

Также можно воспользоваться комбинацией клавиш ALT+CTRL+C.

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

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

Для подтверждения операции нажмите ОК.

Остается просто перетащить второй снимок на освободившееся место.

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

Если изображение маленькое и его необходимо растянуть, то воспользуйтесь инструментом «Перемещение», а затем растяните фото за уголки в нужном направлении.

Случается так, что фотография заблокирована и не поддается редактированию. Исправить это можно, кликнув по фоновому (заблокированному) слою дважды, после чего появиться меню функции «Новый слой». Подтвердите операцию копирования, нажав ОК.

Создаем плавный переход

Теперь нужно перейти на верхний слой и создать белую маску. См. скриншот ниже:

После, выберите инструмент «Кисть»:

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

Также выставьте показатель непрозрачности примерно на 20%.

В палитре цветов необходимо выбрать черный цвет.

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

А вот и сам финальный результат соединения двух фотографий в одну на холсте:

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

Оставайтесь с нами и изучайте другие уроки по работе с программой. Удачи в творчестве!

Как объединить фотографии в Photoshop для начинающих

2

ПОДЕЛИТЬСЯ

► Загрузите практические изображения здесь:

В этом уроке Photoshop показано, как объединять изображения, чтобы они выглядели как одно изображение. Я сделал шаги легкими и простыми, чтобы вы могли следовать им и применять эти шаги к своим собственным изображениям.

Шаг 1. Как объединить изображения в Photoshop

Откройте 2 изображения Файл>Открыть

Чтобы объединить 2 изображения (посмотрите видео, чтобы узнать о разрешении и о том, какое изображение использовать в качестве основы, я пропустил это по шагам, чтобы было проще)

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

Щелкните в центре изображения льва

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

Откроется второе изображение. Не отпуская мышь, перетащите в центр нового изображения.

Удерживайте клавишу Shift (в центр), а затем отпустите кнопку мыши.

Теперь у вас будет один документ с двумя изображениями в качестве слоев. (См. панель слоев)

Здесь 2 изображения находятся на слоях, теперь нам нужно смешать их вместе.

Шаг 2. Как удалить фон со слоя

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

Давайте немного уменьшим изображение льва.

Выберите Ctrl/Cmd+T для свободной трансформации.

Перетащите ручки, чтобы уменьшить льва.

Если изображение искажается, удерживайте клавишу Shift, чтобы сохранить пропорции. Если не искажает, Shift удерживать не нужно. (Теперь это переключатель и может работать в любом случае).

Вот результат.

Чтобы вырезать объект…

Выберите инструмент быстрого выбора

Нажмите «Выбрать объект» на верхней панели

Вы увидите выделение вокруг льва

Выберите «Выделение и маска»

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

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

Проведите кистью по краям меха

Когда вы отпустите кисть, это улучшит выделение по краям меха и волос

Включите Decontaminate Colors, выберите New Layer with Layer Mask и нажмите ok .

Лев теперь вырезан. Это тот же процесс для человека или чего-либо на самом деле.

Еще раз нажмите Ctrl/Cmd+T для свободного преобразования.

Размер и положение льва.

Нажмите Enter, чтобы применить

Шаг 3: Как подобрать цвета и освещение

Лев на месте, но цвет и тон еще не соответствуют фону.

Выделив слой со львом, выберите Image>Adjustments>Match Color

В разделе «Источник» выберите изображение, над которым вы работаете

В разделе «Слой» выберите слой, из которого вы хотите скопировать цвета. Это будет фон

Вы увидите корректировку, примененную ко льву

Используйте затухание, чтобы уменьшить интенсивность корректировки

Выглядит хорошо.

Нажмите OK

Шаг 4: Создание реалистичных теней в Photoshop

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

Выберите слой Lion и щелкните fx в нижней части панели слоев

Выберите Drop Shadow

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

Нажмите OK

Мы хотим сделать тень обычным пиксельным слоем

Щелкните правой кнопкой мыши тень и выберите Создать Слой

Тень теперь обычный слой.

Выберите слой с тенью и нажмите Cmd/Ctrl+T

Щелкните правой кнопкой мыши и выберите Отразить по вертикали

Теперь слой с тенью будет перевернут.

Перетащите тень под львом

Щелкните правой кнопкой мыши и выберите наклон

Перетащите нижнюю часть тени, чтобы изменить угол в соответствии с направлением света

Измените положение и нажмите Enter, чтобы применить.

Тень на месте. Нам нужно его смягчить.

Выберите «Фильтр»> «Размытие»> «Размытие по Гауссу».

14.8 делает эту тень приятной и мягкой.

Нажмите ок.

Отрегулируйте непрозрачность тени, чтобы она не была такой темной.

А вот и тень.

У меня есть более точный способ создания теней (основанный на этом методе). Мой следующий урок будет посвящен просто созданию тени. Я хочу, чтобы этот урок был максимально простым, так как он представляет собой полное прохождение всего изображения.

Шаг 5, добавление цветовой шкалы.

Ничто так не объединяет комнату, как ковер.

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

Вот быстрый способ.

Выберите верхний слой

Создайте новый корректирующий слой цвета

Выберите свой цвет.

Измените режим наложения (обычный) на Цвет

Уменьшите непрозрачность по своему вкусу.

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

Надеюсь, вам понравился этот урок. Не забудьте посмотреть видео вверху, чтобы понять эти шаги и получить дополнительные советы.

Следите за следующим уроком по созданию суперреалистичных теней

Спасибо

Колин

Если вам понравился этот урок, ознакомьтесь с моим новым курсом «Изучение слоев в Photoshop»

Как разместить два изображения Бок о бок

Узнайте, как быстро разместить две связанные фотографии рядом и объединить их в одно составное изображение с помощью Photoshop! Пошаговое руководство для Photoshop CC и CS6.

Автор сценария Стив Паттерсон.

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

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

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

Начнем!

Как разместить две фотографии рядом

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

Чтобы продолжить, вы должны использовать последнюю версию Photoshop.

Шаг 1. Выберите команду «Загрузить файлы в стек»

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

Поэтому вместо использования команды «Открыть» перейдите в меню Файл в строке меню, выберите Сценарии , а затем выберите Загрузить файлы в стек :

Выберите «Файл» > «Сценарии» > «Загрузить файлы в стек».

Шаг 2. Выберите изображения

В диалоговом окне «Загрузить слои» установите Использовать на Файлы , а затем нажмите Обзор :

Диалоговое окно «Загрузить слои».

Перейдите к фотографиям, которые хотите открыть. Щелкните первое изображение, а затем нажмите и удерживайте клавишу Shift и щелкните второе изображение. Это выбирает оба изображения сразу. Затем нажмите Открыть :

Выбор изображений и нажатие «Открыть».

Шаг 3. Загрузите изображения в Photoshop

И снова в диалоговом окне «Загрузить слои» появляются имена выбранных вами изображений.

Оставьте два параметра внизу («Попытка автоматического выравнивания исходных изображений» и «Создать смарт-объект после загрузки слоев») не отмеченными флажками. Затем загрузите изображения в Photoshop, нажав

OK :

.

Нажмите OK, чтобы загрузить изображения в Photoshop.

Photoshop загружает оба изображения в один и тот же документ. А на панели «Слои» каждая фотография отображается на отдельном слое.

В качестве имен слоев используются имена файлов (в моем случае «Портрет.jpg» и «Футбол.jpg»):

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

Просмотр двух изображений

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

По крайней мере, на данный момент.

Вот мое изображение на верхнем слое (фото матери и дочери из Adobe Stock):

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

И если я отключу верхний слой, щелкнув значок его видимости:

Скрытие изображения на верхнем слое.

Видим изображение на нижнем слое (футбольное фото из Adobe Stock):

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

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

Включение верхнего слоя.

Связанный: Узнайте все о слоях в Photoshop!

Шаг 4. Выберите инструмент «Перемещение»

Итак, теперь, когда оба изображения находятся в одном документе, как их разместить рядом?

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

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

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

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

Шаг 5. Убедитесь, что «Привязка» и «Привязка к границам документа» включены

Чтобы использовать этот трюк, нам нужно, чтобы изображение привязывалось к краю документа, когда мы его перетаскивали. А для этого нужно включить пару опций. Они оба включены по умолчанию, но лучше перепроверить.

Перейдите в меню Просмотр в строке меню и убедитесь, что : Snap включен. Вы должны увидеть галочку рядом с его именем:

Убедитесь, что Snap включен (проверено).

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

Убедитесь, что также установлен флажок «Привязать к границам документа».

Шаг 6. Выберите верхний слой

На панели «Слои» выберите изображение на верхнем слое:

Щелкните верхний слой, чтобы выбрать его.

Шаг 7. Перетащите изображение сбоку от другого изображения

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

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

Перетаскивание верхнего изображения вправо от нижнего изображения.

Привязка изображения к краю документа

Как только вы подойдете достаточно близко к краю документа, ваше изображение внезапно прилипнет к краю.

Когда это произойдет, отпустите кнопку мыши, а затем отпустите клавишу Shift (в указанном порядке). Верхнее изображение теперь скрыто и находится сбоку от холста:

Верхнее изображение скрыто сбоку.

Шаг 8. Выберите «Показать все»

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

Переход к изображению > Показать все.

И Photoshop мгновенно изменяет размер холста, чтобы он соответствовал обоим изображениям. Точно так же фотографии теперь появляются рядом:

Результат после выбора «Показать все».

Как поменять местами изображения

Вот как легко разместить два изображения рядом с помощью Photoshop!

Но что, если вы думаете, что изображения выглядели бы лучше, если бы их поменять местами, чтобы фото слева было перемещено вправо, а фото справа — слева? Вот быстрый способ поменять их местами.

Шаг 1. Выберите инструмент «Перемещение»

Во-первых, убедитесь, что инструмент перемещения все еще выбран на панели инструментов:

Убедитесь, что инструмент перемещения активен.

Шаг 2: Выделите весь холст

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

Для этого нам нужно выделить весь холст, поэтому перейдите в меню Select в строке меню и выберите All . По краям документа появится контур выделения:

Собираюсь выбрать > Все.

Шаг 3. Выберите верхнее изображение

На панели «Слои» щелкните верхнее изображение, чтобы выбрать его:

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

Шаг 4. Щелкните значок «Выровнять левые края» или «Выровнять правые края»

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

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

Щелкните значок «Выровнять левые края» на панели параметров.