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

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

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

Сначала необходимо открыть само изображение в программе Phoroshop. Для этого выберете команду меню Файл -> Открыть (File -> Open). В отрывшемся окне выберите необходимое изображение.

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

Постановка задачи

Как всегда рассмотрим на примере. Предположим у нас есть две вот такие фотографии:

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

• Создать новый файл для нового изображения (конь на берегу моря).

• Разместить на разных слоях нового файла изображения коня и моря.

• Вырезать коня. Для этого его необходимо сначала выделить.

• Добавить естественности новому изображению.

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

Создание нового файла

Итак, создадим новый файл, размером 500 Х 375 (таковы размеры фотографии с морем, хотя мы могли бы сделать и меньшее изображение).

Создадим два новых слоя: один назовем "конь", другой - "море", причем слой -Море- должен находится под слоем -Конь-. Чтобы слою дать название, щелкните правой кнопкой мыши по слою, в открывшемся контекстном меню выберите -Параметры слоя- (Layer Properties). Откроется окно параметров, где и нужно задать имя:

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

В нем, на слое -Море- мы расположим наше море. Для этого:

• Сделаем активным окно с морем (просто щелкните по нему).

• Выделим все изображение, для этого в меню выберем команду Выделение -> Все (Select -> All) или нажмите комбинацию клавиш Ctrl+A. Вокруг изображения появится рамочка выделения в виде бегущих муравьев.

• Скопируем это изображение (Ctrl+C). Теперь сделаем активным наше рабочее окно (щелкнем по нему), убедимся, что активным является слой -Море- (если нет, то щелкните по нему) и вставим изображение (Ctrl+V). Теперь на слое море изображено море.

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

Выделение коня

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

Для его выделения мы воспользуемся двумя инструментами на панели инструментов:

Нажмите левой клавишей мыши на инструмент -быстрое выделение-, откроется окно выбора инструмента:

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

В поле -Допуск- (Tolerance) можно вводить значения от 0 до 255. Если установить значение 0, то будет выделен только один оттенок, если установить 32, то инструмент будет выделять пикселы в диапазоне от цвета на 16 единиц темнее и до цвета на 16 единиц светлее того, по которому вы щелкнули. В нашем случае мы установили значение 100.

Мы также установим флажок -Сглаживание- (Anti-aliased), чтобы сделать более гладкими границы выделенной области.

Флажок -Смежные пикселы- (Contiguous) выделяет только те пикселы, которые находятся в соседних с выбранным областях.

Уберите флажок -Образец всех слоев- (Sample All Layers), т.к. он распространяет свое действие на все слои, а мы работаем только со слоем -конь-.

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

Само выделение не будет идеальным (мы его доработаем позже), на этом этапе главное выделить контуры коня. Если вам не нравится то, как выделилось, щелкните еще раз инструментом и выделение пропадет (или Ctrl+Z) и попробуйте снова.

Теперь, когда наш конь выделен, нам нужно удалить все лишнее. Для этого в меню выберем команду Выделение -> Инверсия (Select -> Inverse). Теперь будет выделена вся область вокруг коня. Жмем Del на клавиатуре и получаем нашего вырезанного коня на фоне моря:

Уберем выделение (в меню выберем команду Выделение -> Убрать выделение). Согласитесь очень не плохо, только траву надо убрать. Для этого сначала увеличим нижнюю часть изображения (там где трава). Для этого на панели инструментов возьмите инструмент -Лупа-.

На панели параметров этого инструмента щелкните по лупе с плюсиком.

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

Итак, вы увеличили ту часть, где трава. Нажмите левой клавишей мыши на инструмент -Лассо-, откроется окно выбора инструмента:

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

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

Снова Del на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа- на панели параметров щелкните по лупе с минусом).

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

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

Теперь возьмите инструмент кисть на панели инструментов

На панели параметров этого инструмента выберите кисть, напоминающую песок (т.е. с неровными краями).

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

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

Часто, работая в Photoshop возникает необходимость вырезать одно изображение и наложить на другое. Зачем? Причин может быть масса. Например, создается коллаж или не нравится фон объекта. Или нужно перенести себя на курорт, дабы похвастаться перед коллегами.

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

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

Чтобы это сделать, в верхнем меню нажимаем “Файл” , а затем “Открыть” . Либо можно сделать проще и нажать комбинацию горячих клавиш, которые программа отлично поддерживает “Ctrl+O” .

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

Что требуется сделать

Допустим, имеется два изображения. На одном — поле:


А на другом — лошадь:


Наша задача — перенести лошадку со скучного и унылого поля на насыщенное и красивое:

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

Теперь по каждому пункту более подробно.

Новый файл

Выделение лошади

В Photoshop присутствует много инструментов для этой задачи:

Если есть лишние детали, их можно убрать, воспользовавшись инструментом “Ластик” . Для удобства можно воспользоваться инструментом «Лупа» . При надобности, подкорректируйте цвета или добавьте еще объектов.

Изображение готово.

Заключение

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

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

В данной статье давайте рассмотрим, как разместить одну картинку поверх другой в Ворде, и сделать так, чтобы необходимая была помещена перед всеми остальными. У меня установлен Ворд 2010, но данные советы подойдут, если Вы пользуетесь Word 2007, 2013 или 2016.

Сначала добавьте изображения в документ. У меня вот такие три рисунка. Также это могут быть фотографии.

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

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

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

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

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

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

Или перейдите на вкладку «Работа с рисунками» – «Формат» и в группе «Упорядочить» нажмите на стрелочку (маленькая черная справа) возле кнопки «Переместить вперед» и выберите из открывшегося списка нужный нам пункт.

Картинка переместится в перед.

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

Выделите мышкой все картинки с зажатой клавишей «Ctrl» , кликните по любой из них правой кнопкой мышки и выберите из меню «Группировать» .

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

Картинки будут объединены, и с ними можно будет работать, как с одним объектом.

Если хотите что-то написать на ней, тогда в статье: как вставить текст в картинку в Ворде , можете прочесть, как это сделать.

Размещайте картинки и фото в документе Ворд, чтобы они смотрелись красиво и занимали меньше места. Таким образом, можно сделать, например, открытку или просто надпись вроде «ВНИМАНИЕ!», на фоне различных изображений.

Оценить статью:

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

Рассмотрим простую технология наложения картинки на картинку в Фотошопе.

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

   

   
   
2. Для этого выделяем всю девушку по контуру. Для этой цели можно использовать любые подходящие инструменты. Мы для этой цели использовали перо, которое можно активировать нажатием кнопки P (английское) на клавиатуре.

   

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

   

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

   

   
   
5. Копируем фигуру девушки, нажав сочетание Ctrl + C (С - английское) на клавиатуре и вставляем на фотографию с Эйфелевой башней сочетанием клавиш Ctrl + V.

   

   
   
6. Изменяем масштаб и положение вставленного изображения. Чтобы изменить масштаб в главном меню выбираем раздел «Редактирование», в появившемся списке переходим в раздел «Трансформирование» и в новом открывшемся списке выбираем пункт «Масштабирование». Положение вставленного изображения регулируем простым перетаскиванием его по фоновому слою.

   

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

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

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

И так, открываем картинки в ФШ:
Файл - Открыть

В окне Слои снимаем замочки.

Вырезаем объект с помощью инструмента Перо (см. урок № 13) , увеличьте для удобства картинку инструментом Лупа или Ctrl ++ , Ctrl -- уменьшить


Закончив обводить:


Растушовка для маленьких объектов 1пикс. , побольше - 2пикс.


Объект выделился пунктирной линией. Далее жмём Ctrl+C - это скопировали объект в буфер обмена, кликаем на фон и жмём Ctrl+V - вставить объект и инструментом Перемещение расположите объект, как вам надо. С помощью Свободной трансформации Ctrl+T - придайте объекту нужный размер


Осталось подрегулировать Яркость/Контрастность, Цвет и т.д. что бы объект вписался в фон.
Для этого идём: Изображение -Коррекция


Теперь сохраняем: Файл - Сохранить для Web в формате JPEG


Вот что получилось


Часть II
Добавление людей с других фотографий
Часто возникает ситуация, когда фотографируясь в дружной компании кто-то не попадает в кадр (например сам снимающий). Ну или отлучился кто-то в этот момент в туалет, или спит уже на полу, но зато он есть на каких-то других фотографиях и мы желали бы добавить его в общую фотографию. Короче говоря из нескольких таких фотографий:









Получить вот такую:


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

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


Теперь для большего правдоподобия осталось подкорректировать цвет и яркость отдельных людей. Это делается в меню Изображение -Коррекция-Яркость/контрастность и Цветовой баланс

Часть III
Здесь приведу пример как вырезать более сложные объекты
Например: волосы , деревья , перья и т.д.

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


Не забываем в окне Слои снять замочек.
Выбираем инструмент для выделения: Кисть -размер 1500 пикселей (вы можете взять гораздо меньшее число), мягкая с размытыми краями

Далее идём Фильтр -Извлечь
Откроется окно, и инструмент для выделения уже должен быть нажат (или сами можете выбрать, самый первый в панели слева). Начинаем выделять область, где необходимо вырезать волосы. Чем меньше размер кисти, тем более качественнее у вас получиться. Выделение у вас должно в итоге быть замкнутым .
После того как вы закончили выделять контур и места с проблемными волосами, берем инструмент ЗАЛИВКА и заливаем.

Как видите каждый волосок обрезан аккуратно!

Дальше с помощью инструмента Перемещение перетаскиваем картинку на Фон, с помощью Свободного трансформирования Ctrl+T придаём нужный размер.
Не забывайте корректировать цветность, яркость и т.д. Это делается в меню Изображение-Коррекция-Яркость/контрастность и Цветовой баланс
Сохраняем : Файл-Сохранить для Web в формате JPEG .