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

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

Откройте в Photoshop изображение с выбранным шаблоном (Меню File —> Open или комбинацией клавиш Ctrl-O):

Элементы картинок для монтажа в Photoshop находятся на так называемых слоях — они накладываются друг друга, как листы бумаги. Одни из этих "листов" бывают полностью непрозрачные (например, нижний фон), другие — наоборот, прозрачные за исключением графического элемента, который на нем находится (например, элемент декора или предмет одежды).

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

В нашем случае шаблон состоит всего из одного слоя: на нем находится картинка на прозрачном фоне.

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

Теперь откройте фото, которое хотите смонтировать.

В программе Photoshop два открытых вами файла выглядят вот так:

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

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

Сейчас у вас в файле шаблона 2 слоя: один с самим шаблоном, другой — с фотографией. Вам нужно переместить слой с фотографией вниз, под шаблон. Для этого обратитесь к панели Layers (Слои), о которой мы говорили выше. Кликнете мышкой на название слоя с фото и, не отжимая клавишу мыши, перенесите его "под" название слоя с шаблоном.

Слой с фото окажется под слоем с шаблоном.

Внимание! Если слой с шаблоном является в документе Photoshop фоном (Background), то вы не сможете размещать слои под ним. Для этого необходимо сначала преобразовать его в обычный слой. Просто кликните два раза мышкой по названию фонового слоя и в появившемся окне нажмите OK (можете дать свое название этому слою, если желаете).

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

Для изменения размера фотографии обратитесь к инструменту из меню: Edit —> Free Transform (Редактирование —> Свободное трансформирование). Работайте мышкой, но перед этим нажмите клавишу Shift — это нужно для того, чтобы при изменении размеров изображения не менялись его пропорции.

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

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

Выберите на панели инструментов Полигональное лассо (Polygonal Lasso Tool). Отметьте с помощью этого лассо ту область фотографии, которую нужно оставить.

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

Следующее действие: необходимо инвертировать выделение. Это нужно, потому что мы ведь не лицо хотим удалить, а все, что кроме него на слое.

А теперь нажмите клавишу Delete.

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

Снимите выделение (кликнув где-нибудь вне области изображения либо применив комбинацию клавиш Ctrl-D).

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

Однако этот метод и дольше, и менее точен, хотя, возможно, более привычен и понятен.

Получилось вполне прилично для новичка! Можно еще немного повернуть лицо, чтобы изображение выглядело естественнее. Для этого используйте еще один инструмент трансформирования в меню: Edit —> Transform —> Rotate (Редактирование —>Трансформация —> Вращение).

Сохранять готовый результат монтажа для дальнейшего использования (распечатки, создания обоев для рабочего стола и т. п.) лучше в формате jpg (Меню File —> Save As, Файл —> Сохранить как).

А если вы хотите иметь возможность редактировать файл в будущем, сохраните также и "исходник", то есть вариант файла в формате PSD.

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

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

Содержание: “Как вставить лицо в картинку-шаблон в Photoshop”

Шаг №1: подбираем шаблон и лицо

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

Так выглядит наш шаблон:

А лицо мы позаимствуем у одного очень известного футболиста – Зинедина Зидана.

Шаг №2: Накладываем лицо на шаблон

1. Сперва, как всегда, открываем нужный шаблон в Фотошопе. Затем, перетаскиваем в этот же документ фотографию с нашим футболистом. Сразу же перетаскиваем слой с шаблоном поверх слоя с лицом.
   
2. Затем нужно вызвать инструмент “Свободное трансформирование” с помощью горячих клавиш CTRL+T и, благодаря рамкам, растягивать/увеличивать/уменьшать/вращать изображение с лицом до тех пор, пока оно не встроится в шаблон, как можно лучше.
   В нашем случае наложение получилось практически идеальным, ничего не скажешь. Но еще есть, над чем поработать. “Едем” дальше.
3. Для слоя с лицом футболиста нужно создать маску.
   
4. Затем в панели инструментов берем “Кисть”.
   В верхней панели настроек, под главным меню, задаем необходимые значения. В нашем случае это кисть круглой жесткой формы.
   В палитре цветов, в качестве основного, выбираем черный.
   
5. Остается кликнуть на маску слой, тем самым выбрав его, и закрасить на холсте лишние участки изображения с лицом. У нас таких участков, которые нуждаются в обработке, почти не было, поэтому мы просто, на всякий случай, закрасили область вокруг лица.
   
6. Затем необходимо проделать ту же процедуру со слоем шаблона.
   Получилось весьма неплохо.

Шаг №3: Цветокоррекция

Этот этап очень важен, т.к., чаще всего, лицо будет по оттенку отличаться от шаблона. В нашем случае, опять же, все получилось практически идеально и по цветам, но есть еще, что подкорректировать.

1. Выбираем в палитре слоев слой с нашим лицом и создаем новый корректирующий слой “Цветовой тон/Насыщенность”.
   
2. Появится окно с настройками, где нам необходимо будет поиграться с параметрами. Необходимо приблизить цвет лица примерно к цвету рук нашего шаблон. В нашем случае нужно будет подправить насыщенность и цветовой тон в оттенках красного:Теперь, как видите, цвета подобраны почти идеально:
   
3. Последний шаг – добавляем дополнительный корректирующий слой “Кривые” поверх всех слоев в палитре,и выгибаем прямую в свойствах, согласно скриншоту ниже (в нашем случае):

Результат

А теперь можем полюбоваться финальным вариантом вставки лица на PNG-фото шаблон в Фотошопе.

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

На этом все! До встречи в наших следующих уроках!

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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