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

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

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

Я решил перенести утку на изображение с прудом.


Как вырезать лицо в фотошопе и вставить в другое фото

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

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


  1. Откроем две фотографии в разных вкладках. Я больше всего предпочитаю способ Drag and Drop, то есть, выделить нужные изображения и перенести их в фотошоп с зажатой левой клавишей мышки. После этого они по очереди откроются в разных вкладках.
  2. Теперь берем любой инструмент выделения, например « », и начинаем выделять лицо Джона Траволты, захватывая лобную часть и подбородок. А вот волосы нам не понадобятся.
  3. Теперь берем инструмент «Перемещение» , после чего зажимаем левую кнопку мыши внутри выделения, а затем переносим его на вкладку с Николасом Кейджем, пока она не откроется. После этого наводим нашу выделенную часть куда-нибудь на картинку и отпускаем копку мыши.
  4. Когда фотография Траволты окажется на новом слое, уменьшите его не прозрачность хотя бы на 25-30 процентов. чтобы нам легче было работать.
  5. Теперь начинаем заниматься подгоном. Как видите, фотография с Джоном была больше, кроме того, его голова была слегка наклонена. Поэтому, нам все нужно подогнать. Для начала вызовите Свободное трансформирование, нажав комбинацию клавиш CTRL+T , и после этого тяните за уголки, не забыв нажать клавишу SHIFT , чтобы примерно подогнать размер.
  6. Теперь поставьте курсор чуть выше угла, чтобы он изменился на режим поворота. После этого зажмите левую кнопку мыши, и начинайте поворачивать перенесенный объект в ту сторону, чтобы лицо стояло также прямо, как и Кейджа.
  7. Теперь перенесите полупрозрачное лицо Траволты, на Кейджа, чтобы посмотреть соответствие носа, рта и глаз нужного размера. Отлично, мы сделали все на одном уровне. после этого можно нажать Enter , чтоюы применить трансформирование.
  8. Теперь нам нужно удалить или обрезатьостатки кожи, которые вылезают за пределы черепной коробки. Для этого можно воспользоваться инструментом ластик и просто стереть ненужную область. Только желательно нажать правую кнопку мыши и выставить жесткость на 0 процентов, чтобы границы были с максимально мягким переходом.
  9. Нам удалось наложить одно фото на другое да и лицо вроде бы готово, но вот оттенок их немного не совпадает, поэтому придется немного изменить тон. Можно воспользоваться тем же способом, которым мы убирали красноту с лица в фотошопе, либо применить инструмент заплатка. Для этого выберите «Заплатку» и обведите лобную часть, которая принадлежит Николасу Кейджу. После это зажмите правцю кнопку мыши и перенесите ее на кусок кожи траволты, чтобы заменить ту часть.
  10. В принципе всё. Можно только провести восстанавливающей кистью по лобной складке, чтобы она не дублировала уже имеющуюся.

Теперь у нас получился настоящий Джон Кейдж или Николас Траволта. Да уж. Конечно, у них совершенно разный тип лиц, но я думаю, что уть вы поняли.

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

Как наложить костюм в фотошопе

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


Теперь Джастина Тимберлейка можно вклеивать в документы. Точно также мы делаем и с другими костюмами, с прическами, усами, бородами или даже шрамами. Достаточно в интернете в любом поисковике найти задать что-нибудь типа «Костюм полицейского png» или «Мужские прически с прозрачным фоном» . Принцип работы такоей же: открываем, переносим, подгоняем размер и деформируем.

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

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

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

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

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

С уважением, Дмитрий Костин.

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

Как в фотошопе вырезать изображение

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

  1. Картинку, с которой будем вырезать определенное изображение
  2. Чистый холст
  3. Фон, на который хотим поместить вырезанное изображение

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

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

  • С помощью инструмента «Быстрое выделение»
  • С помощью инструмента «Магнитное лассо»

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

Начнем с «Магнитного лассо». Когда вы выберете инструмент, на картинке появится магнитик. По контуру фигуры проводите им максимально точно, ставьте точки, не отходя от краёв. Если мышку повело, и линия зашла не туда, куда надо, тогда нажимайте «Backspace» (или Ctrl+Alt+Z) до тех пор, пока точка не дойдёт до места, где прервалось правильное выделение.

Кстати, если вам трудно работать с «Магнитным лассо», можно обойтись без него. Тогда воспользуйтесь только «Быстрым выделением» или «Волшебной палочкой».

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

Иногда в фотошопе выделить изображение с точностью трудно, особенно если оно имеет прерывистые края (пальцы, уши, какие-то другие детали). Чтобы доработать края и труднодоступные места, воспользуйтесь «быстрым выделением» . Потом увеличьте картинку с помощью одновременного нажатия клавиши Alt и колёсика мыши. Этим же способом можно потом уменьшить.

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

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

Как в фотошопе наложить одно изображение на другое

Чтобы в фотошопе наложить одно изображение на другое, мы копируем (Ctrl+C) наш заранее выделенный обрезанный из другого фона объект (то, что мы, собственно, проделали выше в статье) и вставляем на нужный нам фон, который уже давно ждёт в третьей вкладке.

Итак, у нас есть фон и есть слой с объектом (с хомяком). Работаем со слоем, где фигура. По желанию её можно отредактировать под этот фон. Для этого во вкладке «Редактирование » нажмите «Трансформирование» , а потом экспериментируйте. Меняйте масштаб, поворачивайте (при этом зажимайте Shift, чтобы сохранить пропорции), работайте с цветом и т.д. Если не понравилось – возвращайте прошлое состояние, нажав Ctrl+Alt+Z .

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

Изучайте и всё у вас обязательно получится!

Вы дочитали до самого конца?

Была ли эта статься полезной?

Да Нет

Что именно вам не понравилось? Статья была неполной или неправдивой?
Напишите в клмментариях и мы обещаем исправиться!

Загружаем фон

Фотошоп и его аналоги созданы для специалистов и требуют длительного обучения. Но существует простая и понятная новичку программ «Домашняя Фотостудия». Она умеет обрезать, склеивать, накладывать изображения не хуже, однако не требует сил для изучения и мощного ПК. Разобраться сможет даже «чайник» – сами увидите! Для начала выберем и добавим фоновое изображение, кликнув по соответствующей кнопке.

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

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

Удаляем фон со второй картинки

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

Пробуем совмещать два изображения

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

Сглаживание перехода

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

Инструкция

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


.jpg" width="200" height="100" style="padding: 50 60 70 80" />

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

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

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

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

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

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

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

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

Инструкция

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

Хотите узнать, как можно «поменяться лицами» с другом, родственником или любимой знаменитостью? В этом вам поможет магия фотомонтажа! Как это работает? Поисковики по запросу, наверняка, предложат воспользоваться фотошопом, но непрофессионалу эта программа не подойдёт. Оптимальный вариант – простая , вроде «Домашней Фотостудии». В этой статье вы узнаете, как в фотографию вставить другое лицо, не имея опыта в фотомонтаже.

Шаг №1. Начинаем работу

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

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

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

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


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

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

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


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

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


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

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

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


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

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

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

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


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

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

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


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


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

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