Как в фотошопе соединить две фотографии рядом. Как совмещать фотографии в Фотошопе (Photoshop)

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

  1. Откройте в Фотошопе через «Файл»-«Открыть» главного меню программы файл с фотографией, которая будет являться базовой для изображения. Можно также нажать сочетание клавиш Ctrl + O (английская буква O) для этого. Вы, наверное, уже заметили, что все наиболее часто используемые операции в данном графическом редакторе могут быть вызваны нажатием сочетания «горячих» клавиш. Это значительно ускоряет процесс работы и редактирования изображений.


  2. Скопируйте фоновый слой нажатием клавиш Ctrl + J и добавьте на него белую заливку на всей площади изображения, нажав сочетание клавиш Shift + F5 и установите непрозрачность его заливки в 70%. Нажмите кнопку «Ок».


  3. Активируйте линейку в рабочей области сочетанием клавиш Ctrl + R. Перетаскивая с вертикальной и горизонтальной линеек направляющие, установите их как показано на изображении.


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


  5. Выберите в панели управления слоями самый нижний фоновый слой и нажмите сочетание клавиш Ctrl + J для копирования выделенной в предыдущем пункте прямоугольной области. После этого, зажав созданный слой-копию в панели управления слоями, перетащите его на самый верх над остальными слоями.


  6. Направляющие пока больше не нужны и их можно скрыть сочетанием клавиш Ctrl + H (Н английское).
  7. Назначьте новому слою дополнительные стили в виде тени и обводки. Для этого из главного меню перейдите в «Слои»-«Стиль слоя»-«Параметры наложения». Активируйте стиль обводка и установите в нем значения как на приведенном ниже изображении.


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

    активация стиля "Тень"


  9. Снова вызовите линейки, нажав сочетание клавиш Ctrl + R. С верхней шкалы линейки перетащите направляющую на вертикальную линейку на отметку 0 (ноль). Данная направляющая будет соответствовать средней линии изображения и поможет точно позиционировать инструмент «Эллипс» в следующем шаге.


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


  11. Создайте выделение по нарисованному овалу. Для этого проверьте, чтобы в панели слоев был выбран слой с овалом, установите курсор на изображение с фигурой в данной панели, нажмите клавишу Ctrl на клавиатуре и не отпуская клавиши, сделайте клик левой кнопкой мышки. В результате по контуру овала должны появиться так называемые «бегущие муравьи», которые информирую об успешно созданном выделении.
  12. Теперь созданный слой с овалом становится не нужным, а нужно только полученное выделение. Поэтому слой можно удалить, перетащив в корзину в панели управления слоями.
  13. Инвертируйте выделение через «Выделение» - «Инверсия» из главного меню, или нажмите сочетание клавиш Shift + Ctrl + I для этого.


  14. Залейте инвертированное выделение новым слоем. Для этого нажмите на кнопку создания нового слоя в панели управления слоями и нажмите Alt + Backspace на клавиатуре.
  15. Не снимая выделения в панели управления слоями выберите фоновый (самый нижний) слой и скопируйте его нажатием клавиш Ctrl + J. После этого перетяните его под верхний слой, перейдите на верхний слой и уменьшите его непрозрачность до 70%.


  16. Скопируйте стили слоя, созданные в 7 и 8 пункте. Для этого выберите данный слой в панели управления слоями, кликните по нему правой кнопкой мышки и выберите в появившемся меню пункт «Скопировать стиль слоя». После этого, кликните правой кнопкой мышки на самом верхнем слое и выберите пункт «Вклеить стиль слоя». Восстановите его непрозрачность на уровне 70%.


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


  18. Перейдите в панели управления слоями на слой с выделением овальной области, нажмите сочетание клавиш Ctrl + Alt + Shift и не отпуская их нажмите левую кнопку мышки. В результате данного действия будет отсечена область выделения по конуру овала.


  19. Нажмите клавишу Alt на клавиатуре или выберите настройку «Вычитание из выделенной области» и обрежьте данную область слева. После этого область выделения можно сдвинуть влево стрелкой «Влево» на клавиатуре.


  20. Скопируйте область выделения слева на новый слой сочетанием клавиш Ctrl + J.


  21. Откройте фотографию, которую планируется разместить в созданном выделении. Фотография будет открыта в новой вкладке. Чтобы перенести ее в рабочий холст выделите всю ее область сочетанием клавиш Ctrl + A, скопируйте нажатием Ctrl + C и вставьте горячими клавишами Ctrl + V.


  22. Для исключения из добавленной фотографии всего, что выходит за предметы области выделения применим к ней обтравочную маску. Для этого выберите слой с добавленной фотографией и нажмите сочетание клавиш Alt + Ctrl + G. Восстановите прозрачность на слое с выделением до 100% и измените масштабирование фотографии до необходимых значений.


  23. Направляющие линии и линейку можно отключить, так они уже не понадобятся. Для этого нажмите уже знакомое сочетание клавиш Ctrl + H.
  24. Выполните пункты 17-22 для того, чтобы создать изображение внизу слева.


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


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

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

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

Вот, как будет выглядеть финальный результат:

Это первое фото, которое я буду использовать:

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

Итак приступим.

Шаг 1. Первым делом нужно объединить оба изображения в один рабочий документ. Откройте обе фотографии в Фотошоп. Выберите инструмент Перемещение (V) и кликните на фото с гуляющей по пляжу парой, чтобы сделать его активным. Затем перетащите его инструментом на фото, как показано ниже.

Вот, как будет выглядеть палитра Слои (Layers) . Оба изображения находятся на отдельных слоях.

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

Так как фотография с пляжем по ширине больше, чем рабочий документ, то при использовании команды Свободное трансформирование (Free Transform) угловые маркеры на рамке инструмента будут находиться вне просматриваемой области документа. Попросту говоря, мы не увидим ни одного из угловых маркеров. Чтобы решить эту проблему, уменьшите рабочее изображение до подходящего размера (Ctrl + -) , чтобы были видны угловые маркеры.

Итак выбираем команду Свободное трансформирование (Ctrl + T) .

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

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

Чтобы обойти эту проблему, удерживая клавишу Alt , дважды кликните на Фоновом слое (Background) . Программа Фотошоп разблокирует Фоновый слой и автоматически переименует его в Слой 0 (Layers 0) .

Теперь, с помощью инструмента Перемещение (V) , сдвиньте изображение немного вверх.

Шаг 3. Теперь приступим непосредственно к смешиванию изображений. Активируйте верхний слой и нажмите значок Добавить слой-маску (Add A Layer Mask) .

Шаг 4. Выберите инструмент Градиент (G) и установите настройки, как показано ниже:

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

Вот, что получилось у меня. Если Вы не довольны своим результатом, нажмите Ctrl + Z , чтобы отменить последнее действие и попробуйте снова.

Шаг 5. Теперь сольём все видимые слои в один (Shift + Ctrl + Alt + E) .

Шаг 7. Затем добавим изображению немного шума, чтобы слияние выглядело более плавным. Выберите команду Фильтр > Шум > Добавить шум (Filter > Noise > Add Noise) и установите параметры, как показано ниже:

Шаг 8. Осталось добавить свой цвет изображению. Добавьте Новый корректирующий слой (New Fill Or Adjustment Layer) и выберите из списка Цвет (Solid Color) .

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

Зачем объединять две фотографии в одну, что такое фотоколлаж

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

Подобный рисунок принято называть фотоколлаж. Что такое фотоколлаж? Это одна картинка, на которой размещено множество других картинок. Например, на фоне природы гуляют люди. Далее мы узнаем, как объединить 2 фото в одну.

Объединить две фотографии в одну онлайн, программа Pixlr Express

Помимо фотошопа в Интернете существует специальный сервис Pixlr Express, который может объединить две фотографии в одну и тем самым он создаёт фотоколлаж. Работать с ним достаточно просто. Для начала откроем его главную страницу по этому адресу – (pixlr.com/express). (Скажу, что этот сервис не будет работать, если у Вас включены блокировщики рекламы).

Чтобы создать фотоколлаж нажмите на кнопку – Collag. Далее у нас открывается панель редактирования. Откроются четыре панели, на них можно нажать и выбрать с компьютера те фотографии, которые мы хотим соединить. (Рисунок 1)

Итак, у нас появились две фотографии. Теперь, чтобы их соединить в одну, нажимаем на кнопку Layout, выбираем двойной слой и «Finished», для сохранения картинки. (Рисунок 2)

Впоследствии, появляются две функции Save, что означает сохранить. Нажмите на эту функцию два раза и сохраняем фотоколлаж на компьютер. Итак, мы создали фотоколлаж (Рисунок 3).

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

Объединить две фотографии в одну в фотошопе

Итак, чтобы объединить две фотографии в одну используем второй вариант – программу фотошоп. Открываем фотошоп нажимаем на кнопку «файл», далее «открыть» и выбираем с компьютера ту картинку, которую надо изменить.

Затем так же добавляем второе фото. В фотошпе появились две вкладки картинок. Нам нужно перейти на вторую, чтобы переместить изображение на первое фото. Нажимаете на «слои» затем на два раза щёлкаете левой кнопкой мыши и нажмите «ок». Это необходимо сделать, чтобы была возможность редактирования картинки. (Рисунок 4).

После данного действия, с этого фона картинка удалиться и её можно вставить на другой фон. Для вставки картинки опять переходим на первую картинку в раздел «редактирование» «вставить» В этом случае, у Вас точно должно получиться объединить две фотографии в одну. Если Вам будет мешать фон на второй фотографии, то его можно убрать. Заходим во вкладку «слои» выбираем «векторную маску» затем нажимаем на кисть и потихоньку убираем ненужный фон. Таким образом, картинки полностью соединяться.

Заключение

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

Созданные коллажи, уникальные картинки можно разместить для продажи в Интернете на специальных сервисах – фотостоках и на этом заработать. Удачи Вам!

С уважением, Иван Кунпан.

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

03.03.15 1.9K

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

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

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


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


Таким образом, чтобы скорректировать изображения, сначала расширим холст: Изображение> Изменить размер> Холсты … увеличиваем размер примерно на 25% (мне нравится черный фон ), выравниваем слои, затем открываем (новый ) инструмент искажений камеры: Фильтр>Коррекция дисторсии и регулируем вертикальную перспективу.

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


А вот фото переднего плана. Обратите внимание, что на обоих изображениях дерево теперь выровнено по вертикали:


Убедитесь, что оба изображения являются горизонтальными: Вид> Сетка и Изображение> Повернуть> Настроить .

Теперь, выбираем одно из изображений и снова увеличиваем холст (Изображение> Изменение размера> Размер хоста ), так чтобы вы могли поместить другое изображение поверх текущего и передвинуть его как вам нужно — особенно сильно нам нужно увеличить холст по вертикали.

Скопируйте изображение (Ctrl + A, Ctrl + C ) и вставьте его на холст другого изображения (Ctrl + V ). Отрегулируйте непрозрачность (в палитре слоев ) вышерасположенного фото до 50%, чтобы через верхнее изображение вы могли видеть, как располагается нижнее.

Теперь используйте инструмент «Перемещение », чтобы переместить верхнее изображение на нужное место … вот почему важно было достаточно расширить холст нижнего фото, чтобы не обрезать верхнее. Теперь вы можете использовать инструмент «Произвольная трансформация » и далее настроить верхнее изображение (Изображение> Трансформация> Произвольная трансформация ).

Теперь вы должны использовать «Ластик », чтобы стереть часть верхнего изображения, которая нам не нужна. Если верхний слой у вас это небо, вам нужно аккуратно удалить (с помощью жесткой кисти ) его часть, расположенную ниже горизонта. Когда вы закончите, установить обратно прозрачность 100% и, если вы довольны результатом, объедините слои и сохраните проект.