Программа наложения одного изображения на другое онлайн. Как вставить одно изображение внутрь определённой области другого

Хотите легко и качественно обработать фото онлайн?. Наш бесплатный фоторедактор быстро исправит недостатки и улучшит качество цифровых фотографий.

Обрезка, поворот и изменение размера

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

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

Обработать фото


Коррекция изображения

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

Сделать коррекцию фото

Фоторамки, стикеры и текст

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

В вашем распоряжении более 300 стикеров, 30 обрамлений (их толщину можно настроить) и 20 декоративных шрифтов для текстовых надписей. Большое поле для экспериментов.

Украсить фото


Фотоэффекты и фотофильтры

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

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

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

Для начала предлагаем и установить его на вашем ПК. Следуйте за указаниями Мастера установки – программа будет готова к работе буквально за минуту. Запустите утилиту. В стартовом окне выберите опцию «Открыть фотографию» и найдите файл с фото, которое вы хотите отредактировать.

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

Шаг №2. Фотомонтаж

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


С помощью фотомонтажа вы сможете без труда наложить одну фотографию на другую

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

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


Увеличьте масштаб снимка, чтобы результат был максимально точным и аккуратным

Теперь выясним, как на фото вставить другое лицо так, чтобы разница была не заметна. Для этого необходимо трансформировать обрезанный слой. Измените размер нового изображения, потянув выделенную область за углы. «Новое» лицо должно совпадать с размером лица на исходном изображении. При необходимости поверните слой, двигая ползунок на шкале «Угол поворота» . Режим смешивания «Нормальный» будет выставлен по умолчанию, но при желании вы можете выбрать другой. Готово! Нажмите кнопку «Применить».


Отрегулируйте наложение слоя так, чтобы «новое» лицо смотрелось максильмано натурально

Шаг №3. Уровни и цветокоррекция

Всё ещё слишком заметно, что лицо было взято с другого снимка. Выполним простейшую цветокоррекцию. Для этого во вкладке «Изображение» откройте «Уровни» . Разобраться в использовании этой функции очень просто. На шкале «Уровни на входе» 3 ползунка – белый (светлые оттенки), серый (полутона) и чёрный (тёмные оттенки). С их помощью вы сможете комплексно настроить яркость фотографии. Меняйте положение ползунков, чтобы затемнить (вправо) или осветлить (влево) изображение. Затем, сохраните его, нажав «ОК».


Регулируя уровни, вы сможете сделать картинку с «новым» лицом более однотонной

Шаг №4. Работаем с деталями

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

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


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

Шаг №5. Сохраняем и делимся с друзьями

Оценим окончательный результат.


Фотомонтаж поможет примерить на себя роль любимого киноперсонажа


Вы сможете отрегулировать качество снимка перед сохранением

Готово! Теперь вы знаете, что вставить лицо в другую фотографию в фотошопе – не единственное решение. Эта инструкция универсальна, используйте её на практике так, как вам захочется. Узнайте, и откройте для себя новые возможности программы! «Домашняя Фотостудия» станет для вас верным помощником в любой ситуации, когда нужно качественно обработать снимок.

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

Фильтры (о них читайте в предыдущем уроке) - это довольно маленькая и весьма простая в использовании их часть. В этой статье мы разберём функции посложнее.

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

У нас есть море.

Есть чайка.

И мы хотим, чтобы чайка парила над морем.

Приступим.

Подготовка

На этом этапе необходимо открыть исходные картинки и создать документ для их объединения.

1. Сначала откройте файл с изображением моря. Для этого нажмите сочетание клавиш Ctrl+O либо выполните команду Файл -> Открыть, в появившемся окне Проводника найдите файл с морем, щёлкните на нём и нажмите кнопку Открыть.

2. Точно так же откройте файл с чайкой.

3. Создайте новый документ размером 760x475 пикселей. Для этого нажмите сочетание клавиш Ctrl+N либо выполните команду Файл -> Создать, в полях Ширина и Высота задайте указанные значения и нажмите ОК.

4. Теперь в программе Photoshop у нас открыто три документа, перемещаться между которыми можно с помощью вкладок.

Перемещение

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

1. Перейдите к изображению с морем, щёлкнув на его заголовке.

2. Выделите всё изображение. Для этого либо выполните команду Выделение -> Все главного меню программы, либо просто нажмите сочетание клавиш Ctrl+A . В итоге картинка получит обрамление, означающее, что она выделена.

3. Скопируйте выделенное, нажав комбинацию клавиш Ctrl+C или в главном меню Photoshop выполнив команду Редактирование -> Копировать.

4. Перейдите к рабочему документу, щёлкнув кнопкой мыши на его заголовке.

5. Вставьте скопированный рисунок - или нажмите Ctrl+V , или выберите в главном меню пункт Редактирование -> Вставить.

6. Слой для нового материала программа создала автоматически. Переименуйте его в Море, на панели слоёв щёлкнув название слоя, введя новое имя и нажав Enter .

7. Аналогичным образом скопируйте и вставьте в рабочий документ изображение с чайкой: перейдите к картинке, щёлкнув на её заголовке, выделите всё изображение (Ctrl+A) , скопируйте его (Ctrl+C) , перейдите к рабочему документу и вставьте картинку (Ctrl+V) . Слой также создался автоматически, переименуйте его в Чайка.

В результате наш рабочий документ обзавёлся двумя новыми слоями, на которых размещены исходные изображения.

Трансформация

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

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

Чтобы это исправить, нужно уменьшить всё изображение с чайкой до приемлемых размеров.

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

1. С помощью инструмента Перемещение переместите изображение с чайкой так, чтобы птица не оставалась за кадром и её было полностью видно.


3. Выделите слой с чайкой: убедитесь, что он является активным, и нажмите Ctrl+A .

4. В главном меню выполните команду Редактирование -> Свободная трансформация, либо нажмите комбинацию клавиш Ctrl+T .

5. Уменьшите размер картинки до приемлемого, обращая внимание на размер чайки - она должна гармонично вписываться в морской пейзаж. Для уменьшения тяните за появившиеся по углам рисунка прямоугольники. Чтобы размер менялся пропорционально, удерживайте при этом нажатой клавишу Shift .

6. Для завершения преобразования смените инструмент (например, выберите инструмент Перемещение) и в окне с вопросом нажмите кнопку Применить.

Выделение и вырезание

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

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

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

1. На палитре инструментов щёлкните значок Волшебная палочка .

2. Обратите внимание на панель параметров.

Число в поле Допуск отвечает за ширину выделяемого цветового спектра. Например, при нулевом значении Волшебная палочка выделит на картинке только те пиксели, которые по цвету идентичны выбранному. Если установлено значение 16, то инструмент выберет пиксели на 8 единиц темнее и на 8 единиц светлее выбранного. В нашем случае (фон хорошо контрастирует с чайкой) значение может быть равным даже 100, лишнего выделено всё равно не будет.

Кнопка делает границы выделенной области более гладкими, она должна быть нажата.

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

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

3. Убедившись, что активен слой с чайкой, выбран инструмент Волшебная палочка, а предыдущие выделения отменены (Выделение -> Отменить выделение). Когда убедились, щёлкните на самой птице кнопкой мыши.

4. Она выделилась. Но нам нужно убрать не её, а всё вокруг, поэтому в главном меню выполните команду Выделение -> Инверсия, чтобы стало выделено всё, окружающее чайку.

5. Теперь просто удалите выделенное, нажав клавишу Delete . Над морем осталась одна чайка.

6. Выполните команду Выделение -> Отменить выделение.

7. Щёлкните на значке инструмента Перемещение и выделите слой с чайкой (Ctrl+A) .

8. Переместите чайку в любое место, если это необходимо или просто есть желание, и снимите выделение.

Сохранение

Осталось самое главное - сохранить результат в файл. Экспортируйте получившуюся картинку в любимый формат с помощью команды Файл -> Экспортировать (подробнее мы уже говорили об этом в самом первом уроке). На случай, если вы вдруг в будущем захотите вернуться к правке картинки, сохраните её в формате.PSD .

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


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


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


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


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


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


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


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

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

Статьи по теме: