Наложение фотографии на фотографию в фотошопе. Как наложить текстуру? Спецэффекты в Photoshop

03.08.2019

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

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

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

Часто задаваемые вопросы: «Как вставить фото в фото в Фотошопе?» или «Как наложить картинку на картинку в Photoshop». Ответы на них рассмотрим с пошаговым алгоритмом действий. К тому же эта информация будет полезна не только новичкам, но и опытным пользователям Фотошопа.

Перечислим заданный алгоритм действий:

  • через папку «Файлы» открываем требуемые изображения (названия папок можно увидеть на панели сверху);
  • в первую очередь берется в обработку фото, которое будет вставляться на фото-фон. Так как размер вставляемого фрагмента будет меньше, то его предварительно уменьшают. Заходим в меню «Изображение» далее «размер изображения» в ячейке ширина выставляем требуемое значение пикселей (высота и другие параметры устанавливаются автоматически симметрично).
  • выделяем зону фрагмента с помощью инструментов типа «лассо» или «рамка» и жмем клавиши CTRL+C, либо в папке «Изображение» выбираем «копировать»;
  • переключаемся на основное фото и вставляем нашу картинку клавишами CNTRL+V. Несмотря на ранее уменьшенный фрагмент, может понадобиться его дальнейшее редактирование. Для этого жмем клавиши CNTRL+T, фрагмент можно уменьшать и поворачивать под нужным углом (для сохранения всех исходных форм при перемещении или корректировки изображения, жмутся одновременно клавиши SHIFT+ALT), сохраняем клавишей ENTER. Также перемещать выделенный фрагмент можно использовать с помощью инструмента «перемещение» на панели слева.
  • для дальнейшего редактирования, основной фон увеличивают до размеров максимально удобных для корректировки. Жмем клавишу ALT и с помощью колесика мыши увеличиваем до требуемого размера;
  • чтобы исправить наслоение двух изображений используют «инструмент» ластик, при этом возможно его уменьшение или увеличение в зависимости от требуемых параметров очистки.
  • сохраняем получившееся фото через инструкцию «сохранить как» в папке «Файлы».

Как наложить несколько слоев в Фотошопе?

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

Корректировать фотослои можно с помощью клавиш CNTRL+T. Также происходит процесс объединения двух фотографий в одну и т.д. Чтобы лучше разобраться во всех тонкостях работы, воспользуйтесь нашими видео-уроками на teachvideo.

(8)
Начало работы
1. Знакомство с растровой и векторной графикой 3:18 0 52281
2. Интерфейс программы 2:34 1 27136
Изображение своими руками
3. Знакомство с инструментом «кисть», рисуем полянку 4:25 4 45695
4. Работа с меню «Фильтр» (Деревянная поверхность) 4:42 0 21015
5. Ледяная колючка - рисуем заставку на компьютер 2:21 0 23140
6. Перевоплощение - меняем картинку 3:50 2 20178
7. Одуванчик - рисуем цветок 5:01 0 23490
8. Забавный пушистик, урок 1: учимся рисовать с нуля 3:23 1 63478
9. Забавный пушистик, урок 2: рисуем глазки 5:45 0 20330
10. Забавный пушистик, урок 3: рисуем нос и ротик 2:43 1 14426
11. Солнечная опушка, урок 1: как создать слой 3:56 0 25257
12. Солнечная опушка, урок 2: рисуем дерево 4:03 0 13112
13. Солнечная опушка, урок 3: рисуем траву и лучи Солнца 4:36 0 22728
Текст
14. Заливка текста рисунком 2:41 0 33053
15. Прозрачный текст 3:56 3 25069
16. Зеленый текст 2:58 0 5477
17. Раскрашивание, объемный текст 3:07 0 28423
18. Огненный текст, урок 1 3:36 0 19701
19. Огненный текст, урок 2 2:43 0 17554
Обработка фотографий
20. Устранение дефектов кожи 3:13 3 112242
21. Устранение эффекта красных глаз 2:29 2 14555
22. Изменение цвета глаз 2:09 0 44443
23. Отбеливание зубов 3:56 1 50911
24. Создание рамки, кадрирование 2:42 0 14726
25. Пластическая хирургия в Фотошоп 2:45 0 52310
26. Совмещение двух изображений 3:28 8 237822
27. Превращаем цветную фотографию в черно-белую 1:58 1 24074
28. Раскрашивание фрагментов черно-белой фотографии 3:11 1 12214
29. Обработка фотографии под старину 1:58 0 21970

Приветствую вас! Покажу, как легко и быстро наложить одно фото на другое с помощью отличного фоторедактора Fhotofiltre. Он очень удобен, функционален - позволяет без фотошопа выполнять многие задачи. И, что важно - фоторедактор (далее сокращенно — ФР) бесплатный.

Урок будет особенно полезен тем, кто готовит мастер-классы (или другие обучающие материалы).

Внимание!

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

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

Краткое описание урока

Вначале вкратце объясню, что предстоит сделать. Для того, чтобы наложить одно фото на другое, откроем в ФР поочередно две фотографии.

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

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

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

По сути, создаем фотоколлаж — легко и быстро! Показываю на примере вязаной повязки:

  • как просто перенести изображение повязки, надетой на манекен, на красивый фон;
  • как ее «надеть» на игрушечного медвежонка, изображенного на другой картинке.

Если вас заинтересовала повязка, МК по ней .

Итак, приступаем.

Первое: накладываем повязку на другом фоне

Допустим, я готовлю обложку для мастер-класса. И мне нужно расположить манекен с повязкой на фоне вязаного полотна.

Шаг 1. Подготовим фотографию с выбранным фоном

Открываем фоторедактор, кликнув по его файлу дважды ЛКМ (левой кнопкой мыши). Затем, открыли в ФР картинку, на которое хотим поместить повязочку.

Разберем по пунктам скриншот-снимок, приведенный выше.

1. Открыли нужную фотографию, кликнув в верхнем левом углу «Файл» (затем «Открыть»).

2. Фото загрузилось.

Обратите внимание!

Здесь важны два момента:

а) обратите внимание на название фотографии - при сохранении лучше задать другое название. Так как, если этого не сделать, прежняя фотография заменится на новую.
б) смотрите, у этой фотографии формат ipg (непрозрачный). У второго, накладываемого изображения, обязательно должен быть формат png (прозрачный).

3. Сразу надо задать нужный размер картинки, где фон. Тут также два варианта:

а) если фотография вас полностью устраивает (т.е. ничего лишнего на нем нет) просто задайте нужные размеры, нажав в верхней панели фоторедактора на кнопки «Рисунок» - «Размер изображения» - «Ширина-высота» - «Ок».
б) но, бывает, что на фотографиях имеются ненужные детали. Допустим, из моей фотографии мне нужен тот фрагмент, где нет размытости. Или, например, вы нашли в интернете картинку с природным пейзажем и хотите использовать лишь какую-то часть (небо, траву и др.).

Тогда, поступим иначе.

4. Жмем ЛКМ по маленькому окошку «Выделение» (текст появится, когда вы подведете мышку на окошко). Ниже выскочит новое окно с разными геометрическими фигурками.

5. Нажмем по фигуре «Прямоугольник».

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

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

Теперь отрываем мышку - не бойтесь, пограничная линия не исчезнет. Ставим мышь внутри границ «бегущих» линий. Жмем ПКМ (правой кнопкой мыши), затем — в открывшемся окне выбираем команду «Обрезать изображение».

Видим, что картинка обрезалась так, что осталась только нужная область. Но, ее размеры соответственно уменьшились. Задаем нужный размер, используя функцию «Рисунок». У меня заданы размеры: 600×451 px.

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

Шаг 2. Подготовка 2-го изображения

Итак, часть работы выполнена. Теперь, не удаляя из фоторедактора первое , открываем второе изобр-е (у меня это — повязка на манекене).

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

Пройдемся по пунктам следующего снимка.

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

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

2 Задаем второй фотографии подходящие размеры: к примеру, 280×373 Но! Учтите, что в следующем шаге оно еще будет обрезаться, так что, задайте параметры «с запасом».

3 - 5. Обрезаем картинку, повторив действия, как для первой фотографией (показано стрелками).

Шаг 3. Накладываем одно фото на второе, с нужным фоном

Для этого кликаем ПКМ внутри выделенной пунктиром области. Выбираем команду «Вырезать». Изображ-е тут же исчезнет с данной фотографии - не пугайтесь.

Жмем мышкой в любом месте картинки с фоном. Она тут же выскочит поверх первой, из которой вырезали. Делаем клик ПКМ, жмем «Вставить».

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

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

Шаг 4. Сохранение готовой фотографии

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

Покажу один важный момент сохранения. Кликнули «Файл» - «Сохранить как...».

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

Не забудьте вписать новое название для фото в поле «Имя файла». Продолжайте сохранение. Появится окно: «Данный формат не поддерживает слои. Все равно сохранить файл?» Отметьте: «Да».

В следующем окне поставьте курсор справа, у максимального значения 100 (чтобы получить яркое изображение). Затем кликнем «Ок».

Вариант 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. Получившийся результат сохраняем. Нажимаем на «Файл» и «Сохранить».

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

Похожие статьи