Способы совмещения фотографий в одно изображение. Объединение картинок в 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 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.

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

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

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

Объединяем изображения

Итак, процесс совмещения двух фотографий в программе Фотошоп происходит следующим образом:

  • Вначале следует выбрать две фотографии, которые необходимо соединить в одну. Для этого нужно открыть сначала первую фотографию. Сделать это можно при помощи сочетания клавиш «CTRL+O», после этого следует выбрать нужный файл и нажать на кнопку «Открыть» - «Open». Так редактор загрузит нужное изображение.
  • Затем следует открыть в меню раздел «Файл» - «File» и выбрать пункт «Поместить» - «Put». После этого окно выбора файла снова откроется и необходимо будет найти вторую фотографию. После того как кнопка «Открыть» - «Open» будет нажата, Фотошоп загрузит в тот же слой второе изображение, в котором разместилась и первая фотография.
  • Для того чтобы увеличить либо наоборот уменьшить вторую фотографию, необходимо начать перемещать при помощи мышки узловые точки, которые располагаются в углах прямоугольного выделения вокруг второго фото. При этом следует удерживать нажатой клавишу «Shift». Кроме этого, положение второй фотографии можно изменять относительно фона первой. Для этого нужно перетаскивать ее мышкой или просто нажимать клавиши со стрелками.
  • После того как позиционирование вставляемого объекта будет закончено, необходимо обязательно нажать клавишу «Вставить» - «Enter».
  • После окончания вышеописанных подготовительных работ, мы, наконец, разберемся с тем, как совместить фотографии в Фотошопе, следует обратить внимание на то, не нужно ли опустить или наоборот поднять нижний слой фотографии. Если необходимость в этом возникла, то следует нажать сочетание «Инструмент перемещения»+«V» - «Move Tool»+«V» и начать перемещение нижнего изображения.
  • В случае если появилось сообщение об ошибке, нужно переименовать нижний слой. Для этого следует нажать кнопку «Alt» и два раза кликнуть на команду «Задний фон» - «Background».
  • Теперь необходимо смешать слои. Чтобы сделать это, нужно выделить верхний слой и нажать на кнопку добавления маски слоев. Такая иконка появится после выделения, напротив выбранного слоя. Окрашена она будет в белый цвет.
  • После этого следует залить черно-белым градиентом маску слоя. Для этого необходимо на панели инструментов выбрать команду «Заливка» - «Gradient Tool». Открыв настройки нужно выбрать в таблице черно-белый цвет. Затем нажать клавишу «Shift» и, удерживая ее, обозначить место между слоями, где должен начаться и закончиться по вашей задумке градиент.
  • В случае если полученный результат не удовлетворит вас, то нужно будет нажать сочетание клавиш «Ctrl+Z», после чего снова выбрать поле смешивания.
  • Далее можно начать сливать оба слоя в один. Нужно выбрать команду «Слой 1» - «Layer 1» и нажать следующую комбинацию клавиш: «Ctrl+Shift+Alt+E». Таким образом, получается новый слой под названием «Layer 2». Он находится в списке слоев третьим по счету.
  • В завершении следует сохранить полученное изображение, нажав на кнопку «Сохранить» - «Save».

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

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обводка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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


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

Как соединить две фото в одну фотографию в программе Фотошоп.

Хотите узнать как стабильно зарабатывать в Интернете от 500 рублей в день?
Скачайте мою бесплатную книгу
=>>

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

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

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

Вот один из таких простых уроков я сегодня приготовил для вас.

Создание композиции из трёх фотографий

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

Затем, я вырезал все три объекта, то есть отделил их от фона. Как это сделать я писал в статье: « «. После этого, я, с помощью инструментов перемещение и масштабирования объектов, расположил их в следующих местах, создав нужную мне композицию.

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

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

Например, чтобы получить такой результат.

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

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

Обучение Фотошопу

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

Например у тех, о которых я писал в своих статьях:

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

P.S. Прикладываю скриншот моих заработков в партнёрских программах. И напоминаю, что так зарабатывать может каждый, даже новичок! Главное — правильно это делать, а значит, научиться у тех, кто уже зарабатывает, то есть, у профессионалов Интернет бизнеса.


Заберите список проверенных Партнёрских Программ 2017 года, которые платят деньги!


Скачайте чек-лист и ценные бонусы бесплатно
=>> «Лучшие партнёрки 2018 года»

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

Способ 1: Перетаскивание (Drag and Drop)

Простое перетаскивание изображения из одного документа в другой - самый простой и наиболее распространенный способ перемещения изображений между документами в Photoshop. Осуществляется он с помощью инструмента "Перемещение" (Move Tool), который находится в самом верху панели инструментов:

При активном Move Tool, щелкните левой клавишей мыши по фотографии, которую вы хотите переместить, и удерживая клавишу нажатой, перетащите её в окно документа другой фотографии. Когда вы отпустите кнопку мыши, фотография переместится в другой документ. Я перенесу фото с каплями в документ с лицом женщины. Вот что у меня получилось:

Заметим, что Photoshop просто "уронил" перемещаемую фото в то место, где я отпустил кнопку мыши. Такой результат не очень хорош. Лучше перемещать фотографию с помощью Move Tool, предварительно зажав клавишу Shift. Переместите фото, отпустите клавишу мыши, и только потом отпустите клавишу Shift. Зажатая Shift даёт команду Photoshop разместить перемещаемое изображение в центре документа.

Отменим предыдущий шаг, нажав Ctrl+Z и снова попробуем перетащить фото, на этот раз удерживая Shift. Теперь фото с каплям воды разместилось по центру документа:

Способ 3: Скопируйте и вставьте (Copy And Paste)

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

Отличие его заключается в том, что перед копирование надо выделить документ с помощью Ctrl+A. Кроме того, выбрать всё изображение можно, если кликнуть по вкладке главного меню Выделение --> Всё (Select --> All). При выделении всего изображения, по периметру всего изображения появятся "марширующие муравьи".

Итак, шаги, необходимые для перемещения изображения из одного документа в другой:

  1. Нажимаем на перемещаемый документ для его активации
  2. Выбираем все пиксели изображения, нажав Ctrl+A или вкладка Select --> All
  3. Копируем изображение, нажав Ctrl+C
  4. Кликаем мышкой по целевому документу, т.е. по тому, в который мы будем вставлять изображение
  5. Нажимаем Ctrl+V

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

Для того, чтобы получить фотомонтаж - эффект лица женщины через стекло с каплями дождя - надо всего лишь применить к верхнему слою с каплями режим наложения "Мягкий свет" (Soft Light). Вот что у нас получилось в результате:

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

error: