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

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

Рассмотрим простую технология наложения картинки на картинку в Фотошопе.

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

   

   
   
2. Для этого выделяем всю девушку по контуру. Для этой цели можно использовать любые подходящие инструменты. Мы для этой цели использовали перо, которое можно активировать нажатием кнопки P (английское) на клавиатуре.

   

   
   
3. После выделения пером всего контура фигуры девушки и получения замкнутой линии внутри фигуры необходимо сделать правый клик мышкой и выбрать в появившемся контекстном меню пункт «Образовать выделенную область».

   

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

   

   
   
5. Копируем фигуру девушки, нажав сочетание Ctrl + C (С - английское) на клавиатуре и вставляем на фотографию с Эйфелевой башней сочетанием клавиш Ctrl + V.

   

   
   
6. Изменяем масштаб и положение вставленного изображения. Чтобы изменить масштаб в главном меню выбираем раздел «Редактирование», в появившемся списке переходим в раздел «Трансформирование» и в новом открывшемся списке выбираем пункт «Масштабирование». Положение вставленного изображения регулируем простым перетаскиванием его по фоновому слою.

   

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

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

Большое значение имеет точное выделение копируемой области. Для решения этой задачи Фотошоп обладает богатым набором встроенных инструментов: это прежде всего различные виды Лассо, инструмент «Волшебная палочка», ластики, восстанавливающие кистями, перья и мощный инструмент под названием «Уточнить край» из новых версий графического редактора, который активируется после создания выделения и его кнопка появляется ниже строки главного меню.

Инструкция

Воспользуйтесь, например, стандартным графическим редактором Paint, входящим в состав программных средств Windows. Запустите приложение, нажмите сочетание клавиш Ctrl + O, найдите и откройте ту картинку, которая в результате должна оказаться на заднем плане.

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

Сохраните совмещенную картинку, нажав сочетание клавиш Сtrl + S.

Если у вас есть возможность использовать графический редактор Adobe Photoshop, это значительно расширит диапазон параметров совмещения двух изображений. Запустив это приложение, откройте фоновую картинку тем же способом, который используется в редакторе Paint - диалог открытия файла и здесь вызывается сочетанием клавиш Ctrl + O.

Откройте таким же способом и вторую картинку. Затем поместите ее на отдельный слой поверх фоновой картинки. Если у вас открыты обе картинки в отдельных окнах, то просто перетащите мышкой строку из панели слоев в другое окно. Можно сделать это и иначе - выделите все изображение (Ctrl + A), скопируйте выделенное (Ctrl + C), перейдите в другое окно и вставьте скопированное (Ctrl + V). Новый слой для вставленного изображения в обоих случаях будет создан редактором автоматически.

Отрегулируйте положение и размеры вставленной картинки - нажмите сочетание клавиш Ctrl + T, а затем действуйте так же, как и в редакторе Paint. Если перемещать узловые точки при нажатой клавише Ctrl, то размеры вставленной картинки будут изменяться пропорционально, без искажения соотношения ширины и высоты.

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

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

Инструкция

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

С использованием файл-менеджера системы управления сайтом или ФТП-клиента скачайте нужный файл в компьютер и откройте в любом графическом редакторе - например, в устанавливаемом вместе с ОС Windows приложении Paint.

Поместите поверх фона картинку переднего плана - в Paint для этого надо из выпадающего списка «Вставить» на вкладке «Главная» выбрать пункт «Вставить из» и в открывшемся диалоге найти нужный файл. Затем отрегулируйте положение вставленного изображения на существующем фоне (потаскайте его мышкой) и сохраните результат (Ctrl + S).

Загрузите обратно отредактированную картинку, перезаписав старую. На этом процедура будет завершена.

Описанный способ неудобен в том случае, когда вставляемые картинки требуется время от времени менять. Тогда используйте возможности языка HTML - например, сделайте картинку заднего плана фоном того элемента страницы, в который будет помещено изображение переднего плана. Таким элементом-контейнером может служить, скажем, слой (div). Сделать большую из картинок его фоном нужно с использованием описания стилей - атрибута style тега div. Пустой контейнер в HTML-коде может выглядеть так:

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

Составьте тег изображения переднего плана (img), задав в нем с помощью того же атрибута style величины отступов от краев контейнера с фоном. Например:

Здесь атрибуты width и height задают размеры изображения, а четыре числа после padding указывают отступы от краев контейнера в пикселах, начиная с верхнего (50) и далее по часовой стрелке (60 - справа, 70 - снизу, 80 - слева).

Поместите тег img в контейнер:

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

Обратите внимание

Можно применить несколько способов, чтобы вставить картинку на сайт. Рассмотрим эти способы. 1. Меню админпанели Медиафайлы=>Добавить новый; 2. Непосредственно в Записи=>редактор админпанели блога WordPress (режим Визуально); наведите курсор на нужное место в тексте Затем она заменяется изображением. Если загрузка изображений в браузере отключена, атрибут alt дает текстовую информацию о рисунке.

Полезный совет

Как вставить изображение на сайт? Изображения в вашей web странице могут быть условно двух типов «для вида» или «для дела». Если вставлять рисунок из какой-либо другой папки, то это нужно указывать, например: - команда для вставки картинки с именем kartinka.gif, которая находится в папке risunki, с размерами вставки 100 на 100 (ширина и высота).

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

Вам понадобится

• - программа Photoshop;
• - фоновое изображение;
• - картинка для вставки на новый слой.

Инструкция

Откройте в графическом редакторе файлы, с которыми собираетесь работать при помощи команды Open («Открыть») меню File («Файл»). Выделите оба файла при зажатой клавише Ctrl и нажмите на кнопку «Открыть».

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

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

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

Рассмотрим несколько вариантов, как наложить фото на фото.

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

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

Если снимок имеет слишком большой размер или, наборот, маленький, то есть смысл его уменьшить или увеличить. Для этого щелкаем на вставленном изображении, выбираем опцию Edit, далее Free Transform или с помощью клавиш CTRL+T, стягивая или растягивая маркеры, добиваемся желаемого результата.

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

Изображение, которое будем вырезать, выделяем, копируем Edit > Copy и вставляем на необходимом месте нужного фото Edit > Paste. Вырезанная картинка имеет отдельный слой, поэтому при необходимости можно изменить ее размер.

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

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

Открываем изображения для редактирования

Первым делом нужно открыть картинки. Одну, с которой будем вырезать и вторую, куда накладывать.

Чтобы это сделать, в верхнем меню нажимаем “Файл” , а затем “Открыть” . Либо можно сделать проще и нажать комбинацию горячих клавиш, которые программа отлично поддерживает “Ctrl+O” .

Для удобства, в поле “Тип файлов” выбирайте требуемый формат файла — появятся только те изображения, которые соответствуют. Совершайте поиск по названию картинки, введя ее в строку “Имя файла” .

Что требуется сделать

Допустим, имеется два изображения. На одном — поле:


А на другом — лошадь:


Наша задача — перенести лошадку со скучного и унылого поля на насыщенное и красивое:

• Первым делом, создадим новый файл с названием “Лошадь на поле”.
• Далее откроем две картинки и разместим их на разных слоях.
• Следующим шагом нужно вырезать лошадку, произведя ее выделение.
• Сделать изображение естественнее, натуральнее.

Теперь по каждому пункту более подробно.

Новый файл

Выделение лошади

В Photoshop присутствует много инструментов для этой задачи:

Если есть лишние детали, их можно убрать, воспользовавшись инструментом “Ластик” . Для удобства можно воспользоваться инструментом «Лупа» . При надобности, подкорректируйте цвета или добавьте еще объектов.

Изображение готово.

Заключение

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

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

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