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



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

Рубрика: Adobe 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 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.

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

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

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

 

Этот блог читают уже более 3500 человек, которые решили покончить с компьютерной неграмотностью. Присоединяйся
Комментариев 9
  • Дмитрий, сколько я ещё не знаю и не умею делать в фотошопе. Спасибо, что пишите об этом! Но дело поправимое! Всему можно научиться!

    Наталья
    29 апреля 2016 в 00:27
  • Ну прикольно, почти все сделано, я знаю как объеденить фото: до и после, осталось дело за малым — похудать! :-p

    Руслан
    29 апреля 2016 в 09:54
  • А вот это очень полезный урок Дим! Начинаю осваивать фотошоп и уже пересморел пару уроков на твоем блоге. В обще хорошее дело делаешь) Спасибо!

    Евгений
    29 апреля 2016 в 10:26
    • Спасибо большое, Жень. Очень рад, что труды не проходят даром.

      Дмитрий
      29 апреля 2016 в 10:28
  • Я до сих пор не освоила фотошоп, все руки не доходят. Пожалуй, ваш блог мне будет в помощь.

    Таисия
    29 апреля 2016 в 23:47
  • Отличный урок! Потихоньку осваиваю фотошоп, без него никуда. Постам на блоге требуются качественные а самое главное уникальные изображения. Будем изучать!

    Артем
    30 апреля 2016 в 00:31
  • Со зверями конечно классно получилось. Хоть в глаза и бросается, но там два совершенно разных кадров действительно сложно соединить без лишних манипуляций. Как говорится, Фотошоп в умелых руках творит чудеса. :p

    Сергей
    04 мая 2016 в 12:03
  • Фотошоп творит чудеса. Хотя со львом и антилопой можно было бы еще поиграть

    land_driver
    09 мая 2016 в 18:20
  • Мне эта информация для блога нужна, так как часто хочется объединить картинки в одну, но я не знала как это сделать

    Юнона
    25 мая 2016 в 16:09
Оставить коментарий
:p :-p 8) 8-) :lol: =( :( :-( :8 ;) ;-) :(( :o:


Блог Дмитрия Костина
© 2015-2016 Блог Дмитрия Костина
Помогу вам найти общий язык с компьютером, даже если вы впервые слышите это слово