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

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

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

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

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

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

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

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

23.06.2015 27.01.2018

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

1. Откройте в Фотошопе через «Файл»-«Открыть» главного меню программы файл с фотографией, которая будет являться базовой для изображения. Можно также нажать сочетание клавиш Ctrl + O (английская буква O) для этого. Вы, наверное, уже заметили, что все наиболее часто используемые операции в данном графическом редакторе могут быть вызваны нажатием сочетания «горячих» клавиш. Это значительно ускоряет процесс работы и редактирования изображений.

   

   
   
2. Скопируйте фоновый слой нажатием клавиш Ctrl + J и добавьте на него белую заливку на всей площади изображения, нажав сочетание клавиш Shift + F5 и установите непрозрачность его заливки в 70%. Нажмите кнопку «Ок».

   

   
   
3. Активируйте линейку в рабочей области сочетанием клавиш Ctrl + R. Перетаскивая с вертикальной и горизонтальной линеек направляющие, установите их как показано на изображении.

   

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

   

   
   
5. Выберите в панели управления слоями самый нижний фоновый слой и нажмите сочетание клавиш Ctrl + J для копирования выделенной в предыдущем пункте прямоугольной области. После этого, зажав созданный слой-копию в панели управления слоями, перетащите его на самый верх над остальными слоями.

   

   
   
6. Направляющие пока больше не нужны и их можно скрыть сочетанием клавиш Ctrl + H (Н английское).
   
7. Назначьте новому слою дополнительные стили в виде тени и обводки. Для этого из главного меню перейдите в «Слои»-«Стиль слоя»-«Параметры наложения». Активируйте стиль обводка и установите в нем значения как на приведенном ниже изображении.

   

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

   активация стиля "Тень"

   
   
9. Снова вызовите линейки, нажав сочетание клавиш Ctrl + R. С верхней шкалы линейки перетащите направляющую на вертикальную линейку на отметку 0 (ноль). Данная направляющая будет соответствовать средней линии изображения и поможет точно позиционировать инструмент «Эллипс» в следующем шаге.

   

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

    

    
    
11. Создайте выделение по нарисованному овалу. Для этого проверьте, чтобы в панели слоев был выбран слой с овалом, установите курсор на изображение с фигурой в данной панели, нажмите клавишу Ctrl на клавиатуре и не отпуская клавиши, сделайте клик левой кнопкой мышки. В результате по контуру овала должны появиться так называемые «бегущие муравьи», которые информирую об успешно созданном выделении.
    
12. Теперь созданный слой с овалом становится не нужным, а нужно только полученное выделение. Поэтому слой можно удалить, перетащив в корзину в панели управления слоями.
    
13. Инвертируйте выделение через «Выделение» - «Инверсия» из главного меню, или нажмите сочетание клавиш Shift + Ctrl + I для этого.

    

    
    
14. Залейте инвертированное выделение новым слоем. Для этого нажмите на кнопку создания нового слоя в панели управления слоями и нажмите Alt + Backspace на клавиатуре.
    
15. Не снимая выделения в панели управления слоями выберите фоновый (самый нижний) слой и скопируйте его нажатием клавиш Ctrl + J. После этого перетяните его под верхний слой, перейдите на верхний слой и уменьшите его непрозрачность до 70%.

    

    
    
16. Скопируйте стили слоя, созданные в 7 и 8 пункте. Для этого выберите данный слой в панели управления слоями, кликните по нему правой кнопкой мышки и выберите в появившемся меню пункт «Скопировать стиль слоя». После этого, кликните правой кнопкой мышки на самом верхнем слое и выберите пункт «Вклеить стиль слоя». Восстановите его непрозрачность на уровне 70%.

    

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

    

    
    
18. Перейдите в панели управления слоями на слой с выделением овальной области, нажмите сочетание клавиш Ctrl + Alt + Shift и не отпуская их нажмите левую кнопку мышки. В результате данного действия будет отсечена область выделения по конуру овала.

    

    
    
19. Нажмите клавишу Alt на клавиатуре или выберите настройку «Вычитание из выделенной области» и обрежьте данную область слева. После этого область выделения можно сдвинуть влево стрелкой «Влево» на клавиатуре.

    

    
    
20. Скопируйте область выделения слева на новый слой сочетанием клавиш Ctrl + J.

    

    
    
21. Откройте фотографию, которую планируется разместить в созданном выделении. Фотография будет открыта в новой вкладке. Чтобы перенести ее в рабочий холст выделите всю ее область сочетанием клавиш Ctrl + A, скопируйте нажатием Ctrl + C и вставьте горячими клавишами Ctrl + V.

    

    
    
22. Для исключения из добавленной фотографии всего, что выходит за предметы области выделения применим к ней обтравочную маску. Для этого выберите слой с добавленной фотографией и нажмите сочетание клавиш Alt + Ctrl + G. Восстановите прозрачность на слое с выделением до 100% и измените масштабирование фотографии до необходимых значений.

    

    
    
23. Направляющие линии и линейку можно отключить, так они уже не понадобятся. Для этого нажмите уже знакомое сочетание клавиш Ctrl + H.
    
24. Выполните пункты 17-22 для того, чтобы создать изображение внизу слева.

    

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

    

    
    

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В меню выбираете кнопку с изображением 2, 3, 4 горизонтальных или вертикальных окон и видите сразу выбранное Вами количество картинок.

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

Что делать, если вставляемое изображение слишком большое или слишком маленькое? Нужно его увеличить или уменьшить. Для этого щелкаете на слое с вставленной картинкой, выбираете в меню Edit (Редактирование) > Free Transform (Свободная трансформация) или нажимаете сочетание клавиш CTRL+T и тянете за маркеры или поворачиваете вставленное изображение.

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

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

Открываете изображение, из которого будете вырезать, выделяете любым подходящим инструментом выделения требуемый фрагмент, копируете Edit (Редактирование)> Copy (Копировать), затем переходите в основной документ и вставляете скопированную часть изображения Edit (Редактирование)> Paste (Вставить). Вставленный фрагмент располагается в отдельном слое и размеры его можно изменить так, как вам нужно.

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

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

Плавный переход одного изображения в другое

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

Чтобы наложить одну картинку на другую в программе Photoshop открывают обе исходные фотографии и перетягивают слой из одного открытого изображения в другой документ. Верхний слой делают полупрозрачным (на панели Layers (Слои) параметр Opacity (Непрозрачность) уменьшают до 50-60%) чтобы видеть сквозь него нижний и перемещают на каждом слое изображение так, чтобы части будущего вашего творения хорошо компоновались друг с другом.

Если нужно сделать быстро и высокого качества не требуется, можно использовать мягкую резинку – инструмент Eraser (Ластик) для быстрого стирания части слоя. Инструмент Brush (Кисть) задает размер, форму, плотность, жесткость для резинки, поэтому в настройках кисти обязательно должен быть установлен параметр Hardness (Жесткость) равным 0, на панели параметров кисти Opacity (Непрозрачность) установите значение 20-30%.

Резинкой сотрите в нужных местах части верхнего изображения и, когда закончите, для этого слоя верните параметр Opacity (Непрозрачность) 100%. Слой станет непрозрачным, но те места, где прошлись резинкой будут полностью или частично прозрачными.

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

Чтобы добавить маску перейдите в слой с верхней картинкой и внизу панели Layers (Слои) нажмите кнопку Add Leyer Mask (Добавить маску слоя).

На панели инструментов Photoshop установите цвета черный и белый (основной и фоновый). Выберите инструмент градиент, в настройках градиента установите переход от черного к белому. Кликните мышкой на маске, чтобы сделать ее активной, и создайте градиентный переход в области, где перекрываются ваши картинки. Край верхней картинки станет прозрачным. Ближе к середине прозрачность уменьшится.

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

Напоследок два простых способа плавного перехода изображения в фон.

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

2 способ. Выделяем нужную область в изображении, выполняем команду меню Select (Выделение) > Modify (Изменение) > Feather (Растушевка).В открывшемся окне нужно установить в поле Feather (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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