Как соединять фотографии в фотошопе. Как объединить два изображения в Photoshop

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

Объединение картинок в Фотошопе является несложной задачей, которая под силу даже новичкам

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

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

Соединение картинок

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

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

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

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

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

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

Составление качественного коллажа

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

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

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

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

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

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

Плавное склеивание двух фото

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

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

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

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

Обязательно в настройках кисти устанавливается параметр жёсткости, равный нулю, а непрозрачности - 20–30%. После того как ластиком будут стёрты все необходимые места на первом фото, пользователь обязательно возвращает первому слою параметр непрозрачности 100%.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обводка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Шаг 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) .

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

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

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

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

В этом примере я решил сделать объединение фотографий в стиле «До и после». Вы только не говорите мне, что эти люди не похожи. Это два разных человека). В общем откройте две фотографии в 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 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.

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

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