Как объединить две фотки в фотошопе. Объединение картинок в Photoshop с обводкой и размытыми границами

1 голос

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Обводка

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

23.06.2015 27.01.2018

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

Мы будем составлять такую композицию из фотографий. Здесь 6 фотографий соединены в одно изображение.

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

С чего начать? С планирования. Большинство пользователей фотошопа чтобы создать такой небольшой коллаж делают много лишних действий. Как обычно это происходит — на глаз раскидают фотографии по рабочему полю, тут уменьшат, там уменьшат, тут подрежут, там подрежут и так далее. Я стараюсь так не работать, чтобы экономить своё время и повышать производительность.

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

Создайте новый документ в фотошопе размером 989х676 пикселей.

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

Теперь будем создавать места для фотографий. Мы будем использовать инструмент Прямоугольник (Rectangle ), его можно найти на панели инструментов слева.

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

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

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

Таким же методом рисуем остальные прямоугольники.

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

Располагайте прямоугольники не обращая внимания на пустые участки изображения которые остаются в разных местах. После того как вы расположите все прямоугольники как задумали вы можете обрезать изображение (рабочее поле) от ненужного — используя инструмент Рамка . Найти его можно также на панели слева.

Список слоев будет выглядеть так:

Теперь будем добавлять фотографии.

Переходим во вкладку с любой фотографией, выделяем её всю с помощью инструмента Прямоугольная область или же просто нажав CTRL+A . Нажимаем CTRL+C чтобы скопировать в буфер обмена.

Переходим во вкладку с нашим шаблоном и выбираем в слоях слой с тем прямоугольником вместо которого мы хотим вставить фотографию. В данном случае это самый большой прямоугольник. Нажимаем CTRL+V и фотография вставиться на новый слой который будет выше прямоугольника — это важно.

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

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

Вот как это выглядит на данный момент.

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

Что нужно сделать. Выбрать слой с фотографией и нажать CTRL+T — так мы сможем трансформировать фотографию.

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

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

Жмем ENTER и первая фотография готова.

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

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

Вы можете скачать шаблон PSD этой работы. Чтобы посмотреть как все устроено.

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

Откройте обе фотографии в программе.

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

Активируйте инструмент «Градиент», в его опциях сверху, под основным меню, выберите стандартный черно-белый градиент (если там установлен другой) и тип «Линейный градиент».

На панели инструментов нажмите кнопку «Быстрая маска», которая находится в самом низу.

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

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

Теперь нажмите клавишу DEL – выделенный фрагмент удалится. При этом переход одного фото в другое будет плавным.

Если вас не устроил результат – удалилось слишком много или, наоборот, недостаточно, можно в меню «Редактирование» нажать «Шаг назад» и попытаться еще раз.

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

А вот еще один вариант с другими фотографиями,

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

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