Как онлайн наложить фото на фото, а так же вставить, добавить или склеить картинки друг с другом в Фотошопе

10 Июнь, 2016

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

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

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

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

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

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


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

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

Онлайн редактор  imgonline для склейки фоток

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

Список всех онлайн инструментов редактора

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

Наложить одну фотографию на другую в фоторедакторе imgonline

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

Настройка наложения фоток

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

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

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

 Наложить полупрозрачную картинку в редакторе онлайн-сервиса imgonline.com.ua

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

 Скачать наложенный друг на друга фотографии

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

Результата добавления фотографии поверх другой фотки

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

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

Попробуем соединить друг с другом фотки разного размера

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

Настройки вставки фотографии в фотографию другого размера

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

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

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

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

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

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

Результат склейки фоток в онлайн редакторе

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

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


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

 Онлайн редактор фотоулица

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

 Начинаем склеивать фотографии

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

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

Добавляем эффекты наложения в  photostreet.ru

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

Наложение фоток с растворением одной в другой

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

 Настраиваем цветность склеиваемого в онлайн-редакторе фото

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

Используем онлайн эффекты при наложении фоток друг на друга

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

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

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

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


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

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

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

 Открываем фотку для редактирования в Фотошопе

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

Добавляем второе фото в Photoshop

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

Добавление слоев в редакторе Photoshop

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

Изменяем прозрачность одной из фоток

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

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

Выбираем эффект наложения в Photoshop

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

Варианты наложения с применением эффектов Фотошопа

Наложение с другими эффектами

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

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

Инструмент выделения прямоугольной области

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

 Выставляем растушевку

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

Удаляем часть слоя одной из фоток

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

Добавляем эффекты наложения и прозрачности к рамочке

Автор статьи: Ксения Вишневская

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

Еще:

Рубрики :Вопросы и ответы на любые темы ¦ Онлайн сервисы

Комментарии и отзывы

Анатолий

Спасибо вам за прекрасную подробную статью !!!

Подписаться не комментируя