Совмещаем изображения в Фотошопе
Как в фотошопе можно легко объединить две фотографии в одну?
Доброго всем времени суток, мои уважаемые читатели! Как всегда с вами Дмитрий Костин, тут всё без изменений). Я вот смотрю, многие интересуются как объединить две фотографию в одну в фотошопе. Просто бывают, что люди хотят сделать сравнение, например ДО и ПОСЛЕ, или что-нибудь еще.
Вы же наверное видели, что когда люди выкладывают свои достижения в похудении, тоже выкладывают объединенные в одну фотографии ДО и ПОСЛЕ. Кстати я тоже так делал, когда писал статью про свое похудение. В общем сегодня я покажу как это можно легко сделать. Так что хрустните пальцами и поехали!
Хотел рассказать вам самый быстрый способ, но решил, что не стоит повторяться, так как я уже о нем рассказывал в уроке про инструмент «Перемещение» в фотошопе. Получится так, что у вас будет одна фотография в другой. Лучше сосредоточимся на других способах.
Соединение двух изображений
В этом примере я решил сделать объединение фотографий в стиле «До и после». Вы только не говорите мне, что эти люди не похожи. Это два разных человека). В общем откройте две фотографии в photoshop, а дальше по порядку. Я взял фоточки двух людей: худого и рельефного.
- Для начала давайте сделаем изображения одинаковой высоты. Для этого находясь на каждой фотографии в отдельности, зайдите в меню «Изображение» — «Размер изображения» . Посмотрите количество пикселей по высоте. У меня получилось, что у худышки 680 пикселей, а у подкаченного 1329.
- В этом случае лучше уменьшить размер изображения подкаченного до 680 пикселей в высоту, дабы приравнять их и не потерять в качестве. Знаете как это делается? Если нет, то смотрим мою статью про изменение размера изображения (правда всё и так должно быть понятно). И кстати запомните размер изображения качка по горизонтали. У меня получилось 487.
- Теперь переходите на фотографию худышки и идите опять в меню «Изображение» , только на сей раз выберете «Размер холста» . Здесь мы просто увеличим рабочую область без увеличения самой фотки. Итак размер фотки худого по горизонтали составляет 453 пикселя. Прибавляем мысленно 487 пикселей (размер по горизонтали фотки качка) и получаем 940. Именно это число мы и пишем в ячейку ширина. Высоту при этом не меняем и оставляем 680.
- Теперь нам нужно выбрать с какой стороны появятся эти новые дополнительные 487 пикселей по горизонтали. Если оставим как есть, то холст увеличится в обоих сторон на 243 и 244 пикселя (487/2). Но мы хотим сделать «До и после», а значит худышка должен быть слева, следовательно пустой кусок холста справа. Тогда в расположении жмем на стрелку влево, чтобы центр сместился левее. также можете выбрать цвет фона, но в нашем случае это не нужно, подойдет любой, так как все равно мы его закроем. Затем нажимаем ОК.
- Видите? Теперь у нас появился огромный кусок белого фона. Теперь переходим на фотографию накаченного, берем инструмент «Перемещение» , зажимаем левую кнопку мыши на фотографии и перетягиваем на вкладку с фотографией худыша.
- Дело за малым. Осталось передвинуть фотографию прямо на белый фон. Мы точно рассчитали ширину и подогнали высоту, так что всё должно встать ровно.
Вот такой незамысловатый и легкий способ совместить два изображения).
Объединение с плавным переходом
Есть еще один интересный эффект, когда переход от одной фотографии к другой осуществляется плавно. Давайте я сделаю это на примере двух животных: льва и сайгака.
- Откройте изображение льва и сайгака в нашем редакторе, но на разных вкладках.
- Перейдите на слой со львом и выберете режим быстрой маски.
- Теперь выберете инструмент «Градиент» и убедитесь, что переход стоит от черного к белому. И теперь этим градиентом проведите линию примерно в середине, как показано у меня на рисунке.
- У вас часть изображения со львом должна закраситься красным оттенком. Отлично. Это нам и нужно. Теперь посмотрите на панель слоев и на наш активный слой со львом. Он основной? Т.е. замочек на нем стоит? Если да, то нажмите на него левой кнопкой мыши, чтобы он исчез, иначе мы просто не сможем редактировать данный слой.
- Теперь уберите режим быстрой маски, нажав на ее значок еще раз. У вас должна будет выделиться часть изображения пунктирной линией. После этого нажмите клавишу DELETE и убедитесь, что содержание стоит «С учетом содержимого» , затем нажмите ОК. У вас должна убраться правая часть изображения, причем с плавным прозрачным переходом. Только снимите выделение (просто кликните один раз любым инструментом выделения, например прямоугольной областью).
- Теперь переходите на вкладку с сайгаком (блин, смешное все таки животное и название). Желательно сравнять высоту (в пикселях) этих двух изображений, как и в предыдущем примере. Теперь берем инструмент «Перемещение» и тащим бедного сайгака прямиком ко льву.
- А теперь фокус (шучу, конечно это не фокус). Зажимаем слой с сайгаком на панели слоев (бедное животное, опять мы его зажимаем) левой кнопкой мыши, после чего перетаскиваем его вниз так, что бы он оказался ниже льва.
- Видите, что получилось? Царь зверей и антилопа соединены в единое фото. Круто! Можно немного подвигать антилопу с помощью «Перемещения» . Смотрим. Плавный переход удался. По моему вполне неплохо получилось. Симпатично и ненапряжно.
Ну в общем как-то так.
Конечно это фотошоп. И еще найдется немало способов, чтобы соединить несколько фоток в одну. Но я думаю, что для начала вам будет вполне достаточно этих способов. Причем в последнем варианте мы не просто связали 2 фотки в одну, а сделали простенький коллаж, т.е. используем несколько разных изображений в одном.
Кстати, если вы хотите делать потрясающие коллажи, то я очень рекомендую вам посмотреть отличный курс по этой тематике . Досконально рассмотрено множество примеров. Из нескольких простых изображений вы научитесь делать просто шедевры, так что вперед!
Ну а я с вами на сегодня прощаюсь. рад был вас видеть на свое блоге и надеюсь, что вам все понравилось. Не забудьте подписаться на обновления моего блога и поделиться с друзьями в социальных сетях. Ну а я желаю вам удачи. Пока-пока!
Способы совмещения фотографий в одно изображение
Благодаря возможности совмещать отдельные фотографии в одно изображение, один документ, наш творческий потенциал в Photoshop ограничен только лишь собственными навыками и воображением. Но если Вы пока новичок в Photoshop, то совмещение даже двух изображений вместе может показаться Вам серьёзной для выполнения задачей, т.к. Photoshop открывает каждое новое изображение в отдельном, независимом документе, и единственный способ соединить изображение вместе – поместить их в один общий документа. К счастью, перемещение фотографий из одного документа в другой в Фотошопе осуществляется очень легко, и, как это сделать, мы рассмотрим в данной статье.
В этом материале мы рассмотрим три основных способа перемещения фотографий между документами, которые будут работать в любой версии Photoshop, так что не имеет значения, какую версию Вы сейчас используете. Я рассмотрю этот вопрос на примере Photoshop CS6.
Сейчас в рабочем окне Photoshop у меня открыты две фотографии в отдельных окнах. Кстати, по умолчанию, Photoshop открывает новые изображения во вкладках, а не в окнах, как изменить эту настройку, читайте здесь. Вот как выглядит рабочее окно программы:
Даже если мы одновременно видим два окна документа на экране, Photoshop одновременно работает только с одним документом. Тот, документ, с которым мы работаем, считается “активным”, и, самый простой способ узнать, какой из них в настоящее время активный, это посмотреть в панель слоёв. Например, если мы посмотрим в мою панель прямо сейчас, то увидим, что в миниатюре предварительного просмотра отображается фотография женщины, что означает, что в данный момент активным документом является женщины:
Для того, чтобы сделать активным другой документ, надо всего лишь кликнуть по нему. В результате, в панели слоёв появится миниатюра фонового слоя с изображением фотографии с каплями.
Итак, мы имеем два совершенно независимых, не имеющих ничего общего между собой документа. Я хотел бы совместить фотографии из этих документов в один. Давайте рассмотрим несколько простых способов это сделать.
Способ 1: Перетаскивание (Drag and Drop)
Простое перетаскивание изображения из одного документа в другой – самый простой и наиболее распространенный способ перемещения изображений между документами в Photoshop. Осуществляется он с помощью инструмента “Перемещение” (Move Tool), который находится в самом верху панели инструментов:
При активном Move Tool, щелкните левой клавишей мыши по фотографии, которую вы хотите переместить, и удерживая клавишу нажатой, перетащите её в окно документа другой фотографии. Когда вы отпустите кнопку мыши, фотография переместится в другой документ. Я перенесу фото с каплями в документ с лицом женщины. Вот что у меня получилось:
Заметим, что Photoshop просто “уронил” перемещаемую фото в то место, где я отпустил кнопку мыши. Такой результат не очень хорош. Лучше перемещать фотографию с помощью Move Tool, предварительно зажав клавишу Shift. Переместите фото, отпустите клавишу мыши, и только потом отпустите клавишу Shift. Зажатая Shift даёт команду Photoshop разместить перемещаемое изображение в центре документа.
Отменим предыдущий шаг, нажав Ctrl+Z и снова попробуем перетащить фото, на этот раз удерживая Shift. Теперь фото с каплям воды разместилось по центру документа:
В панели слоёв отобразилось новое фото, расположенное выше фонового:
Быстрое перемещение выделенной области на другой документ
Это ещё одно применение метода “Drag and Drop”. С помощью инструмента “Move Tool” можно перемещать не только целые изображения, но и локальные выделения. Я создал произвольное выделение на слое с фото с каплями с помощью инструмента “Прямолинейное лассо” (Poligonal Lasso Tool) и инструментом “Move Tool” перетаскиваю его на второй документ:
И вот что у меня получилось в результате:
Способ 2: Создание дубликата слоя
Если по каким-либо причинам метод “Drag and Drop” Вам не подходит, можно применить и другой способ перемещения. Он заключается в создании дубликата слоя.
Во-первых, кликните внутри документа, содержащего фотографию, которую вы хотите переместить, что сделает его активным. Я кликну по фото с каплями. Затем пройдите по вкладке главного меню Слой (Layer) и выберите строчку “Создать дубликат слоя” (Duplicate Layer):
Кроме того, Вы можете кликнуть правой клавишей мыши по слою в панели слоёв и выбрать строчку “Создать дубликат слоя” (Duplicate Layer) из контекстного меню. В любом случае, откроется диалоговое окно этой опции. Введите имя, с которым слой появится в целевом документе. Я ввёл “капли воды”. Затем, в разделе “Назначение” (Destination) в нижней части диалогового окна, выберите имя документа, в который вы хотите переместить фотографию. У меня целевой документ называется “example1.jpg”:
Когда закончите, нажмите кнопку ОК, и Photoshop копирует фотографию из первоначального документа в целевой. В панели слоёв документа “example1.jpg” теперь находится новый слой “капли воды”, и размещается он выше фонового слоя:
Способ 3: Скопируйте и вставьте (Copy And Paste)
Еще одним способом перемещения изображений между документами является стандартный метод “копировать-вставить”, в народе именуемый “копипастой”. Этот способ знаком любому пользователь компьютера.
Отличие его заключается в том, что перед копирование надо выделить документ с помощью Ctrl+A. Кроме того, выбрать всё изображение можно, если кликнуть по вкладке главного меню Выделение –> Всё (Select –> All). При выделении всего изображения, по периметру всего изображения появятся “марширующие муравьи”.
Итак, шаги, необходимые для перемещения изображения из одного документа в другой:
- Нажимаем на перемещаемый документ для его активации
- Выбираем все пиксели изображения, нажав Ctrl+A или вкладка Select –> All
- Копируем изображение, нажав Ctrl+C
- Кликаем мышкой по целевому документу, т.е. по тому, в который мы будем вставлять изображение
- Нажимаем Ctrl+V
Ну и напоследок, давайте смешаем два наших изображения. Как Вы помните. у нас фото с каплями находится над фото с женщиной.
Для того, чтобы получить фотомонтаж – эффект лица женщины через стекло с каплями дождя – надо всего лишь применить к верхнему слою с каплями режим наложения “Мягкий свет” (Soft Light). Вот что у нас получилось в результате:
Итак, теперь мы знаем три способа совмещения фотографий в одну, и как сделать простой фотомонтаж с помощью изменений режимов наложения!
Объединяем два снимка в один в Фотошопе
Фотошоп дает нам массу возможностей по обработке изображений. К примеру, можно объединить несколько снимков в один при помощи очень простого приема.
Объединение фотографий в Photoshop
Нам понадобятся две исходных фотографии и самая обычная маска слоя.
Сейчас мы соединим зимний и летний пейзажи в одну композицию. Для начала необходимо увеличить размер холста в два раза для того, чтобы поместить на него второй снимок.
-
Переходим в меню «Изображение – Размер холста».
Поскольку мы будем добавлять фото по горизонтали, нужно увеличить ширину холста в два раза.
400х2=800.
В настройках необходимо указать направление расширения холста.
В данном случае руководствуемся скриншотом (пустая область появится справа).
Затем простым перетаскиванием помещаем в рабочую область второй снимок. При помощи «Свободного трансформирования» (CTRL+T) изменяем его размер и помещаем в пустое место на холсте.
Читайте также: «Свободное трансформирование» в Фотошопе
Теперь нам нужно увеличить размер обоих фото таким образом, чтобы они заходили друг на друга «внахлест». Желательно произвести данные действия над двумя снимками, чтобы граница оказалась примерно посередине холста. Сделать это можно при помощи все того же «Свободного трансформирования» (CTRL+T). Если ваш фоновый слой заблокирован и не поддается редактированию, нужно кликнуть по нему дважды и в диалоговом окне нажать ОК.
Далее переходим на верхний слой и создаем для него маску белого цвета.
Затем выбираем инструмент «Кисть» и настраиваем ее.
Форма «Мягкая круглая».
«Непрозрачность» 20 – 25%.
Кистью с данными настройками аккуратно стираем границу между снимками (находясь на маске верхнего слоя). Размер кисти подбираем под размер границы. Кисть должна быть немного больше участка перекрытия.
При помощи данного несложного приема мы соединили два снимка в один. Этим способом можно совмещать различные изображения без видимых границ.
Отблагодарите автора, поделитесь статьей в социальных сетях.
Как в фотошопе соединить несколько фотографий в одну
Урок по фотошопу в котором вы узнаете как соединять несколько фотографий в одну, используя программу фотошопа. На самом деле все очень просто и я специально для вас написал этот подробный пошаговый инструктаж.
Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.
- Конечно, это уменьшенная копия, специально чтобы уместилась на сайте показать для примера.
- Конечно, поняв всю суть метода, вы сможете создавать свои коллажи и шаблоны. Размещать фотографии как угодно, где угодно и сколько угодно в одном изображении.
С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.
Поэтому для начала нужно подготовить шаблон. Что это даст? Во первых, вы сразу и с точностью сможете расположить фотографии по задуманному шаблону. Во вторых, при необходимости вы быстро и с легкостью сможете вставить новые другие фотографии используя шаблон. По моему, плюсы очевидны.
Создайте новый документ в фотошопе размером 989х676 пикселей.
Кроме того, сразу откройте все 6 фотографий которые вы будете использовать в фотошопе. Вы увидите, что все они открылись в разных вкладках. Оставьте включенную вкладку нового созданного документа, где мы будем создавать шаблон. Всего получится 7 вкладок.
Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle), его можно найти на панели инструментов слева.
Используйте любой цвет для прямоугольника, лишь бы не цвет фона, чтобы не сливался.
Расположите первый прямоугольник на изображении. Здесь вы можете сделать, собственно на глаз, его длину, ширину и место расположение на рабочем поле. Но постарайтесь придерживаться той схемы которую мы задумали в самом начале.
Первый прямоугольник это главная большая фотография. Я обозначил границы изображения в виде рамки, чтобы вы понимали как я расположил прямоугольник на белом фоне.
Таким же методом рисуем остальные прямоугольники.
Как видите я их расположил на одинаковом расстояние друг от друга, чтобы было все ровненько и красиво.
Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка. Найти его можно также на панели слева.
Список слоев будет выглядеть так:
Вот и всё, шаблон готов. Вы можете его сохранить у себя на компьютере в формате PSD, чтобы использовать его в будущем.
Теперь будем добавлять фотографии.
Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A. Нажимаем CTRL+C чтобы скопировать в буфер обмена.
Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.
Теперь правой кнопкой мышки щелкаем на слой с фотографией и выбираем Создать обтравочную маску.
Создалась обтравочная маска из фотографии и она действует на слой ниже. А слой ниже это наш прямоугольник. Что это значит? Это значит, что фотография будет отображаться только в границах прямоугольника.
Вот как это выглядит на данный момент.
Осталось только уменьшит в масштабе фотографию, чтобы было видно её всю. Это можно делать в режим обтравочной маске, никакого сбоя не произойдет.
Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.
Появились квадратики по границам фотографии — за них мы тянем мышкой и фотография будет уменьшаться. Например с зажатым SHIFT тянем за нижний квадрат по диагонали вверх, фото будет уменьшаться пропорционально.
Уменьшаем фотографию и перемещаем немного наверх, так чтобы фотография была максимально отображена в видимой области.
Жмем ENTER и первая фотография готова.
Таким же методом сделайте все остальные фотографии. Выбирайте прямоугольники, вставляйте на новый слой фотографии и делайте обтравочные маски, после этого корректируйте размер фото. Все как с этой фотографией.
Постепенно вы сделаете все фотографии. Тем самым мы выполнили задачу поставленную ранее — соединили несколько фотографий в одно изображение. Тем самым создали собственный простенький коллаж из фотографий.
Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.