Совмещение фотографий в фотошопе. Как в Photoshop разместить два изображения рядом

Содержание

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

Научитесь объединять две фото в одно изображение с помощью Photoshop. Пошаговое управление для Photoshop CC и CS6.

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

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

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

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

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

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

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

Шаг 2: избираем изображения

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

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

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

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

Шаг 3: загружаем изображения в Photoshop

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 4: Используем инструмент «Перемещение»

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

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

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

Читайте также  Windows 10 удалил администратора. Удаление учетной записи администратора

Шаг 5: Удостоверьтесь, что «Привязка» (Snap) и «Привязать к границам документа» (Snap To Document Bounds) активны

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

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

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

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

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

Шаг 6: избираем верхний слой

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

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

Шаг 7: перетаскиваем изображение к краю другого изображения

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

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

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

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

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

Шаг 8: избираем опцию «Показать все»

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

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

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

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

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

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

Шаг 1: Активируем инструмент «Перемещение»

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

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

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

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

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

Шаг 3: Избираем верхнее изображение

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

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

Шаг 4: Кликаем по иконке «Выравнивание по левому краю» либо «Выравнивание по правому краю»

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

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

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

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

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

Шаг 5: Избираем нижнее изображение

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

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

Шаг 6: Кликаем по иконке «Выровнять края»

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

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

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

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

Читайте также  Errorcode 80070002 lost planet 2. Ошибка 0x80070002 в Windows: как исправить? (5 способов)

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

Данная публикация представляет собой перевод статьи «Photoshop Quick Tip: How to Place Two Images Side by Side» , приготовленной дружной командой проекта Интернет-технологии.ру

Как в фотошопе можно просто объединить две фото в одну?

Доброго всем времени суток, мои уважаемые читатели! Как постоянно с вами Дмитрий Костин, здесь всё без изменений). Я вот смотрю, почти все интересуются как объединить две фотографию в одну в фотошопе. Просто бывают, что люди желают сделать сопоставление, к примеру ДО и Опосля, либо что-нибудь еще.

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

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

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

В этом примере я решил сделать объединение фото в стиле «До и после». Вы лишь не говорите мне, что эти люди не похожи. Это два различных человека). В общем откройте две фото в photoshop, а далее по порядку. Я взял фоточки 2-ух людей: худого и рельефного.

  1. Для начала давайте создадим изображения схожей высоты. Для этого находясь на каждой фото в отдельности, зайдите в меню «Изображение» — «Размер изображения». Поглядите количество пикселей по высоте. У меня вышло, что у худышки 680 пикселей, а у подкаченного 1329. 
  2. В этом случае лучше уменьшить размер изображения подкаченного до 680 пикселей в высоту, чтобы приравнять их и не утратить в качестве. Понимаете как это делается? Ежели нет, то смотрим мою статью про изменение размера изображения (правда всё и так обязано быть понятно). И кстати запомните размер изображения качка по горизонтали. У меня вышло 487. 
  3. Теперь перебегайте на фотографию худышки и идите снова в меню «Изображение», лишь на сей раз выберете «Размер холста». Тут мы просто увеличим рабочую область без роста самой фотки. Итак размер фотки худого по горизонтали составляет 453 пикселя. Прибавляем на уровне мыслей 487 пикселей (размер по горизонтали фотки качка) и получаем 940. Конкретно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
  4. Теперь нам необходимо выбрать с какой стороны покажутся эти новейшие доп 487 пикселей по горизонтали. Ежели оставим как есть, то холст возрастет в обоих сторон на 243 и 244 пикселя (487/2). Но мы желаем сделать «До и после», а означает худышка должен быть слева, следовательно пустой кусочек холста справа. Тогда в расположении нажимаем на стрелку на лево, чтоб центр сместился левее. также сможете выбрать цвет фона, но в нашем случае это не необходимо, подойдет хоть какой, так как все равно мы его закроем. Потом жмем ОК. 
  5. Видите? Сейчас у нас возник большой кусочек белоснежного фона. Сейчас перебегаем на фотографию накаченного, берем инструмент «Перемещение», зажимаем левую клавишу мыши на фото и перетягиваем на вкладку с фото худыша. 
  6. Дело за малым. Осталось передвинуть фотографию прямо на белоснежный фон. Мы точно рассчитали ширину и подогнали высоту, так что всё обязано встать ровно. 
Читайте также  Блок питания apple как разобрать. Разборка зарядного устройства Apple A1400

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

Объединение с плавным переходом

Есть еще один увлекательный эффект, когда переход от одной фото к иной осуществляется плавненько. Давайте я сделаю это на примере 2-ух животных: льва и сайгака.

  1. Откройте изображение льва и сайгака в нашем редакторе, но на различных вкладках.
  2. Перейдите на слой со львом и выберете режим стремительной маски.
  3. Теперь выберете инструмент «Градиент» и удостоверьтесь, что переход стоит от темного к белоснежному. И сейчас сиим градиентом проведите линию приблизительно в середине, как показано у меня на рисунке. 
  4. У вас часть изображения со львом обязана закраситься красноватым цветом. Непревзойденно. Это нам и необходимо. Сейчас поглядите на панель слоев и на наш активный слой со львом. Он основной? Т.е. замочек на нем стоит? Ежели да, то нажмите на него левой клавишей мыши, чтоб он исчез, по другому мы просто не сможем редактировать данный слой. 
  5. Теперь уберите режим стремительной маски, нажав на ее значок еще раз. У вас обязана будет выделиться часть изображения пунктирной линией. Опосля этого нажмите кнопку DELETE и удостоверьтесь, что содержание стоит «С учетом содержимого», потом нажмите ОК. У вас обязана убраться правая часть изображения, при этом с плавным прозрачным переходом. Лишь снимите выделение (просто кликните один раз хоть каким инвентарем выделения, к примеру прямоугольной областью). 
  6. Теперь перебегайте на вкладку с сайгаком (блин, забавное все таки животное и название). Желательно сравнять высоту (в пикселях) этих 2-ух изображений, как и в прошлом примере. Сейчас берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву. 
  7. А сейчас фокус (шучу, естественно это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, снова мы его зажимаем) левой клавишей мыши, опосля чего же перетаскиваем его вниз так, что бы он оказался ниже льва. 
  8. Видите, что получилось? Царь животных и антилопа соединены в единое фото. Круто! Можно мало подвигать антилопу с помощью «Перемещения». Смотрим. Плавный переход удался. По моему полностью хорошо вышло. Симпатично и ненапряжно. 

Ну в общем как-то так.

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

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

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

С уважением, Дмитрий Костин.

Оставьте комментарий