Как склеить две фотографии в одну. Объединение картинок в Photoshop с обводкой и размытыми границами. Соединение двух изображений

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Если соединить фотографии нужно на слабом компьютере или вовсе на мобильном устройстве, на помощь придут многочисленные онлайн-редакторы.

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

Способ 1: IMGonline

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

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

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

Способ 2: Croper

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

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

Способ 3: Сreate Сollage

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

Главный недостаток – отсутствие расширенных функций. Если нужно будет дополнительно обработать фото после склеивания, придется загружать его на сторонний ресурс.

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

Мы рассказали о наиболее удобных сайтах для соединения изображений. С каким ресурсом работать – зависит лишь от ваших пожеланий и предпочтений. Если необходимо просто соединить две и более картинки без последующей обработки, отличным выбором станет сайт Сreate Сollage.

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

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

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

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

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

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

С помощью совместного нажатия Cntrl+T определяем втрое фото на свое место. При необходимости размываете границы – с помощью «Кисти», «Штампа», «Размывки». Для вставки можно выбрать рамку с несколькими окнами для вставок. Полученное изображение сохраните под новым именем, чтобы не испортить исходные изображения.

Использование редактора Picasa

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

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

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

23.06.2015 27.01.2018

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

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

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

С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.

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

Создайте новый документ в фотошопе размером 989х676 пикселей.

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

Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle ), его можно найти на панели инструментов слева.

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

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

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

Таким же методом рисуем остальные прямоугольники.

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

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

Список слоев будет выглядеть так:

Теперь будем добавлять фотографии.

Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A . Нажимаем CTRL+C чтобы скопировать в буфер обмена.

Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.

Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.

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

Вот как это выглядит на данный момент.

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

Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.

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

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

Жмем ENTER и первая фотография готова.

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

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

Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.

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

Как совместить фотографии онлайн

От сайта Pixlr вы получаете массу возможностей для смешения картинок. Если захотите использовать их по максимуму, вам придётся потратить больше, чем несколько минут. Но мы разберём основы, которые позволяет быстро создавать простые фотомиксы.

1. Запустите веб-редактор: откройте сайт проекта и кликните Launch Web App под заголовком Pixlr Editor.

2. Загрузите первое изображение с помощью одного из предложенных способов. Это будет ваш фон или нижний слой.

3. Добавьте вторую картинку в качестве верхнего слоя. Для этого в верхнем меню кликните «Слой» → «Открыть изображение как слой» и выберите нужное изображение на своем компьютере.

4. Выберите режим наложения картинки. В правой части экрана найдите окно «Слои», выделите верхний слой и нажмите на иконку Toggle Layer Settings в левом нижнем углу этого окна. Затем попробуйте разные варианты наложения в списке «Режим» и остановитесь на понравившемся.

5. При желании отредактируйте результат с помощью инструментов на панели слева. Так, «Ластик» поможет стереть всё лишнее, «Перемещение» - изменить позиции снимков относительно друг друга. С помощью «Замены цвета» вы можете сделать, к примеру, популярное в Instagram розовое небо.