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

19.10.2017 28.01.2018

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

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

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

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

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

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

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

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

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

Вставляем фотографии

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Сохраняем фото

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

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

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

Почему "Фотошоп"?

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

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

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

Способы вставки изображений

Вставка картинки в "Фотошопе" гораздо проще, чем наклейка "живых" фотографий на основу композиции будущего фотомонтажа. Для этого можно использовать команду "Поместить" в меню "Файл" или, есликартинка уже загружена в программу, перенести ее из родного окна в целевое окно Делают это следующим образом: включив инструмент "Перемещение" (самый верхний на картинку захватывают левой кнопкой мыши и тащат вверх к имени файла целевого окна, открывая его таким образом. Затем, опустив объект в новое окно, кнопку отпускают, и картинка вставляется, "по-хозяйски" располагаясь на новом слое. Можно, конечно, использовать и традиционный, педантичный метод, выделив (Ctrl+A) и скопировав (Ctrl+C) изображение, а затем вставив его (Ctrl+C) в новом окне.

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

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

Выделение и вырезание фрагментов изображений

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

Инструмент "Перо"

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

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

"Быстрая маска"

Для выделения объектов часто используют инструмент "Быстрая маска", позволяющий буквально нарисовать (закрасить) на изображении полупрозрачным красным цветом область выделения, которая, по сути, является черно-белым изображением. Там, где маска красная, ничего не выделено, а прозрачные участки соответствуют полному выделению.

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

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

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

Гармоничность слияния картинок в коллажах зависит и от корректности выбора режимов наложения слоев. Наиболее часто используют режимы смешивания "Мягкий свет" и "Перекрытие" в совокупности с непрозрачностью, а в режиме "Яркость" можно совместить несовместимое, взяв изображения с абсолютно разными цветами.

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

Именно для начинающих и предназначен данный урок.

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

Выполняется следующими способами:

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

2. Перейти в меню «Файл – Открыть» . После этого действия откроется такое же окно Проводника для поиска файла. Точно такой же результат принесет нажатие комбинации клавиш CRTL+O на клавиатуре.

3. Кликнуть правой кнопкой мыши по файлу и в контекстном меню Проводника найти пункт «Открыть с помощью» . В выпадающем списке выбрать Фотошоп.

Перетаскивание

Самый простой способ, но имеющий пару нюансов.

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

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

Еще один нюанс. Если разрешение (количество пикселей на дюйм) открытого документа и помещаемого отличается, например, картинка в рабочей области имеет 72 dpi, а изображение, которое мы открываем – 300 dpi, то размеры, при одинаковой ширине и высоте, не совпадут. Картинка с 300 dpi окажется меньше.

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

Помещение из буфера обмена

Многие пользователи используют в своей работе скриншоты, но не многие знают, что нажатие клавиши Print Screen автоматически помещает снимок экрана в буфер обмена.

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

Картинки на сайтах также поддаются копированию.

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

Нажимаем «ОК» . После создания документа необходимо вставить картинку из буфера, нажав CTRL+V .

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

Интересно, что если скопировать файл с изображением из папки проводника (через контекстное меню или сочетанием CTRL+C ), то ничего не получится.

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

Для начала выделим ту область, в которую необходимо вставить другое изображение.
Во-первых, открываем изображение-акцептор и создаём в нём выделенную область, в которой будет размещено второе изображение. Выбор используемых инструментов, конечно, будет зависеть от формы области, которую вы должны выделить. В моём случае выделение будет иметь простую четырёхугольную форму, так что я буду использовать инструмент "Прямолинейное Лассо" (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, выполненным по материалам этого урока, скачать который можно по ссылкам внизу страницы.

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

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

Сервисы, позволяющие вставить фото в картинку

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

• avazun.ru - на сайте представлено множество рамок и фоновых изображений на различные тематики, отдельный раздел для создания аватарки для Вконтакте;
• effectfree.ru - разнообразные варианты с билбордами и рамками, отдельные разделы посвящены созданию обложек для DVD и календарей с вашей фотографией.

Графические онлайн редакторы

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

Используем Paint

Но, если у вас нет доступа в интернет, для вставки картинки в другую картинку можно воспользоваться графическими редакторами, устанавливаемыми на компьютер. Рассмотрим как это можно сделать на примере Paint. Этот редактор уже установлен на компьютере, он является стандартным для Windows.

1. Запускаем Paint, в панели меню нажимаем Файл -> Открыть и выбираем ту картинку, которая послужит фоном.
2. Кликаем правой кнопкой мыши и в выпадающем меню выбираем пункт Вставить из файла... (либо Правка -> Вставить из файла...). В открывшемся окне ищем вторую картинку, которая будет располагаться поверх фоновой.
3. Сразу после вставки регулируем положение и размер верхней картинки, потянув за угол или сторону изображения.

Если ещё остались вопросы, то посмотрите подробное видео:

Используем Adobe Photoshop

Ещё один из наиболее известных графических редакторов - Adobe Photoshop. Функционал его значительно шире, чем у Paint. Вставка картинки в Фотошопе чуть сложнее, чем в Paint, но разобраться в этом вам поможет видеоурок: