Как наложить фото на фото

Шаг 3. Добавьте вторую картинку

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

Замена фона

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

Адаптируйте фото к фону

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

Шаг 2. Удалите лишнее (опционально)

Чтобы отделить объект от фона, возьмите зеленую кисть и обведите контур фигуры, которую хотите оставить. Красной кистью отметьте участки, которые надо удалить. Они станут полупрозрачными и при нажатии на кнопку «Далее» будут вырезаны программой.

Уберите лишний фон

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

Скорректируйте края

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

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

Откройте в вашем браузере ссылку pixlr.com/editor/ Этот редактор является аналогом Adobe Photoshop, устанавливаемого на компьютер, поэтому и процесс соединения картинок в этих двух случаях будет аналогичным.
В предложенном меню выбираем «Загрузить изображение с компьютера». Это будет фоновое изображение.
В меню выбираем Файл -> Открыть изображение… и выбираем вторую картинку, которую хотим вставить поверх фоновой. Выделяем её полностью клавишами Ctrl + A (или Редактировать -> Выделить всё) и копируем Ctrl + С (или Редактировать -> Копировать).
Переходим в окно с фоновым рисунком и вставляем скопированное Ctrl + V (или Редактировать -> Вставить). Редактор автоматически перенесет верхнюю картинку на новый слой.
Нажимаем клавиши Ctrl + T и можно регулировать положение и размер картинки. С помощью ползунка в правом верхнем углу можно изменять размер изображения пропорционально, меняя его в процентах.

Практическая часть

Все основные инструменты работы с наложением выделений находятся в контекстном меню. Пользователю доступны 4 основных метода:

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

Замечание: Естественно, работают горячие клавиши. Выделение с удержанием нажатой клавиши SHIFT – прибавляет, ALT – вычитает. А комбинация SHIFT + ALT является горячей клавишей «пересечения».

Пользоваться горячими клавишами легко: удерживаете их нажатыми и выделяете с помощью мыши.

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

Для совмещения выделений:

Убедитесь, что базовое (начальное выделение) активно. Либо сделайте его.
Выберите инструмент нового выделения и режимы его совмещения, уровень растушёвки. Это необходимо сделать ДО начала выделения.
Создайте новый контур.
Границы Вашего выделения изменятся.

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

Убедитесь, что базовое (начальное выделение) активно. Либо сделайте его.
Выберите инструмент нового выделения и его параметры (например, растушёвка).
Удерживая нужную горячую клавишу, создайте новый контур.
Границы Вашего выделения изменятся.

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

Такие методы активно используются при создании коллажей и/или вёрстке периодических изданий.

Плавный переход

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

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

Чтобы было лучше видно результат, выберите вид «На слоях».

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

Теперь, чтобы все получилось в лучшем виде, выберите в верхнем меню пункт «Выделение», а затем «Инверсия». Можно просто использовать горячие клавиши Shift+Ctrl+I.

Готово, нажмите кнопку Del на клавиатуре. Если бы вы не применили параметр «Инверсия», то сейчас удалились бы не края вашей картинки, а все, что находится по центру.

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

Готово. Вот так выглядит теперь фото. Вы забывайте нажать Del. Кстати, чтобы избавиться от выделительных муравьев по кайме картинки используйте сочетание Ctrl+D.

Рисунок у нас получился полупрозрачным. Почитайте, если хотите более подробно . Я же предлагаю вам создать новый слой в качестве подложки. Рядом с иконкой «Корзина» в меню справа вы находите кнопку для создания нового слоя. Затем перетаскиваете его под фоновое изображение.

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

Вот в принципе и все.

PicsArt

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

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

Работа в PicsArt

Способ 3: приложения для телефона

Photoshop Express

Ссылки на установку:

Приложение Photoshop Express поможет составить коллаж с различными эффектами. Для этого платная подписка не нужна — достаточно зарегистрироваться или войти через Google/Facebook.

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

2. Выделите несколько фотографий, тапните по стрелочке.

3. На нижней панели выберите один из эффектов.

Кнопка слева позволяет задать пропорции для финального изображения.

Через инструменты редактирования можно добавить, удалить, заменить или изменить загруженные фотографии.

А с помощью инструмента «Границы» можно задать внешнюю/внутреннюю рамку, настроить радиус угла.

4. Для сохранения проекта тапните по иконке .

Выберите пункт «Сохранить в галерее».

PicsArt

Ссылки на установку:

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

1. Нажмите на значок + для перехода в галерею.

2. Добавьте основное фото. В нижней панели нажмите на кнопку «Доб.фото» и загрузите снимки для наложения.

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

4. Для применения изменений нажмите на .

Далее тапните по стрелочке.

Нажмите на кнопку «Сохр.» и картинка будет сохранена в галерее.

PixelLab

Ссылки на установку:

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

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

2. Для загрузки основного рисунка войдите в главное меню (значок ) и выберите пункт «use image from gallery».

3. Укажите соотношение сторон, нажмите на значок .

4. Тапните по иконке + и выберите пункт «from gallery» для вставки другой картинки.

Второе фото можно разместить в любом месте на первом, поменять его масштаб. На нижней панели есть различные фильтры.

5. Для сохранения коснитесь значка вверху и выберите пункт «save as image».

Тапните по «Save to gallery» для перемещения готового снимка в галерею.

Canva

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

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

Обозначьте тип дизайна

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

Выбор шаблона

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

Настройка подложки

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

Сохранение проекта

Кстати, с Canva вы можете сделать не просто статичную картинку, а анимированную. Используя этот сервис, вы научитесь создавать оригинальные работы и начнете развивать в себе творческую жилку.

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

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

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

Тема 2.6 Выделение объектов. Совмещение выделений.

О программе Adobe Photoshop

Adobe Photoshop – один из наиболее популярных пакетов для обработки растровой графики. Несмотря на высокую цену, программой пользуются до 80% профессиональных дизайнеров, фотографов, художников компьютерной графики. Благодаря огромным функциональным возможностям и простоте использования Adobe Photoshop занимает доминирующее положение на рынке графических редакторов.

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

В предыдущих уроках уже затрагивалась тема совмещения выделений в Adobe Photoshop. Задача этого занятия – рассмотреть более тему более подробно.

Видео инструкция

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

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

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

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

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

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

На этом у меня все. Не забывайте подписываться на группу Старт-Лак Вконтакте

, чтобы не пропустить нечто полезное. До новых встреч и удачи.

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

Объединение картинок в Фотошопе является несложной задачей, которая под силу даже новичкам

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

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

Соединение картинок

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

Чтобы получить практический опыт и убедиться в том, следует открыть Adobe Photoshop, загрузить изображение, которое будет выступать в качестве основного фона, а затем открыть несколько фото, подлежащие объединению.

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

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

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

Безусловно, это самый простой способ соединения картинок, поэтому каждая из них на общем фоне всё равно воспринимается как отдельное целое

А в реальности возникают ситуации, когда важно знать, как объединить две фотографии в Фотошопе, чтобы они смотрелись, как одно целое

Составление качественного коллажа

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

Вставка фрагмента изображения

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

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

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

Также можно легко найти в интернете и скачать изоляты, представляющие собой картинки на белом и чёрном фоне. Их тоже несложно наложить на основное изображение. Убрать белый или чёрный фон можно, воспользовавшись таким инструментом, как «Волшебная палочка». Она способна выделять однородный фон, а затем его легко удалить, нажав на «delete».

Плавное склеивание двух фото

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

В Фотошопе открывают сразу две фотографии. Одну захватывают мышкой и перетягивают во второй документ, в котором после этого образуется сразу два фона. Верхний слой требуется сделать наполовину прозрачным. Для этого пользователю следует на панели «Слои» найти параметр «Непрозрачность», перейти на него и при помощи ползунка уменьшить параметр на 50-60%.

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

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

Обязательно в настройках кисти устанавливается параметр жёсткости, равный нулю, а непрозрачности — 20–30%. После того как ластиком будут стёрты все необходимые места на первом фото, пользователь обязательно возвращает первому слою параметр непрозрачности 100%.

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

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

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

Способ 1: онлайн сервисы

I LOVE IMG

1. Кликните по кнопке «Выбрать изображение» и загрузите основную картинку.

2. Щелкните по «Открыть» и загрузите снимок, который нужно наложить.

3. Потянув за ползунки, можно менять масштаб и перемещать картинку.

Для сохранения результата щелкните по кнопке «Сохранить».

PhotoDraw

1. Кликните по кнопке «Загрузите с вашего устройства», выберите фото.

2. Щелкните по «Загрузить» и добавьте следующее изображение.

3. Разместите рисунок в нужном месте и поменяйте его размер, двигая за края.

Таким образом можно наложить несколько фотографий друг на друга.

4. Кликните по кнопке «Сохранить» для скачивания результата.

IMGonline

1. В первой вкладке загрузите две картинки через кнопку «Обзор».

2. Во второй вкладке выберите параметры наложения.

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

3. Подгоните размер картинок.

4. Настройте положение второго снимка относительно первого.

5. В последней вкладке можно настроить качество и формат изображения на выходе.

6. Щелкните по кнопке «ОК» для запуска процесса наложения.

Для сохранения результата кликните по пункту «Скачать обработанное изображение».

Способ №3: замена фона

В программе «Домашняя Фотостудия» вы сможете вырезать любой объект с фото и перенести его на другой фон. Например, это будет актуально, если на заднем плане представлены какие-либо лишние объекты или фон исходника просто скучный. Откройте фотографию в редакторе, перейдите в меню «Эффекты» и выберите пункт «Замена фона». На экране появится новое окно, в котором вам нужно будет отделить объект от неудачного фона. Щелкните рядом с нужной фигурой и аккуратно обведите ее по контуру.

Максимально точно обведите объект, который надо оставить

Не спешите! Чем точнее будет обводка, тем лучше потом будет смотреться вырезанный объект на новой подложке. Закончили? Замкните обводку в начальной точке двойным кликом мыши. «Домашняя Фотостудия» тут же удалит старый фон. Вы сможете выбрать новый на панели справа. Это может быть цвет или градиент, картинка из каталога программы или с ПК.

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

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