Наложение изображений друг на друга онлайн. Как наложить изображение на изображение

И так, открываем картинки в ФШ:
Файл - Открыть

В окне Слои снимаем замочки.

Вырезаем объект с помощью инструмента Перо (см. урок № 13) , увеличьте для удобства картинку инструментом Лупа или Ctrl ++ , Ctrl -- уменьшить


Закончив обводить:


Растушовка для маленьких объектов 1пикс. , побольше - 2пикс.


Объект выделился пунктирной линией. Далее жмём Ctrl+C - это скопировали объект в буфер обмена, кликаем на фон и жмём Ctrl+V - вставить объект и инструментом Перемещение расположите объект, как вам надо. С помощью Свободной трансформации Ctrl+T - придайте объекту нужный размер


Осталось подрегулировать Яркость/Контрастность, Цвет и т.д. что бы объект вписался в фон.
Для этого идём: Изображение -Коррекция


Теперь сохраняем: Файл - Сохранить для Web в формате JPEG


Вот что получилось


Часть II
Добавление людей с других фотографий
Часто возникает ситуация, когда фотографируясь в дружной компании кто-то не попадает в кадр (например сам снимающий). Ну или отлучился кто-то в этот момент в туалет, или спит уже на полу, но зато он есть на каких-то других фотографиях и мы желали бы добавить его в общую фотографию. Короче говоря из нескольких таких фотографий:









Получить вот такую:


Для этого в Photoshop открываем все эти картинки, на каждой вырезаем нужного нам человека и переносим на общую картинку (как это делается рассмотрено в предыдущей части).
Поскольку размеры людей на разных фотографиях почти наверняка будут различаться (если только все это не снималось с одной точки), то понадобиться подкорректировать размеры.
Для этого воспользуемся Свободным трансформированием Ctrl+T и подгоним размеры на каждом слое

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


Теперь для большего правдоподобия осталось подкорректировать цвет и яркость отдельных людей. Это делается в меню Изображение -Коррекция-Яркость/контрастность и Цветовой баланс

Часть III
Здесь приведу пример как вырезать более сложные объекты
Например: волосы , деревья , перья и т.д.

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


Не забываем в окне Слои снять замочек.
Выбираем инструмент для выделения: Кисть -размер 1500 пикселей (вы можете взять гораздо меньшее число), мягкая с размытыми краями

Далее идём Фильтр -Извлечь
Откроется окно, и инструмент для выделения уже должен быть нажат (или сами можете выбрать, самый первый в панели слева). Начинаем выделять область, где необходимо вырезать волосы. Чем меньше размер кисти, тем более качественнее у вас получиться. Выделение у вас должно в итоге быть замкнутым .
После того как вы закончили выделять контур и места с проблемными волосами, берем инструмент ЗАЛИВКА и заливаем.

Как видите каждый волосок обрезан аккуратно!

Дальше с помощью инструмента Перемещение перетаскиваем картинку на Фон, с помощью Свободного трансформирования Ctrl+T придаём нужный размер.
Не забывайте корректировать цветность, яркость и т.д. Это делается в меню Изображение-Коррекция-Яркость/контрастность и Цветовой баланс
Сохраняем : Файл-Сохранить для Web в формате JPEG .

Вариант 1: IMGonline

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

1. Заходим на сайт IMGonline . Осуществляем загрузку необходимых файлов на сайт, нажав на кнопку «Обзор».

2. Затем определяемся с параметрами наложения и производим настройку прозрачности второй картинки. Если нужно, чтобы изображение просто были сверху другого, то прозрачность ставим на «0».

3. Подгоняем по параметрам одну картинку под другую.

4. Определяемся с местом расположения второго изображения относительного первого.

5. Полученный файл настраиваем по параметрам (формат и процент прозрачности).

6. Нажимаем на кнопочку «Ок», чтобы осуществить автоматическую обработку.

7. Преобразованную картинку можно посмотреть прямо в браузере или сохранить ее себе на компьютер.

Вариант 2: Фотоулица

Онлайн-сервис на русском языке. Интерфейс приятный и простой. Накладывать одно фото на другое можно не только скачанные, но и просто из Интернета (указав на них ссылку).

1. Заходим на сайт Фотоулица . Нажимаем на «Открыть фоторедактор» (кнопка размещена на главной странице сайта).

2. Открывается окно редактора.

3. Клацаем на кнопку «Загрузить фото», а затем на «Загрузить с компьютера».

4. На боковой панели, которая появится, можно изменить размеры первого изображения.

5. Затем снова нажимаем на «Загрузить фото», чтобы добавить вторую картинку.

6. Сверху первой картинки будет наложена вторая. Следует подогнать ее под размеры первой на левом боковом меню (описано в пункте 4). Отправляемся на вкладку «Добавить эффекты».

9. Нажимаем на необходимый вариант и клацаем на кнопку «ОК».

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

Вариант 3: Фотошоп Онлайн

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

2. Добавляем вторую картинку – заходим в меню «Файл», клацаем на «Отрыть изображение».

3. На появившейся левой боковой панели выбираем инструмент «Выделение». На второй картинке определяемся с областью наложения. Переходим в меню «Редактировать» и нажимаем на «Копировать».

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

5. Нажимаем на «Параметры» в меню «Слои» и выбираем необходимую прозрачность второй картинки.

6. Получившийся результат сохраняем. Нажимаем на «Файл» и «Сохранить».

Приветствую вас! Покажу, как легко и быстро наложить одно фото на другое с помощью отличного фоторедактора Fhotofiltre. Он очень удобен, функционален - позволяет без фотошопа выполнять многие задачи. И, что важно - фоторедактор (далее сокращенно — ФР) бесплатный.

Урок будет особенно полезен тем, кто готовит мастер-классы (или другие обучающие материалы).

Внимание!

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

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

Краткое описание урока

Вначале вкратце объясню, что предстоит сделать. Для того, чтобы наложить одно фото на другое, откроем в ФР поочередно две фотографии.

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

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

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

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

• как просто перенести изображение повязки, надетой на манекен, на красивый фон;
• как ее «надеть» на игрушечного медвежонка, изображенного на другой картинке.

Если вас заинтересовала повязка, МК по ней .

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

Первое: накладываем повязку на другом фоне

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

Шаг 1. Подготовим фотографию с выбранным фоном

Открываем фоторедактор, кликнув по его файлу дважды ЛКМ (левой кнопкой мыши). Затем, открыли в ФР картинку, на которое хотим поместить повязочку.

Разберем по пунктам скриншот-снимок, приведенный выше.

1. Открыли нужную фотографию, кликнув в верхнем левом углу «Файл» (затем «Открыть»).

2. Фото загрузилось.

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

Здесь важны два момента:

а) обратите внимание на название фотографии - при сохранении лучше задать другое название. Так как, если этого не сделать, прежняя фотография заменится на новую.
б) смотрите, у этой фотографии формат ipg (непрозрачный). У второго, накладываемого изображения, обязательно должен быть формат png (прозрачный).

3. Сразу надо задать нужный размер картинки, где фон. Тут также два варианта:

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

Тогда, поступим иначе.

4. Жмем ЛКМ по маленькому окошку «Выделение» (текст появится, когда вы подведете мышку на окошко). Ниже выскочит новое окно с разными геометрическими фигурками.

5. Нажмем по фигуре «Прямоугольник».

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

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

Теперь отрываем мышку - не бойтесь, пограничная линия не исчезнет. Ставим мышь внутри границ «бегущих» линий. Жмем ПКМ (правой кнопкой мыши), затем — в открывшемся окне выбираем команду «Обрезать изображение».

Видим, что картинка обрезалась так, что осталась только нужная область. Но, ее размеры соответственно уменьшились. Задаем нужный размер, используя функцию «Рисунок». У меня заданы размеры: 600×451 px.

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

Шаг 2. Подготовка 2-го изображения

Итак, часть работы выполнена. Теперь, не удаляя из фоторедактора первое , открываем второе изобр-е (у меня это — повязка на манекене).

Сделаем прозрачный фон для второй картинки. Как это сделать, подробно показано в уроке, поэтому, повторяться не буду. Сохранять его следует в формате PNG (чтобы не потерять прозрачность фона).

Пройдемся по пунктам следующего снимка.

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

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

2 Задаем второй фотографии подходящие размеры: к примеру, 280×373 Но! Учтите, что в следующем шаге оно еще будет обрезаться, так что, задайте параметры «с запасом».

3 - 5. Обрезаем картинку, повторив действия, как для первой фотографией (показано стрелками).

Шаг 3. Накладываем одно фото на второе, с нужным фоном

Для этого кликаем ПКМ внутри выделенной пунктиром области. Выбираем команду «Вырезать». Изображ-е тут же исчезнет с данной фотографии - не пугайтесь.

Жмем мышкой в любом месте картинки с фоном. Она тут же выскочит поверх первой, из которой вырезали. Делаем клик ПКМ, жмем «Вставить».

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

Если вас не устраивает, в каком месте наложилась картинка, кликайте по ней ЛКМ и передвигайте, куда потребуется.

Шаг 4. Сохранение готовой фотографии

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

Покажу один важный момент сохранения. Кликнули «Файл» - «Сохранить как...».

Для чего нажмите на черный треугольник (выделен зеленым окошком). И выберите в предложенном списке вариант «IPG» или «PNG».

Не забудьте вписать новое название для фото в поле «Имя файла». Продолжайте сохранение. Появится окно: «Данный формат не поддерживает слои. Все равно сохранить файл?» Отметьте: «Да».

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

Хотите стать частью памятника или сделать фотографию где Ваша кошка прыгает с самолета? Вы когда-нибудь хотели, чтоб ваш портрет написал сам Леонардо? Конечно хотели! Вот почему мы создали новую версию "Фотомонтажа", который позволяет вам делать все, что угодно! "Фотомонтаж" позволяет накладывать друг на друга элементы любого изображения по-вашему выбору. Всё что Вам нужно сделать - это только загрузить фоновое изображение, а затем поместить одну или несколько фотографий на нем. После этого с помощью кнопок управления можно откорректировать элементы и фотографии, оставив часть Вашего фото сопоставить в верхней части фонового изображения. Вы можете настроить размер и габариты фона на Вашей фотографии настроить размер, расположение и направление любых слоев на изображении, которые Вы хотите разместить. Удачи!

Как пользоваться фотомонтажом?

1. Открой Fotor и выберите пункт "Фотомонтаж" в разделе Коллаж.
2. Загрузить фоновый снимок или выберите один из наших фоновых узоров или цветов.
3. Добавь одну или несколько фотографий, которые вы хотите сопоставить и перетащите их на фон. (Обратите внимание, что когда вы нажимаете на панель инструментов, должно появиться большое меню с огромным количеством опций, их можно использовать для настройки и коррекции изображения).
4. Во всплывающей панели инструментов используй инструмент "Тёрка", чтобы удалить с фотографии элементы, которые не должны оставаться на фоне.
(ПРИМЕЧАНИЕ: Вы можете настроить "Интенсивность", а также "Размер" в "Тёрка". Если вы сделаете ошибку при использовании, нажмите кнопку "Сброс".)

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

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

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

Способ 1: IMGonline

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

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

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

Способ 2: Фотоулица

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

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

1. Щелкаем на кнопку «Открыть фоторедактор» на главной странице сайта.
   
2. Попадаем в окно редактора.
   
3. Нажимаем на «Загрузить фото» , затем щелкаем на пункт «Загрузить с компьютера» и выбираем ту картинку, на которую будет накладываться второе фото.
4. С помощью боковой панели, если нужно, меняем размеры первой картинки.
5. Вновь щелкаем на «Загрузить фото» и добавляем второе изображение.
6. Поверх первого фото будет наложено второе. Подгоняем его под размеры первой картинки с помощью левого бокового меню, как описано в п.4.
7. Переходим во вкладку «Добавить эффекты» .
   
8. Настраиваем нужную прозрачность верхней фотографии.
   
9. Для сохранения результата щелкаем на кнопку «Сохранить» .
   
10. Выбираем подходящий вариант и щелкаем на кнопку «ОК» .
11. Выбираем размер изображения, оставляем либо убираем логотип редактора.
12. Начнется процесс монтирования фото и сохранения ее на сервер. Если вы выбрали «Высокое качество» , процесс может занимать продолжительное время. Не закрывайте окно браузера до завершения загрузки, иначе весь результат будет потерян.
    

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

Способ 3: Фотошоп Онлайн

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

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

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