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

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

Первый вариант создания эффекта

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

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

Как наложить изображение на изображение в "Фотошопе": второй шаг

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

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

Второй способ создания непрозрачности

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

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

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

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

Обрезка изображения

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

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

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

Создание эффекта при помощи дополнительных инструментов

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

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

Таким образом, наложить изображение на другое в "Фотошопе" очень легко. Мы это поняли, использовав несколько возможных вариантов.

Использование ластика, штампа и лассо

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

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

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

Наложить изображения в "Фотошопе CS6" можно абсолютно так же, как и в других версиях программы.

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

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

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

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

Есть чайка.

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

Приступим.

Подготовка

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

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

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

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

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

Перемещение

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сохранение

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

Вариант 1: IMGonline

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

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

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

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


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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

В этой пошаговой фотоинструкции вы узнаете:

Как вставить картинку на картинку

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

Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент "Прямолинейное Лассо" (Polygonal Lasso Tool), который по умолчанию расположен за стандартным лассо в панели инструментов:

Делается выделение примерно так:

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

Теперь нажмите Ctrl+C для его копирования в буфер обмена.

Вставляем второе изображение в выделенную область

Сейчас нам не подойдёт стандартная комбинация Ctrl+V, она же Paste, т.к. нам нужно не просто вставить изображение, а вставить в заданную выделенную область. Мы пойдём другим путём.

Для вставки изображения в область в Photoshop CS6 имеется специальная команда "Вставить в" (Paste Into), открывается она через вкладку главного меню Редактирование --> Специальная вставка (Edit --> PasteSpecial):

Кроме того, запустить эту команду можно с помощью комбинации горячих клавиш Alt+Shift+Ctrl+V.

Примечание. В Photoshop CS5 и ниже команда "Вставить в" расположена сразу в меню "Редактирование", без промежуточных подпунктов, и имеет комбинацию горячих клавиш Shift+Ctrl+V

После применения команды "Вставить в" происходят три вещи:

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

Давайте посмотрим на панель слоёв , чтобы понять, что у нас получилось. Мы видим, что у меня теперь имеются два слоя - фоновый слой внизу, содержащий изображение телевизора, и новый слой "Слой 1", расположенный над ним, который содержит спортивное изображение. Мы также видим миниатюру слой-маски, отображающую созданную слой-маску . нам маску слоя, которая была создана. Белая область в центре миниатюры - это область выделения, т.е экран телевизора, а черная область вокруг белой - это то, что в выделение не входило:

И вот как выглядит теперь само изображение:

Заметьте, Photoshop даже создал перспективу для перенесённой картинки! Кстати, это относится только к версии CS6, ранние версии перспективу бы не создали, но, всё-таки давайте немного усилим эффект перспективы, для этого воспользуемся инструментом "Свободная трансформация", зажмём клавиши Shift+Ctrl+Alt и опустим вниз левый верхний угол. Т.к. клавиши зажаты, противоположный угол изображения будет двигаться в противоположную сторону:

По завершению трансформации нажмите Enter. Вот что получилось в итоге:

Ну и завершающий эффект, добавление к маске стиля слоя "Внутренняя тень" (Inner Shadow) для придания объёма изображению. Параметры стиля слоя Вы можете посмотреть в готовом файле PSD, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.

Вот что у нас получилось в итоге: