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

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

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

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

Для начала нужно сказать, что есть множество способов, как это сделать. Здесь мы рассмотрим только два из них: с помощью Photoshop и с помощью простейшей Paint – стандартной программы, которая есть у любого пользователя.

Итак, смело ставьте на свой компьютер Фотошоп, если оперативная память вашего ПК это позволяет (он не кусается).

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

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

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

После этого в инструментах, которые обычно находятся слева, выбираем «перемещение» (второй инструмент сверху – стрелочка).

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

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

Можно поступить иначе: наложить одну фотографию на другую, заменив часть композиции первой.

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

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

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

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

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

Итак, открываем Paint, создаем новый документ, делаем его нужного размера с помощью стрелочек.

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

Как видите, нет ничего сложного. Теперь вы обладатель вашего первого, пусть и очень простого, фотоколлажа.

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

Проще это сделать в Фотошопе. Чтобы склеить большое количество фото в Paint, вам придется попотеть.

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

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

И когда кто-то спросит: «Какая красота! Где заказывали?». Вы с гордостью сможете ответить: «Это моя работа!»

Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе Adobe Photoshop, во-вторых, и опытные пользователи не всегда умеют наложить одно изображение на другое хорошо. Рассмотрим несколько вариантов соединения нескольких картинок в одно изображение.

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

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

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

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

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

Вставка в изображение фрагмента из другой картинки

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

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

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

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

Плавный переход одного изображения в другое

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

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

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

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

Напоследок два простых способа плавного перехода изображения в фон.

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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

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

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

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

Затем надо увеличить размер холста рабочего документа по высоте на значение, равное высоте второму изображению (или на большее, если Вы хотите, чтобы между фото был интервал). Сделать это можно, пройдя по вкладке Изображение --> Размер холста, как показано на рисунке:

В результате открывается такое окно:

В моём случае высота второго фото равна 420 пикселям, это значение я и прибавляю к высоте документа 450 пикселей, и получившийся результат 970 пикселей ввожу в строку "Высота".

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

Но я присоединяю фотку снизу, поэтому якорь у меня будет сверху.
Итак, ввожу значение 970 в строку "Высота", жму кнопку "Да". Для удобства просмотра можно уменьшить масштаб отображения документа вращением колёсика мыши. Документ принял следующий вид:

Теперь надо загрузить второе изображение на свободный участок внизу. Для этого проходим по вкладке Слой --> Открыть изображение как слой, как показано на рисунке:

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

Теперь остаётся только переместить фотографию точно вниз документа, используя инструмент "Перемещение".

Ну и сохраняем получившийся документ на свой компьютер, кликнув по вкладке Файл --> Сохранить изображение, в открывшемся новом окне клик на кнопку "Да"

Смотрите видеоурок , демонстрирующий данные действия.

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

В сети существуют достаточное количество сервисов, позволяющих буквально за пару минут объединить два фото онлайн. Часть таких ресурсов специализируется на создании различных типов коллажей, в которых можно соединять по 5-7 различных фото в одно цельное изображение.

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

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

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

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

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

Давайте мы пристальнее рассмотрим сервисы для склейки фотографий в режиме онлайн.

Croper.ru – специализированный фоторедактор

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

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

Сервис imgonline.com.ua – простое объединение фото онлайн

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

Mycollages.ru – удобное создание коллажей

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

Quickpicturetools.com — англоязычный онлайн-ресурс для работы с изображениями

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

Перейдите на quickpicturetools.com ;
Нажмите на «Add» и загрузите первое фото на ресурс;
Вновь нажмите на «Add» рядом в соседней ячейке и загрузите второе фото;
С помощью опций «Width» (ширина) и «Height» (высота) установите необходимые размеры первого и второго изображения, определитесь с другими настройками;
Для получения результата выберите «Generate Image» внизу;
Сохраните результат на ваш PC.

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

Photojoiner.net – генерация коллажей на английском онлайн

Сервис photojoiner.net по своему функционалу похож на уже упоминавшийся мной сервис mycollages.ru. Несмотря на англоязычный интерфейс, работа с данным сайтом происходит аналогичным образом.

Вы переходите на ресурс, выбираете количество ячеек коллажа, жмёте на «Apply».
С помощью кнопки «Open» загружаете два фото на ресурс, и перетаскиваете их в соответствующие ячейки коллажа.
Кнопка «Save» служит для сохранения результата.

Заключение

Для выполнения склейки 2 фото онлайн стоит использовать сервисы, перечисленные мной выше. Из перечисленных аналогов хотел бы акцентировать внимание читателя на ресурсе croper.ru, обладающим довольно разнообразным инструментарием для работы с изображениями. В целом же все перечисленные сервисы имеют бесплатный характер, простой и удобный интерфейс, и могут быть рекомендованы для быстрого объединения нужных вам фото онлайн.

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

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

Онлайн-сервисы

Чтобы соединить две фотографии в одну онлайн-сервисом, нужно открыть в браузере сайт http://croper.ru/join . Данный онлайн-сервис позволяет склеивать фотографии прямо в браузере, не устанавливая никаких программ. Для корректной работы сервиса лучше использовать Google Chrome.

Читаем информацию о возможностях сервиса и проходим по ссылке «загрузите файлы».

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

Загруженные фотографии отобразятся в верхней части страницы. Кликаем поочередно на обе фотографии. Они переместятся из категории «файлы» в категорию «выбранные». Слева внизу отображены способы склеивания фоток: по вертикали или по горизонтали.

Нажимаем на нужный нам способ и ждем загрузки склеенной фотографии. В браузере отобразится склеенная фотография. Для продолжения работы кликаем по ссылке «Принять».

В новом окне выбираем вкладку «Файлы» и переходим по ссылке «Сохранить на диск».

Скачиваем готовую склеенную фотографию по ссылке «Скачать файл».

Принципы работы всех сервисов по работе с фотографиями одинаковы. Но Кропер хорош тем, что не требует регистрации на проекте.

Соединение фоток с помощью фоторедактора

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

Соединить две фотографии в одну в Фотошопе или в другой программе так же просто, как и в случае с онлайн-сервисом. Скачиваем модификацию Paint и устанавливаем на компьютер.

Выбираем две фотографии, которые нужно объединить, и кликаем на одной из них правой кнопкой мыши. В контекстном меню переходим по вкладке «Открыть с помощью» и кликаем Paint.Net.

В открывшемся фоторедакторе переходим по вкладке «Изображение» и жмем «Размер полотна».

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

Если две фотографии одинакового размера, то стоит увеличить лишь ширину снимка вдвое. Вбиваем новую цифру в окошко «Ширина» и кликаем «ОK».

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