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

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

Осталось сохранить вашу фотографию. Выполните пункт меню Файл – Сохранить Как

Как вставить фото в фото в фотошопе

Выберите формат JPG, задайте имя файлы и нажмите Сохранить.

Как вставить фото в фото в фотошопе

Спасибо за внимание! Задавайте вопросы в комментариях.

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



yand2

На интересном примере мы рассмотрим вопрос вставки фото в фото, используя фотошоп.

Здравствуйте, дорогие посетители сайта Pixelbox.ru!

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

изображения которые будем вставлять в фотошопе

Как во всех остальных уроках фотошопа, мы будем работать поэтапно.

В этом уроке я покажу вам три простых способа совмещения двух изображений в Фотошоп. Начнём мы с самого простого способа совмещения, используя параметр Opacity (Непрозрачность) на панели «Слои». Далее, рассмотрим способ получения более интересного и творческого результата с использованием режимов смешивания. И, наконец, вы узнаете, как легко скомбинировать два изображения при помощи маски слоя. В конце некоторых способов я дам вам полезные советы, как ускорить рабочий процесс и получить хорошие результаты. Я буду использовать Photoshop CC, но данный урок полностью совместим с версией SC6. Давайте приступим!

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

Перейдите к изображению с котом – cat.png, выбрав на панели сверху нужное окошко с изображением в фотошопе.

кот в фотошопе вставляем

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

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

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

вставляем фото в другое фото в фотошопе

Жмем OK. После этого слой с котом окажется в документе с изображением комнаты.

Этим же способом перенести изображение бабочки в изображение с комнатой.


yand2

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

Как известно для такой операции вам нужны два изображения.

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

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

НЛО, на прозрачном фоне. Если у вас есть изображение на прозрачном фоне – хорошо, если нет – вырежьте. В данном уроке я даю вам изображение на прозрачном фоне (ссылка сверху).

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

Откройте оба изображения в Фотошопе.

Перейдите в изображение в НЛО, выделите его, нажмите CTRL+C чтобы скопировать.

изображение

Перейдите в окно с фотографией города. Нажмите CTRL+V чтобы вставить. Тарелка наложится на это изображение сверху.

вставляем изображение в фотошопе

Причем изображение НЛО будет на отдельном слое, а значит мы с ним можем делать что угодно.

слои

Нажмите CTRL+T чтобы вызвать функцию трансформирования.

трансформируем изображение

Теперь вы можете уменьшить размер изображения НЛО и переместить куда нужно. В данном случае наверх. Нажмите ENTER, когда закончите редактирование.

Переместить можно изображение с помощью инструмента Перемещение (Move Tool) – найдите на панели инструментов справа.

перемещаем изображение

Теперь уменьшим прозрачность для изображения с НЛО. Это делается на панели со слоями.

уменьшаем непрозрачность

наложили одну картинку на другую в фотошопе

Автор урока – Александр Акимов

Содержание
  1. Наложение слоев друг на друга в Adobe Photoshop
  2. Как наложить одну картинку на другую в Фотошоп Онлайн?
  3. Инструкция №1 – наложение без прозрачности
  4. Инструкция №2 – наложение слоёв с прозрачностью
  5. Совмещение двух изображений в Фотошопе
  6. Подготовительные работы, выбор изображений
  7. Этап 1: Позиционирование изображений
  8. Этап 2: Выравнивание размеров
  9. Этап 3: Совмещение изображений
  10. Использование опции Opacity (Непрозрачность)
  11. Выбор изображений
  12. Опция «Непрозрачность»
  13. Способ 2: Режимы наложения
  14. Опция «Режимы наложения»
  15. «Режимы наложения» и «Непрозрачность»
  16. Совет: циклическое переключение режимов смешивания с клавиатуры
  17. Как в фотошопе наложить одно изображение на другое
  18. Как в фотошопе вырезать изображение
  19. Как в фотошопе вырезать изображение и наложить одно на другое
  20. Использование маски слоя
  21. Добавление маски
  22. Как работает маска слоя
  23. Выбор инструмента Gradient Tool (G) (Градиент)
  24. Выбор чёрно-белого градиента
  25. Совмещение двух изображений
  26. Просмотр маски слоя
  27. Совет: включение и отключение маски слоя
  28. Обработка вставленных фото
  29. Выделяется второй элемент в Фотошоп
  30. Как наложить костюм в фотошопе
  31. Ключевые тезисы по Фотошоп
  32. Обводим конкретную область
  33. Загружаем фотографию в программу
  34. Вставляем изображение в Фотошоп
  35. Подготовка фотографий. Загружаем в фотошоп.
  36. Наложение с прозрачностью
  37. Как вырезать лицо в фотошопе и вставить в другое фото

Наложение слоев друг на друга в Adobe Photoshop

Как наложить слой на слой в Фотошопе

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

Процесс перемещения слоя в Adobe Photoshop

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

Пример закрепленного слоя в Adobe Photoshop

Использование различных эффектов наложения в Adobe Photoshop

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

ЗакрытьМы рады, что смогли помочь Вам в решении проблемы.
ЗакрытьОпишите, что у вас не получилось. Наши специалисты постараются ответить максимально быстро.

Как наложить одну картинку на другую в Фотошоп Онлайн?

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

Как наложить одну картинку на другую в Фотошоп Онлайн?

  • 1 Инструкция №1 – наложение без прозрачности
  • 2 Инструкция №2 – наложение слоёв с прозрачностью

Инструкция №1 – наложение без прозрачности

В этой инструкции слои не используются, будем работать с базовыми функциями:

  1. Запустите в браузере Фотошоп Онлайн и загрузите картинку через меню Файл – Открыть .
  2. Сразу откройте вторую картинку, на которую нужно наложить первую – она откроется в другой вкладке.
  3. Перейдите к первой картинке – выделите всё изображение комбинацией Ctrl-A или воспользуйтесь одним из инструментов выделения на боковой панели.
  4. Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать , выбранный участок скопируется в буфер обмена.
  5. Перейдите на второй рисунок в соседней вкладке, выберите в верхнем меню Редактирование – Вставить .

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

Инструкция №2 – наложение слоёв с прозрачностью

Вставить картинку в картинку в Фотошоп Онлайн с прозрачностью поможет система слоёв:

  1. Откройте первое изображение через меню Файл – Открыть .
  2. Создайте слой через меню Слой – Новый – Слой .
  3. Откройте второе изображение через меню Файл – Открыть .
  4. Выделите всё второе изображение комбинацией Ctrl-A или с помощью инструментов выделения на боковой панели.
  5. Скопируйте выделенное, выбрав в верхнем меню Редактирование – Копировать – выбранный участок скопируется в буфер обмена.
  6. Перейдите на вкладку с первым изображением, вставьте скопированный участок через меню Редактирование – Вставить .
  7. В правой панели во вкладке Слои виден параметр прозрачности – отрегулируйте его в диапазоне от 0% до 100%.

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

Совмещение двух изображений в Фотошопе

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

Подготовительные работы, выбор изображений

  1. Сначала подберем подходящие для демонстрации изображения. Пусть это будет фото знаменитой голливудской актрисы – Шарлиз Терон.Фотография Шарлиз Терон для обработки в Фотошопе
  2. Также найдем в сети подходящую рамку и скачаем ее. Либо можно использовать ранее скаченные варианты.Рамка для совмещения с фотографией в Фотошопе
  3. Запускаем Photoshop и открываем обе картинки в двух отдельных вкладках. Открытие файлов происходит стандартно для большинства программ: “Файл” – “Открыть“. Затем, используя кнопку “Обзор” переходим в папку, где хранятся изображения и открываем их.

Этап 1: Позиционирование изображений

Теперь приступаем непосредственно к совмещению выбранных изображений.

  1. Выбираем вкладку с фотографией актрисы и выделяем ее при помощи комбинации клавиш Ctrl+A.
  2. Теперь нужно вырезать (либо скопировать) выделенную область, чтобы перенести ее на изображение с рамкой. Для этого:
    • либо используем команду “Вырезать” в меню “Редактирование” (в нашем случае);

Слой из заднего плана в Фотошопе

  • наводим курсор на слой с рамкой и нажимаем правую кнопку мыши;
  • в появившемся контекстном меню выбираем первую строку – “Слой из заднего плана” и кликаем на нее.

Этап 2: Выравнивание размеров

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

  1. В Палитре слоев кликаем на “Слой 1“, на котором находится изображение актрисы, чтобы редактировать именно его размеры.
  2. Выбираем пункт “Свободное трансформирование” в меню “Редактирование“, либо используем комбинацию клавиш Ctrl+T.Активация свободного трансформирования слоя
  3. Слой получил выделение в виде рамки с квадратными маркерами, при помощи которых мы будем изменять размер изображения.Границы изображения в Фотошопе
  4. Зажав левую кнопку мыши, тянем один из угловых маркеров внутрь до тех пор, пока фотографии не уменьшится до требуемого размера (контролируем визуально). Чтобы уменьшение происходило пропорционально, в процессе изменения размера удерживаем нажатой клавишу SHIFT на клавиатуре.Редактирование размера изображения в Фотошопе
  5. Следующие шаги этого раздела не обязательны в ситуации, когда рамка имеет сплошной фон, отличный от белого. Однако в нашем случае это не так, и чтобы результат, действительно, получился эффектным, требуются некоторые доработки.
  6. Выбираем инструмент “Волшебная палочка” на панели инструментов слева.Инструмент Волшебная палочка в Фотошопе
  7. Кликаем по области, которая освободилась на верхнем слое в результате уменьшения фотографии, чтобы выделить ее.Выделение изображения инструментом Волшебная палочка в Фотошопе
  8. Затем выбираем инструмент “Заливка“, предварительно установив в качестве основного белый цвет.Инструмент Заливка в Фотошопе
  9. Кликаем по области выделения, чтобы закрасить ее полностью белым цветом.Заливка выделенной области в Фотошопе
  10. Созданное белое обрамление позволит в дальнейшем органично вписать фотографию в рамку.Залитая область в Фотошопе
Дополнительно:  Замеры на границе сзз

Этап 3: Совмещение изображений

Это завершающий этап, на котором мы настроим совместное отображение фотографии и рамки, которые в данный момент перекрывают друг друга.

  1. При помощи зажатой левой кнопки мыши перемещаем слой с фотографией непосредственно под слой с рамкой.Перемещение слоя в Фотошопе
  2. Теперь фотография не видна совсем, и всю площадь рабочего холста занимает рамка. Наша задача – поместить фотографию в эту рамку.Рамка для совмещения с фотографией в Фотошопе
  3. Выбираем для редактирования верхний слой, кликнув по нему левой кнопкой мыши. Выбор слоя в Фотошопе
  4. Повторно выбираем инструмент “Волшебная палочка“.Инструмент Волшебная палочка в Фотошопе
  5. Наводим курсор в среднюю часть рамки и нажимаем левую кнопку мыши. Это действие позволяет выделить на изображении все границы белого цвета.Выделенная рамка для совмещения с фотографией в Фотошопе
  6. Удаляем область выделения – для этого нажимаем клавишу DEL. Затем убираем выделение при помощи сочетания клавиш Ctrl+D.Отмена выделения в Фотошопе
  7. Дальше можно немного поработать над тем, чтобы итоговый результат выглядел более гармонично и привлекательно, например, удалить четкие границы фотографии.Совмещение фото с рамкой в Фотошопе

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

Использование опции Opacity (Непрозрачность)

Выбор изображений

В первом способе мы прибегнем к помощи опции «Непрозрачность». Вот первое изображение с девушкой, которое я буду использовать в качестве примера:

Три способа смешивания двух изображений

А это второе изображение с пляжем:

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Опция «Непрозрачность»

Данная опция расположена в правом верхнем углу панели «Слои». По умолчанию установлено значение 100%, это означает, что текущий выбранный слой «Layer 1» полностью блокирует своей непрозрачностью нижний слой.

Три способа смешивания двух изображений

Значение непрозрачности контролирует уровень прозрачности слоя. Это очень просто, снижая значение, мы делаем слой более прозрачным, позволяя изображениям, расположенных ниже, проявляться. Чем больше мы уменьшаем непрозрачность, тем больше верхнее изображение будет растворяться в нижнем. Я изменил значение непрозрачности от 100% до 75%.

Три способа смешивания двух изображений

Это означает, что мы смешиваем 75% непрозрачности изображения на верхнем слое с 25% непрозрачности изображения на нижнем слое. Мы видим, что изображение девушки начинает смешиваться с изображением пляжа.

Три способа смешивания двух изображений

Здесь, я захотел сделать девушку ещё менее заметной и уменьшил значение непрозрачности до 30%.

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Способ 2: Режимы наложения

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

Три способа смешивания двух изображений

Портрет я буду смешивать с синей гранжевой текстурой.

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Опция «Режимы наложения»

Режимы наложения в Фотошоп – это разные способы взаимодействия слоёв друг с другом. Расположена данная опция в верхнем левом углу панели «Слои», прямо напротив опции «Непрозрачность». По умолчанию установлен режим Normal (Обычный), это означает, что верхний слой вообще не смешивается со слоями, расположенными под ним.

Три способа смешивания двух изображений

Кликните по раскрывающейся вкладке «Режимы наложения», чтобы открыть меню со множеством различных режимов. Мы не будем рассматривать их все, но более подробно вы можете прочитать о них в этом уроке: «Режимы наложения в Фотошоп». Сегодня мы будем использовать три самых популярных и часто используемых режимов смешивания: Multiply (Умножение), Screen (Экран) и Overlay (Перекрытие). Режим «Умножение» создаёт эффект затемнения, «Экран» придаёт эффект яркости, а «Перекрытие» смешивает два слоя, увеличивая общий контраст.

Три способа смешивания двух изображений

Результаты после применения режимов смешивания будут полностью зависеть от ваших изображений. В моём случае лучший результат получился с использованием режима наложения Soft Light (Мягкий свет).

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Другой режим наложения, который отлично подходит для совмещения моих двух изображений – Divide (Разделить).

Три способа смешивания двух изображений

«Разделить» — один из менее известных и редко используемых режимов в Фотошоп. Но согласитесь, эффект действительно выглядит довольно крутым.

Три способа смешивания двух изображений

«Режимы наложения» и «Непрозрачность»

После того, как вы определились с режимом наложения, вы можете поиграть с непрозрачностью слоя, о чём я вам говорил в первом способе. Для слоя с текстурой я выбрал режим «Разделить» и непрозрачность уменьшил от 100% до 50%.

Три способа смешивания двух изображений

И вот результат:

Три способа смешивания двух изображений

Совет: циклическое переключение режимов смешивания с клавиатуры

Хочу дать вам полезный совет, который поможет ускорить рабочий процесс и облегчит работу с режимами смешивания. Вы можете переключаться между различными режимами смешивания в Фотошоп непосредственно с клавиатуры. Нажмите V, чтобы выбрать инструмент Move Tool (Перемещение). Затем нажмите и удерживайте Shift, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.

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

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

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

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

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

Также рекомендуем к прочтению ещё одну статью в контексте работы с Photoshop: «Как сделать гифку из фото и из видео в фотошопе?«.

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

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

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

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

Не будьте равнодушными к проекту. Спасибо! 🙂

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Дополнительно:  Zona tvbox и Zona Mobi для онлайн-просмотра

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

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

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

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

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

Использование маски слоя

Третий способ смешивания двух изображений, который мы рассмотрим, безусловно, самый популярный – использование маски слоя. В отличие от опций «Непрозрачность» и «Режимы наложения», которые смешивают два изображения полностью, маска слоя позволяет нам контролировать, в какой области два изображения будут смешиваться. С маской открывается множество возможностей и манипуляций, их невозможно рассмотреть в одном уроке. Здесь мы просто изучим основы.

Вот первое фото с девочкой, которое я буду использовать:

Три способа смешивания двух изображений

И второе изображение с одуванчиками:

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Добавление маски

Чтобы добавить маску слоя, сначала убедитесь, что выбран верхний слой. Затем нажмите на значок Add Layer Mask (Добавить слой-маску) в нижней части панели «Слои».

Три способа смешивания двух изображений

Рядом с миниатюрой слоя появится миниатюра маски.

Три способа смешивания двух изображений

Как работает маска слоя

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

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

Выбор инструмента Gradient Tool (G) (Градиент)

На панели инструментов выберите Градиент.

Три способа смешивания двух изображений

Выбор чёрно-белого градиента

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

Три способа смешивания двух изображений

Из выпадающего списка градиентов выберите градиент «Чёрный, белый», дважды кликнув по его миниатюре (третий слева на вернем ряду).

Три способа смешивания двух изображений

Совмещение двух изображений

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

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

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

Три способа смешивания двух изображений

Просмотр маски слоя

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

Три способа смешивания двух изображений

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

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

Три способа смешивания двух изображений

Совет: включение и отключение маски слоя

Хочу дать вам совет для быстрой и удобной работы с маской. Вы можете включать и выключать маску слоя, нажимая и удерживая Shift и кликая по миниатюре маски на панели «Слои». Нажатием по миниатюре один раз вы временно отключите маску и просмотрите весь слой полностью. Красный значок «Х» появится на миниатюре, сообщив нам, что маска отключена. Удерживая Shift, снова кликните по миниатюре, чтобы включить маску снова.

Три способа смешивания двух изображений

Вот и всё, что я хотел вам рассказать в этом уроке. Это 3 простых метода смешивания двух изображений, используя опцию «Непрозрачность», режимы смешивания и маску слоя в Photoshop.

Ссылка на источник урока.

Обработка вставленных фото

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

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

Перейдите к изображению с комнатой – room.jpg

фото в фотошопе обработка

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

Что нужно сделать в первую очередь:

  1. Уменьшить изображения
  2. Правильно расположить изображения

Давайте начнем с бабочки, так как она загораживает весь обзор. Найдите слой с бабочкой на панели слоев:

Как вставить фото в фото в фотошопе

Выберите этот слой, щелкнув на него один раз мышкой. Нажмите CTRL+T чтобы масштабировать изображение слоя. Чтобы уменьшить изображение бабочки – тяните уголок, с зажатыми клавишами SHIFT+ALT, по диагонали вниз вправо.

уменьшаем изображения в фотошопе

Когда нужный размер будет достигнут – нажмите ENTER.

уменьшили бабочку в фотошопе

Перейдите на слой с котом и проделайте тоже самое.

уменьшили кота в фотошопе

Найдите инструмент Перемещение на панели инструментов.

Как вставить фото в фото в фотошопе

Переместите кота на стол, а бабочку расположите на котом.

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

расположили объекты на фото

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

Выберите изображение с котом, нажмите CTRL+L чтобы вызвать функцию Уровни. Эта функция поможет настроить правильный оттенок.

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

Как вставить фото в фото в фотошопе

Изображение с бабочкой я также высветлил – используя настройки “на глаз”.

фото в фотошопе вставка

Теперь создайте новый слой – на котором мы будем рисовать тень от кота.

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

новый слой

Выберите и настройте кисть в фотошопе (по ссылке целый обзор посвященный настройке кисти)

  1. Выберите цвет черный
  2. Найдите кисть на панели инструментом
  3. Настройте нажим – 1%

кисть в фотошопе

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

Совет: ориентируйтесь на уже существующие тени на фото, например, на тени от горшков.

подрисовали тень в фотошопе

Для реалистичности движения бабочки можно добавить фильтр “Размытие в движении” на бабочку.

Перейдите на слой с бабочкой и примените фильтр:

фильтр фотошоп

Угол я выбрал 0%,а смещение – 3. Чем больше вы задаете смещение, тем больше размывается изображение.

Как вставить фото в фото в фотошопе

Результат нашей работы:

как вставить фото в фото в фотошопе

Выделяется второй элемент в Фотошоп

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

Как в photoshop наложить картинку на картинку
После выделения конкретной области на втором изображении зажимаем сочетание клавиш на клавиатуре «Ctrl+С», переходим на окно с первым базовым изображением и вставляем. Так дизайнер копирует изображение в буфер обмена, чтобы после вставить в первую картинку. Как сделать вставку – далее, подробно.

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

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

  1. Откройте фотографию человека и картинку с костюмом на прозрачном фоне. После этого перенесите его на вкладку лицом, чтобы он встал на отдельном слое. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  2. Теперь, выбираем функцию трансформации, нажав комбинацию CTRL+T. А дальше меняем размер костюма, чтобы он соответствовал размеру самого персонажа. Просто если этого не сделать, то у вас получится рахитоид. Для этого потяните за верхний уголок с зажатым SHIFT, чтобы сохранились все пропорции. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  3. Когда размер будет подогнан, нажмите Enter, чтобы применить изменения. Скорее всего у вас не будет полного совпадения, и часть ворота не будет подходить шее человека, либо часть старой одежды будет выпирать. Ничего страшного.
  4. Теперь выбираем в меню  —  — , после чего наш костюм обрамится сеткой. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  5. Далее, зажмите левой кнопкой мыши в области воротника, и начинайте погонять тянуть выше сначала с одной стороны, затем с другой, пока куски прошлой одежды не исчезнут, а ворот не не будет точно облигать шею. Подробнее о девормации в фотошопе вы можете прочитать здесь.Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
Дополнительно:  Как установить zona на смарт тв

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

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

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

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

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

Ключевые тезисы по Фотошоп

Перед работой с наложением картинки на картинку рассмотрим следующие ключевые аспекты:

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

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

Обводим конкретную область

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

Как в photoshop наложить картинку на картинку

Загружаем фотографию в программу

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

Как в photoshop наложить картинку на картинку

Вставляем изображение в Фотошоп

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

Как в photoshop наложить картинку на картинку

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

Также для вставки изображения предусмотрена комбинация сочетания клавиш «Ctrl+V» — нажимаем после копирования и перехода на первую картинку.

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

Как в photoshop наложить картинку на картинку

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

Как в photoshop наложить картинку на картинку

Как в photoshop наложить картинку на картинку

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

Как в photoshop наложить картинку на картинку

Остается только выбрать слой с фоном, ластик с «Размытием» и стереть место, где отмечается вторая фотография. Результат выглядит следующим образом.

Как в photoshop наложить картинку на картинку

Подготовка фотографий. Загружаем в фотошоп.

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

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

загружаем фотографии в фотошоп

Работать мы будем с основной фотографией – комната. Именно в это фото мы вставим другие фото. На стол мы вставим фото кота и рядом летающую бабочку.

основная фотография комната в фотошопе

Наложение с прозрачностью

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

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

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

  1. Откройте картинку с фоном в фотошопе, а второе фото откройте следом. После этого картинки появятся в разных вкладках. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  2. Далее, выбираем инструмент , и зажав левую кнопку мыши на утке, переносим ее на вкладку с прудом. После этого, отпускаем кнопку мыши. У вас, естественно, будут свои фото. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  3. Конечно, утка выглядит неестественно, так как она находится непонятно где, так еще и гигантская. Для начала нужно уменьшить ее. Для этого воспользуемся Свободным трансформированием, нажав на комбинацию клавиш CTRL+T. Только перед этим убедитесь, что вы находитесь на слое с уткой. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее
  4. Теперь, начинайте уменьшать изображения, потянув за уголки с зажатой кнопкой мыши. И не забудьте в это время зажать клавишу SHIFT, чтобы картика уменьшалась равномерно. Когда вы уменьшите ее до нужного размера, нажмите Enter, чтобы применить трансформирование.
  5. Теперь, снова возьмите инструмент и потяните за утку, чтобы она находилась где-нибудь на берегу. Так будет выглядеть естественно. Как в фотошопе наложить одну картинку на другую с прозрачностью и уменьшить ее

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

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

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

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

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

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

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

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

Оцените статью
Добавить комментарий