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

Обновлено: 04.07.2024

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

Способ 1: Использование опции 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, и используйте клавиши плюс (+) и минус (-) для перемещения вверх и вниз по списку. Это позволит вам быстро попробовать различные режимы смешивания, чтобы найти тот, который подойдёт лучше всего.

Способ 3: Использование маски слоя

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Ну и поговорим о том, причём здесь прозрачность.

Какие есть варианты?

На самом деле наложить одно изображение на другое можно очень большим количеством способов.

Например, можно сделать обычный коллаж.

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

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

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

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

Также прозрачность можно использовать по-другому.

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

В редких случаях это может сделать картинку круче.

Но при неправильном подходе получится простая мешанина.

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

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

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

Давайте разберём тот вариант, когда у вас две картинки разного размера.

В таком случае есть два варианта.

В первом случае вам нужно будет просто более маленькую закинуть на большую. Естественно, таким образом можно только добавить какой-то элемент на изображение.
А второй вариант – воспользоваться кадрированием. Вам достаточно будет совпасть по размерам только в одной стороне. Можно даже просто воспользоваться трансформацией, если вам жизненно важно сохранить все части изображения. Зато таким образом у вас получится всё сделать с соблюдением структуры.

Дальше всё будет зависеть от количества картинок, а также от того, нужно ли вам их обрезать.

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

А ещё можно их даже все сохранить.

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

А потом просто добавьте первую картинку ко второй, тем самым уместив их в одном файле.

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

А вот здесь у вас будет намного больше вариаций.

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

Давайте и разберёмся с этим.

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

При этом желательно, чтобы они были одного размера.

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

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

И обязательно, чтобы он ещё и был с прозрачным фоном.

Но намного интереснее работать с градиентом. Тут нам будут жизненно важны изображения с одинаковыми размерами.

Как только такие картинки вы получите, можно идти дальше.

Самый простой способ – воспользоваться градиентом.

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

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

Иногда это даже может смотреться единым кадром (если у них одинаковая цветовая гамма).

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

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

Достаточно просто провести из одного угла в центр, чтобы у вас получился градиент.

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

Заключение

Вот вы и узнали, как в Фотошопе одно изображение наложить на другое.

В первую очередь вам стоит разобраться с изменением размера.

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

Без прозрачности вы сможете создать коллаж или добавить несколько элементов поверх готового изображения.

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

А с помощью прозрачности можно сделать красивый переход.

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

А какой из случаев больше всего подошёл вам?

P.S. А еще мы предоставляем услуги по продвижению ваших аккаунтов и групп в социальных сетях. Ознакомиться с ними вы сможете на этой странице

P.S.S. Чтобы написать данную статью, было потрачено много сил и времени. И если она принесла пользу вам, то возможно она принесет пользу и вашим друзьям.

Для этого нажмите и поделитесь с друзьями в социальных сетях. А для нас это будет лучшей благодарностью и мотивацией на будущее!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Несколько основных тезисов работы программы Фотошоп

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

Прежде чем приступать к наложению фото необходимо понимать следующее в работе Фотошопа:

В идеале используемые вами фото должны иметь одинаковое разрешение. Если одно фото имеет 300 dpi, а другое – 74 dpi, может потребоваться конвертация одного из них, дабы одно изображение соответствовало другому;
Старайтесь подбирать изображения с одинаковым источником света . Разумеется, вы можете самостоятельно создавать искусственные тени и световые блики, но в таком случае может быть сложно добиться естественности полученной в конечном итоге фотографии. Оптимальным будет найти схожее по специфике света фото;
Старайтесь чрезмерно не усложнять сам процесс наложения фотографий . Попытки добавления различных изогнутых элементов и другие схожие сложности часто приводят к тому, что конечный результат выглядит не реалистично.

Давайте подробно разберём шаги, позволяющие сделать коллаж из двух картинок в Photoshop.

Шаг №1. Загрузка фото в программу

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

Шаг №2. Обведение нужной области

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

Нажав на инструмент «Лассо» обведите необходимую вам область.

Шаг №3. Выделение элемента, который будет наложен на базовое фото

Теперь переключитесь на картинку, откуда вы будете брать визуальные элементы для вставки. Вы можете пометить как всё фото с помощью нажатия на «Ctrl+A», так и его часть, с помощью уже упомянутого мной инструмента «Лассо».

Обведите второе фото (или его часть), которое вы будете накладывать на базовое фото

После того, как вы пометите нужный объект, нажмите на Ctrl+C, после чего данный элемент будет добавлен в буфер обмена.

Шаг №4. Вставка изображения

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

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

Если же вы просто хотите вставить изображение (без вставки в какую-то определённую область), тогда будет достаточно воспользоваться сочетанием клавиш Ctrl+V.

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

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

Также рекомендую ознакомиться с альтернативным способом слияния картинок в Photoshop, представленным на данном видео:

Заключение

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

Читайте также: