Слияние двух фотографий в фотошопе сс. Объединение картинок в Photoshop с обводкой и размытыми границами

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

    

    
    

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этой статье мы рассмотрим, как в Photoshop Elements 5 (или в полной версии Photoshop ) соединить два изображения. Существует много программ для соединения изображений, но этот метод предлагает нам большую гибкость.

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

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

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

Теперь, выбираем одно из изображений и снова увеличиваем холст (Изображение> Изменение размера> Размер хоста ), так чтобы вы могли поместить другое изображение поверх текущего и передвинуть его как вам нужно — особенно сильно нам нужно увеличить холст по вертикали.

Скопируйте изображение (Ctrl + A, Ctrl + C ) и вставьте его на холст другого изображения (Ctrl + V ). Отрегулируйте непрозрачность (в палитре слоев ) вышерасположенного фото до 50%, чтобы через верхнее изображение вы могли видеть, как располагается нижнее.

Теперь используйте инструмент «Перемещение », чтобы переместить верхнее изображение на нужное место … вот почему важно было достаточно расширить холст нижнего фото, чтобы не обрезать верхнее. Теперь вы можете использовать инструмент «Произвольная трансформация » и далее настроить верхнее изображение (Изображение> Трансформация> Произвольная трансформация ).

Теперь вы должны использовать «Ластик », чтобы стереть часть верхнего изображения, которая нам не нужна. Если верхний слой у вас это небо, вам нужно аккуратно удалить (с помощью жесткой кисти ) его часть, расположенную ниже горизонта. Когда вы закончите, установить обратно прозрачность 100% и, если вы довольны результатом, объедините слои и сохраните проект.

Как объединить две фотографии или вставить вырезанную часть одного изображения в другое задача простая для всех, кто немного знаком с фотошопом. Но, во-первых, не все умеют работать в программе 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 (Растушевка) ширину области растушевки. Эта величина зависит от размера изображения и подбирается для каждого фото отдельно – экспериментируйте!

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

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

Способ 1: Перетаскивание (Drag and Drop)

Простое перетаскивание изображения из одного документа в другой - самый простой и наиболее распространенный способ перемещения изображений между документами в Photoshop. Осуществляется он с помощью инструмента "Перемещение" (Move Tool), который находится в самом верху панели инструментов:

При активном Move Tool, щелкните левой клавишей мыши по фотографии, которую вы хотите переместить, и удерживая клавишу нажатой, перетащите её в окно документа другой фотографии. Когда вы отпустите кнопку мыши, фотография переместится в другой документ. Я перенесу фото с каплями в документ с лицом женщины. Вот что у меня получилось:

Заметим, что Photoshop просто "уронил" перемещаемую фото в то место, где я отпустил кнопку мыши. Такой результат не очень хорош. Лучше перемещать фотографию с помощью Move Tool, предварительно зажав клавишу Shift. Переместите фото, отпустите клавишу мыши, и только потом отпустите клавишу Shift. Зажатая Shift даёт команду Photoshop разместить перемещаемое изображение в центре документа.

Отменим предыдущий шаг, нажав Ctrl+Z и снова попробуем перетащить фото, на этот раз удерживая Shift. Теперь фото с каплям воды разместилось по центру документа:

Способ 3: Скопируйте и вставьте (Copy And Paste)

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

Отличие его заключается в том, что перед копирование надо выделить документ с помощью Ctrl+A. Кроме того, выбрать всё изображение можно, если кликнуть по вкладке главного меню Выделение --> Всё (Select --> All). При выделении всего изображения, по периметру всего изображения появятся "марширующие муравьи".

Итак, шаги, необходимые для перемещения изображения из одного документа в другой:

1. Нажимаем на перемещаемый документ для его активации
2. Выбираем все пиксели изображения, нажав Ctrl+A или вкладка Select --> All
3. Копируем изображение, нажав Ctrl+C
4. Кликаем мышкой по целевому документу, т.е. по тому, в который мы будем вставлять изображение
5. Нажимаем Ctrl+V

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

Для того, чтобы получить фотомонтаж - эффект лица женщины через стекло с каплями дождя - надо всего лишь применить к верхнему слою с каплями режим наложения "Мягкий свет" (Soft Light). Вот что у нас получилось в результате:

Итак, теперь мы знаем три способа совмещения фотографий в одну, и как сделать простой фотомонтаж с помощью изменений режимов наложения!