Интернет. Браузеры. Программы. Ноутбук. Компьютеры
  • Главная
  • Вебмастер
  • Сделать наложение одной фотографии на другую онлайн. Как наложить несколько слоев в Фотошопе

Сделать наложение одной фотографии на другую онлайн. Как наложить несколько слоев в Фотошопе

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

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

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

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

Как наложить фото на фото в онлайн-редакторе ImgOnline

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

Простой, но очень интересный фоторедактор, позволяющий совмещать, склеивать, накладывать и соединять изображения и не только - это imgonline.com.ua .

Возможностей здесь действительно много, поэтому советую вам на досуге посмотреть полный список онлайн инструментов,

а мы сейчас поговорим именно о наложении фото (пункт "наложить одну картинку на другую " .

Внизу страницы вы увидите форму для загрузки и настройки фото.

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

Накладываем на картинку полупрозрачное фото

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

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

Вот что у нас вышло. Оригинально, не так ли?

Как склеить фотки разного размера?

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

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

И получаем результат наложения (добавления). Можно второе фото сделать больше, я при ее уменьшении выставила значение 30% от исходного размера.

Как наложить на фотку картинку без фона?

Для третьего варианта вам понадобится одна фотка с прозрачным фоном. Я использую изображение формата PNG. Прозрачность, как и в предыдущем случае, ставим нулевую, а подгонку размеров изображения оставляю на ваше усмотрение. Не забудьте поставить флажок «наложить фото с прозрачным фоном ».

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

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

Как бесплатно вставить фото в фото или склеить (соединить) картинки в онлайн-редакторе ФотоУлица

Еще один достойный внимания фоторедактор, позволяющий соединить фото онлайн - это photostreet.ru , который представляет собой фотошоп онлайн.

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

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

Если вы предпочитаете более оригинальные решения, то заходите во вкладку «эффекты ».

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

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

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

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

Кстати, «Фотоулица» позволяет не ограничиваться объединением двух изображений . Можете добавить третье, четвертое, пятое…

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

Теперь перейдем к самому интересному - соединению фото в Фотошопе. Если эта программа не установлена на вашем компьютере, советую скачать Portable версию. Она абсолютно бесплатна и устанавливать ее не нужно.

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

Открываем первую картинку с помощью команды File->Open (Файл->Открыть) или же просто перетаскиваем ее в окно редактора.

Затем перетаскиваем в окно Фотошопа второе изображение.

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

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

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

Есть такая интересная функция, как эффекты наложения в Фотошопе . Найдете ее вы вверху палитры Layers (Слои). По умолчанию установлено значение Normal.

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

Как видите, все элементарно, но получается очень интересно — совсем незаметно место склейки или слияния двух фоток.

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

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

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

Таким образом можно удалить любой фрагмент слоя или даже несколько. Для того, чтобы убрать выделение (на изображении его видно в виде пунктира) нажимаем комбинацию клавиш Ctrl+D. Рамочку можно оставить такой, какая она есть, а можно поработать с прозрачностью и эффектами наложения .

Удачи вам! До скорых встреч на страницах блога сайт

посмотреть еще ролики можно перейдя на
");">

Вам может быть интересно

Как онлайн сделать надпись на фото или наложить текст на картинку
Как добавить водяной знак на фотографию или любое другое изображение онлайн
Поиск по картинке, фото или любому загруженному изображению в бесплатном сервисе picid.club - как это работает?
Обрезать или изменить размер фото в онлайн редакторе или Фотошопе - это просто!

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

Предварительная подготовка

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

Затем аналогичным образом откройте вторую картинку.

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

Способ №1: перетаскивание картинки из вкладки

Чаще всего я пользуюсь именно этим способом. Он заключается в обыкновенном перетаскивании картинки из одной вкладки в другую.

По умолчанию фотошоп показывает панель с вкладками в одну строку:

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

  • наведите курсор мыши на вкладку с логотипом;
  • нажмите левой клавишей мыши и, не отпуская ее, двигаете мышь вниз;

  • Вы увидите, что вкладка примет форму окна, как окно у ОС Windows, — значит можно отпустить клавишу мыши.

В результате поверх основной картинки должно красоваться окно с другой картинкой, вот так:

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

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

Теперь нужно соединить два изображения!

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

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

Чтобы вновь вызвать редактируемую рамочку, нажмите Ctrl+T .

Способ №4: перетаскивание фото из папки OC Windows

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

Этот способ подходит если картинка, которую нужно вставить у вас сохранена где-то на компьютере.

Откройте папку с картинкой и разместите окно поудобней.

После этого изображение будет добавлено как смарт-объект, то есть повторится то, о чем я .

Заметили ошибку в тексте - выделите ее и нажмите Ctrl + Enter . Спасибо!

Работая с программой 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 на клавиатуре, убрать выделение, уменьшить размер до нормального (на панели инструментов возьмите инструмент -Лупа- на панели параметров щелкните по лупе с минусом).

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

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

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

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

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

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

Приветствую вас! Покажу, как легко и быстро наложить одно фото на другое с помощью отличного фоторедактора 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 (чтобы получить яркое изображение). Затем кликнем «Ок».

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

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

Я решил перенести утку на изображение с прудом.


Как вырезать лицо в фотошопе и вставить в другое фото

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

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


  1. Откроем две фотографии в разных вкладках. Я больше всего предпочитаю способ Drag and Drop, то есть, выделить нужные изображения и перенести их в фотошоп с зажатой левой клавишей мышки. После этого они по очереди откроются в разных вкладках.
  2. Теперь берем любой инструмент выделения, например « », и начинаем выделять лицо Джона Траволты, захватывая лобную часть и подбородок. А вот волосы нам не понадобятся.
  3. Теперь берем инструмент «Перемещение» , после чего зажимаем левую кнопку мыши внутри выделения, а затем переносим его на вкладку с Николасом Кейджем, пока она не откроется. После этого наводим нашу выделенную часть куда-нибудь на картинку и отпускаем копку мыши.
  4. Когда фотография Траволты окажется на новом слое, уменьшите его не прозрачность хотя бы на 25-30 процентов. чтобы нам легче было работать.
  5. Теперь начинаем заниматься подгоном. Как видите, фотография с Джоном была больше, кроме того, его голова была слегка наклонена. Поэтому, нам все нужно подогнать. Для начала вызовите Свободное трансформирование, нажав комбинацию клавиш CTRL+T , и после этого тяните за уголки, не забыв нажать клавишу SHIFT , чтобы примерно подогнать размер.
  6. Теперь поставьте курсор чуть выше угла, чтобы он изменился на режим поворота. После этого зажмите левую кнопку мыши, и начинайте поворачивать перенесенный объект в ту сторону, чтобы лицо стояло также прямо, как и Кейджа.
  7. Теперь перенесите полупрозрачное лицо Траволты, на Кейджа, чтобы посмотреть соответствие носа, рта и глаз нужного размера. Отлично, мы сделали все на одном уровне. после этого можно нажать Enter , чтоюы применить трансформирование.
  8. Теперь нам нужно удалить или обрезатьостатки кожи, которые вылезают за пределы черепной коробки. Для этого можно воспользоваться инструментом ластик и просто стереть ненужную область. Только желательно нажать правую кнопку мыши и выставить жесткость на 0 процентов, чтобы границы были с максимально мягким переходом.
  9. Нам удалось наложить одно фото на другое да и лицо вроде бы готово, но вот оттенок их немного не совпадает, поэтому придется немного изменить тон. Можно воспользоваться тем же способом, которым мы убирали красноту с лица в фотошопе, либо применить инструмент заплатка. Для этого выберите «Заплатку» и обведите лобную часть, которая принадлежит Николасу Кейджу. После это зажмите правцю кнопку мыши и перенесите ее на кусок кожи траволты, чтобы заменить ту часть.
  10. В принципе всё. Можно только провести восстанавливающей кистью по лобной складке, чтобы она не дублировала уже имеющуюся.

Теперь у нас получился настоящий Джон Кейдж или Николас Траволта. Да уж. Конечно, у них совершенно разный тип лиц, но я думаю, что уть вы поняли.

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

Как наложить костюм в фотошопе

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


Теперь Джастина Тимберлейка можно вклеивать в документы. Точно также мы делаем и с другими костюмами, с прическами, усами, бородами или даже шрамами. Достаточно в интернете в любом поисковике найти задать что-нибудь типа «Костюм полицейского png» или «Мужские прически с прозрачным фоном» . Принцип работы такоей же: открываем, переносим, подгоняем размер и деформируем.

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

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

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

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

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

С уважением, Дмитрий Костин.

Лучшие статьи по теме