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

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

2022-08-19

Не знаете как объединить две фотографии в одну? Мы покажем как объединить два фото в одно изображение с помощью 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»

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

Содержание:

• Сливаем фото воедино
• Обводка
• Плавный переход
• Видео инструкция

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

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

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

Ну а теперь давайте перейдем непосредственно к работе над фотографиями. Как же их объединить?

Сливаем фото воедино

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

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

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

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

Не составит большого труда уменьшить, увеличить или перетащить новое фото. Все это делается при помощи мыши. Единственное, могу раскрыть несколько полезных секретов. Если вы зажмете Shift, а затем начинаете манипулировать курсором, то пропорции сохранятся. Картинка не будет «вытянута» по горизонтали или вертикали.

Еще одно полезное сочетание клавиш – Ctrl+T. Если вы, предположим, уже поработали над изображением и нажали enter, чтобы применить форматирование, а потом снова захотели поменять размер картинки или ее местоположение, то эти горячие кнопки помогут вам снова вызвать ту же самую функцию.

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

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

Верхний слой (под цифрой «2») не растрирован, а второй («Фон») закрыт от редактуры. Щелкните по замочку справа, чтобы разблокировать опции нижнего.

С тем, что я назвал «2» придется поступить иначе. Кликните правой кнопкой мыши, а затем в появившемся меню выберите функцию «Растрировать слой».

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

Обводка

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

Для этого кликаю в правом меню на функцию Fx и в появившемся окне выбираю «Обводка». Не забывайте, что она будет применена к тому слою, по которому вы кликнули, а он впоследствии подсветился. В данном случае «2».

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

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

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

Готово.

Плавный переход

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

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

Чтобы было лучше видно результат, выберите вид «На слоях».

Здесь также много настроек, но нам сейчас понадобится только «Растушевка» и, возможно, «Сместить край». Подергайте за ползунки, а затем нажмите «Инвертировать».

Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.

Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.

Можно поступить несколько иначе, чем в предыдущем примере. Сначала выделите слой (теперь я работаю с фоном), затем обведите изображение при помощи прямоугольного выделения, после примените инверсию, а уж в конце открывайте функцию «Выделение и маска».

Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.

Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно о PNG-формате и методах работы с ним. Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.

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

Вот в принципе и все.

Видео инструкция

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

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

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

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

На этом у меня все. Не забывайте подписываться на группу Старт-Лак Вконтакте, чтобы не пропустить нечто полезное. До новых встреч и удачи.

Слияние и комбинирование изображений

НАЧИНАЮЩИЙ · 15 МИН

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

Что вам понадобится

Получить файлы

Примеры файлов для практики (ZIP, 15,4 МБ)

Открыть в приложении

Открыть этот урок в Photoshop.

Добавление текстуры к изображению

Создание текстуры с помощью режимов наложения.

 

Что вы узнали: Добавление текстуры к изображению

1. Начните с двух слоев. Изображение с текстурой, которую вы хотите добавить, должно находиться на верхнем слое, а основное изображение должно быть на нижнем слое.
2. Убедитесь, что на панели Layers выбран верхний слой (текстура).
3. В левом верхнем углу панели «Слои» измените режим наложения в раскрывающемся меню с Обычный на Наложение . Это изменяет способ взаимодействия цветов слоя текстуры с цветами нижнего слоя. Попробуйте другие режимы наложения, чтобы найти тот, который лучше всего подходит для ваших изображений.
4. В верхней части панели Слои поэкспериментируйте с уменьшением ползунка Непрозрачность , чтобы изменить внешний вид текстуры на изображении.

Добавление объекта к изображению с помощью маски слоя

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

 

Чему вы научились: Чтобы добавить объект к изображению с помощью маски слоя

1. Начните с двух слоев. Изображение с объектом, который вы хотите добавить, должно находиться на верхнем слое
   , а основное изображение должно быть на нижнем слое.
2. Убедитесь, что на панели Layers выбран верхний слой (объект, который вы хотите добавить).
3. В нижней части панели «Слои» щелкните значок Добавить маску слоя . Это добавит белый прямоугольник или миниатюру, связанную с вашим верхним слоем. Этот белый прямоугольник является маской слоя. Маска слоя определяет, какая часть связанного слоя видна, а какая скрыта. Белый цвет на маске обозначает видимые области. Черный цвет на маске представляет области, которые скрыты.
4. На панели Инструменты выберите инструмент Кисть . Выбрав маску (щелкнув миниатюру маски на панели «Слои»), закрасьте черным или белым цветом, чтобы сделать области связанного слоя скрытыми или видимыми.

Замена фона с помощью маски слоя

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

 

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

1. Начните с двух слоев. Исходное изображение должно быть на верхнем слое, а замененное фоновое изображение должно быть на нижнем слое.
2. Убедитесь, что на панели Layers выбран верхний слой (исходное изображение).
3. На панели Инструменты выберите инструмент Быстрое выделение и используйте его, чтобы выбрать все области исходного изображения, которые вы хотите сохранить в окончательном выводе — все, кроме фона исходного изображения.
4. В нижней части панели Слои щелкните значок Добавить маску слоя . Это добавляет миниатюру маски слоя, связанную с верхним слоем. Маска слоя скрывает все, кроме того, что вы выбрали. Скрытые области на верхнем слое позволяют вам видеть сквозь стек слоев замещающий фон на нижнем слое.

 

Назад к: Добавление текста и фигур | Далее: Применить фильтры

 

Как объединить изображения и смешать их вместе в Photoshop

3

ПОДЕЛИТЬСЯ

В этом уроке по Photoshop я покажу вам 2 способа объединения изображений и 4 способа плавного их смешивания. вместе.

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

Как объединить фотографии в Photoshop

Сейчас мы рассмотрим 2 способа объединения изображений в одно изображение в Photoshop.

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

Выберите инструмент перемещения (клавиша V)

Перетащите изображение, которое вы хотите переместить (источник)

Перетащите вверх на вкладку изображения, которое вы хотите переместить (Место назначения)

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

Перетащите в центр нового изображения и отпустите.

Совет: если вы хотите центрировать изображение, удерживайте нажатой клавишу Shift, когда отпускаете.

Объединение изображений в Photoshop с помощью мозаичных окон

2-й способ объединения изображений. Оба метода дают одинаковый результат. Используйте то, что лучше всего подходит для вас.

Выберите Window>Arrange>Tile

Теперь вы увидите разные изображения в разных мозаичных окнах.

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

Теперь я покажу вам 4 способа смешивания слоев (на самом деле 3 плюс бонус, так что, думаю, на самом деле 4).

#1 Смешивание слоев с использованием режимов наложения слоев

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

Щелкните там, где указано нормальное значение на панели слоев.

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

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

#2 Смешение слоев с использованием масок слоя

Нажмите кнопку «Новая маска слоя» на панели «Слои», чтобы добавить маску.

Вот туториал о том, как работают маски слоя, с советами.

Выберите инструмент градиента (клавиша G)

Вверху выберите градиент от черного к белому

Тип: Линейный; режим: нормальный; Непрозрачность:100%

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

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

#3 Смешайте слои, вырезав фон

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

Выберите Выбрать тему

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

При активном выделении щелкните

добавьте маску слоя на панели слоев

Теперь вы можете видеть, как фон просвечивает.

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