Главное нужно указать две картинки на вашем компьютере или телефоне, нажать кнопку OK внизу страницы, подождать пару секунд и скачать готовый результат. Остальные настройки уже выставлены по умолчанию.
На этом сайте ещё есть: наложение текста, клипартов (множества картинок), календаря, замена однотонного фона на прозрачный, соединение двух картинок в одну, а также создание коллажа, поворот и зеркальное отражение.
Пример наложения обычной jpg картинки на другую jpg картинку со всеми настройками по умолчанию: 
+ 
= 
Пример наложения обычной jpg картинки на другую jpg картинку с изменённым размером и без прозрачности: + = 
Чтобы так получилось, нужно выставить такие настройки:
1) Прозрачность второй картинки — «0%»;
2) Автоматическая подгонка размера 2-й картинки — «использовать ручное изменение размера в %»;
3) Размер 2-й картинки относительно «ширины и высоты» 1-й картинки — «45%».
И остальное без изменений, как было выставлено по умолчанию.
Пример наложения PNG картинки с прозрачным фоном на JPG картинку: + 
= 
Для этого в настройках нужно указать:
1) Тип наложения второй картинки — «Наложить PNG, GIF, TIFF картинку с прозрачным фоном».
А остальные настройки оставить такими, как они были выставлены по умолчанию.
Пример наложения PNG картинки с ручным изменением размера, позиционированием и отступом: + = 
Для того, чтобы так сделать, нужно выставить такие настройки:
1) Тип наложения второй картинки — «Наложить PNG, GIF, TIFF картинку с прозрачным фоном»;
2) Автоматическая подгонка размера 2-й картинки — «использовать ручное изменение размера в %»;
3) Размер 2-й картинки относительно «ширины и высоты» 1-й картинки — «30%»;
4) Привязка расположения 2-й картинки над 1-й — «справа внизу»;
5) Смещение или отступ 2-й картинки от указанного расположения — «по оси X:30 и Y:30 в px (пикселях)».
Остальные настройки остались без изменений.
Для наложения фоторамки, например, в формате PNG с прозрачностью, можно указать такие параметры:
1) Тип наложения второй картинки — «Наложить PNG, GIF, TIFF картинку с прозрачным фоном»;
2) Автоматическая подгонка размера 2-й картинки — «включена, но наоборот, 1-ю картинку подогнать под размер 2-й».
Остальное оставить так, как было выставлено по умолчанию.
Накладываемая сверху картинка обязательно и всегда должна быть указана второй по счету. Оба исходных изображения никак не изменяются. Вам будет предоставлена другая обработанная картинка.
Приветствую вас на страницах моего блога. Сегодня я расскажу вам несколько секретов. Редкий случай, когда в дизайне кто-то что-то создает. Все уже сделано и придумано. Вам остается только пользоваться благами цивилизации. Я покажу лучший способ создавать коллажи неземной красоты.
Ну а если вам захочется наложить картинку на картинку и использовать при этом свой творческий потенциал, то и для этого у меня есть небольшой совет. Не будем долго ходить вокруг да около. Начнем прямо сейчас.
Лучший способ для новичков
Любому начинающему дизайнеру хочется творить, создавать что-то свое. Это вполне логично и понятно. Именно для реализации своего собственного потенциала люди и подаются в творчество. Хотя, сказать откровенно, это не совсем верный подход к делу.
Когда начинающий кулинар пытается придумать свой собственный рецепт, в большинстве случаев получается не вкусно. Мы хорошо понимаем, что сначала нужно попрактиковаться на том, что уже кто-то создал за нас. Вариантов в интернете можно найти миллион с разной степенью сложности, количеством ингредиентов и так далее.
С дизайном, по-хорошему, все точно также. Первый способ создания своего коллажа идеально подойдет для новичков. Этот онлайн сервис поможет разобраться в структуре изображения, но и оставит небольшой разбег для фантазии. Его преимущество в том, что напортачить довольно сложно. Я говорю сейчас о сайте ru.photofacefun.com .
Здесь очень много инструментов для начинающих или тех, кто совершенно не собирается вникать в этот процесс, а просто хочет наложить одну картинку на другую. Я уже рассказывал о нем, когда мы делали рисунок карандашом из фото.
Здесь также можно добавить красивую рамку, используя несколько редакторов вытянуть качество фотографии или придать ей неповторимый шик, а также просто вставить лицо в шаблон или добавить анимацию. Все это бесплатно, что придает сервису особое очарование.
Сейчас нас все это не интересует. Заходите на сайт и сразу же переходите в раздел «Инструменты» и находите в перечне коллаж.
Последний из предложенных инструментов, как раз, коллаж. Выбираем именно его.
В разделе Layout (макет, шаблон) вы можете выбрать метод расположения картинок. В зависимости от их количества.
При наведении на любой из квадратов на нем появляется синий крест. Щелкаете и добавляете иллюстрацию из файлов на компьютере.
При помощи настроек Spacing (расстояние) определяете ширину рамки вокруг картинки. Color (цвет) определяет ее оттенок. Для работы с цветом я предлагаю на первых порах пользоваться сервисом Color Scheme . Он поможет подобрать наиболее выгодные сочетания.
Roundness – скругление прямоугольных форм. Поможет сделать объект обтекаемым.
С такой настройкой как Proportions (пропорции) все и так понятно. Оно определяет ширину и высоту изображения.
Вариантов может быть много. Преимущество этого сервиса заключается в том, что вам не нужно думать как сделать красиво. Пользуетесь имеющимися шаблонами и все.
Для усовершенствования помогут схемы сочетаний цвета.
Онлайн Фотошоп – сложный и не очень
Наложить картинку на картинку легко и просто можно в фотошопе (делаем коллаж своими руками). Про работу с программой я уже рассказывал, можете прочитать об этом мои предыдущие статьи в рубрике Веб дизайн и Photoshop. Сегодня просто поработаем в онлайн версии этой программы. Приложение есть и на ru.photofacefun.com , и на официальном сайте Pixlr.com . Обратите внимание, что если вы пользуетесь первым вариантом, нужно зайти в раздел «Редактор» и выбрать именно эту версию. Другие для создания коллажа не подойдут.
Вот так выглядит официальный сайт. В данном случае понадобится Editor. Кстати, результат вы также можете скачать бесплатно и без водяных знаков.
Первым делом открываете изображение. Можно выделить и загрузить сразу оба.
На передний план выставляете картинку, которую будете добавлять на другую. Далее пользуетесь сочетанием клавиш – Ctrl+A выделит изображение, а Ctrl+C скопирует в буфер обмена.
Теперь щелкаете по второй фотографии, на которую хотите добавить рисунок и нажимаете Ctrl+V — вставить.
В моем случае картинка перекрыла нижнюю. О том, что их две свидетельствует только вкладка «Слои».
Подсветка обозначает то, что вы работаете именно с верхним фото. Если вы щелкните по нижнему, то изменения будут применять к нему.
К сожалению, в онлайн версии излюбленное сочетание клавиш Ctrl+T (трансформирование) не работает. Зайдите в раздел «Редактировать» и выберите Free transform.
Можете спокойно работать с размером.
Если вас интересуют картинки с прозрачностью, вы хотите наложить объект на фон, то обращайте внимание на формат, в котором вы скачиваете рисунок. Он должен быть PNG. Это особое расширение, края которого не видно.
Если вы мечтаете научиться создавать коллажи профессионально, то могу порекомендовать вам курс « Волшебный коллаж ». Настоящая работа дизайнера предполагает именно создание коллажей. Они используются в рекламе, при работе над обложками, разработке сайтов, логотипов, открыток. Всего.
Чем профессиональнее вы работаете над наложением картинок, тем больше шансов найти не просто приятное хобби, но и подработку. Этот навык может кормить вас постоянно. Всем нужны красивые, качественные фотографии: и для сайтов, и для частных целей.
Со временем вы можете придумать свою фишку, создать лендинг и получать заказы от клиентов через интернет. Ваш труд будет отличным подарком для любого человека. Сейчас популярны карты желаний, это такие рисунки, на которых изображено все, о чем может мечтать человек. Почему бы не зарабатывать на их продаже?
Простой вариант — Paint
Если вам просто надо наложить одно фото на другое, то можно воспользоваться и стандартным приложением от windows — paint.net. Мне не очень нравится этот вариант, так как возможностей для работы и редактирования мало. Решение нужно принимать сразу, но зато все произойдет быстро и безболезненно.
Так что, давайте я расскажу и о том, как вставлять картинки в Paint. Открываете меню «Пуск» и во вкладке «Стандартные» находите это приложение. Далее выбираете «Вставить из».
Открывать несколько фотографий сразу нельзя. Сперва идет первая (фоновая), затем снова «Вставить из» и добавляете вторую.
Самое неприятное, на мой взгляд, что работать с размерами нужно сразу, пока не исчезло выделение объекта.
Если вы захотите применить эту опцию снова, то перенести можно будет только все слои сразу. На месте переставляемого объекта останется только белый фон.
Ну вот и все. Если вы давно хотите прочитать статью на какую-то определенную тему, разобраться в тонкостях или нюансах работы дизайнера, то оставляйте свои комментарии к этой статье или подписывайтесь на рассылку и мои новые публикации будут приходить сразу к вам на почту: как начать карьеру дизайнера, понять что вы готовы, сколько можно на этом заработать, где искать заказы и простыми способами создать себе очень красивый сайт.
Все проще, чем вы думаете. До новых встреч и удачи в ваших начинаниях.
При работе с различными изображениями нам может понадобиться наложить одну картинку на другую, создав яркий коллаж, красивую открытку или другой формат. В большинстве случаев для таких целей используется программа Photoshop или аналог, но что делать, если такой программы под руками не оказалось? В этом случае нам придут на помощь различные сетевые сервисы. Ниже разберём, как наложить одно фото на другое фото в режиме онлайн, и какие сетевые ресурсы нам в этом помогут.
Особенности наложения фотографии на фото онлайн
Богатство существующих в сети графических редакторов и специализированных сервисов позволяет проводить множество операций по редактированию фотографий online. Среди доступных на таких сервисах операций имеется и услуга наложения одной картинки на другу.
Функционал таких редакторов кроме механистического наложения позволяет изменять размер налагаемых фотографий, выбирать уровень прозрачности (transparency) фотографий при наложении, поворачивать фото по или против часовой стрелки, выполнять другие базовые операции. При этом функция наложения снимком друг на друга является одной из базовых, потому обычно доступна абсолютно бесплатно. После комбинации изображений вы можете легко скачать результат (обычно в формате JPG или PNG) на ваш ПК.
Давайте разберём несколько популярных сервисов, позволяющих компоновать фотоснимки онлайн. Все описанные ниже инструменты довольно просты в использовании, имеют бесплатный характер, позволяя выполнить необходимые операции по наложению фото буквально за несколько секунд.
Imgonline.com.ua – текстовый ресурс для работы с изображениями
Особенностью популярного ресурса imgonline.com.ua является текстовый характер работы с изображениями. Все производимые настройки осуществляются с помощью выбора соответствующих опций (ставятся галочки), после чего вы запускаете обработку изображений, и просматриваете полученный результат. Если его качество вас устроит, тогда сохраняете его на PC.
Для добавления фото к другому фото онлайн выполните следующее:
- Перейдите на imgonline.com.ua;
- Прокрутите страницу чуть вниз, и с помощью кнопок «Обзор» загрузите на ресурс нужные два изображения (сначала базовую картинку в качестве фона, а затем и другое);
- Под кнопками меню выберите настройки наложения картинок. Первая из них накладывает вторую картинку, делая её полупрозачной. Вторая опция позволяет наложить PNG, TIFF, GIF картинку с прозрачным фоном. Выберите нужную опцию;
Определитесь с настройками наложения
Просмотрите и сохраните полученное изображение
Photostreet.ru – простой фоторедактор для комбинации фотографий
Фоторедактор photostreet.ru – это отечественный инструмент, представленный при содействии сервиса печати цветных фотографий «Фотоулица». Его возможности позволяют осуществлять различные базовые операции по работе с фотографиями – добавлять фон и рамку, накладывать на фото различные объекты, эффекты и текст. Среди функционала сервиса доступна функция наложения изображений друг на друга online, которой мы и воспользуемся.
- Запустите photostreet.ru;
- Нажмите на «Загрузить фото» для загрузки фонового изображения на ресурс;
Нажмите на «Загрузить фото» для загрузки базового изображения на ресурс
Установите уровень прозрачности для налагаемого фото
Editor.0lik.ru – русскоязычный фотошоп онлайн
Сетевой редактор изображений editor.0lik.ru во многом дублирует популярный графический редактор Photoshop. В его функционале вы встретите множество знакомых опций и настроек. Ресурс имеет русскоязычный характер, и представлен в двух версиях — старой и усовершенствованной новой.
Разберём перечень наших действий, позволяющих наложить одной фото на другое онлайн:
- Выполните вход на http://editor.0lik.ru/;
- Нажмите на «Загрузить фото с компьютера» для загрузки фонового изображения на ресурс;
Выберите «Загрузить фото с компьютера»
Выделите и скопируйте нужное изображение
Установите уровень прозрачности фото
Pinetools.com – поможет наложить фото на фото online
Цифровой ресурс pinetools.com представляет собой полифоничный сетевой сервис, выполняющий множество разнообразных операций. Здесь вы найдёте различные виды калькуляторов, инструменты для подбора цвета, редактор изображений, сервисы для работы с датами, числами и многое другое. Имеется на ресурсе и специализированный инструмент для комбинации фотоснимков в режиме онлайн, функционал которого мы и рассмотрим.
- Активируйте ресурс https://pinetools.com/overlay-images;
- Под надписью «Main image» нажмите на «Обзор» для загрузки на сервис фонового фото;
- Под надписью «Secondary image» кликните на «Обзор» для загрузки второго изображения;
- С помощью клика на первом снимке укажите место, где должен располагаться второй;
- Выбор опции «Center the image horizontally» (vertically) позволит разместить второе фото прямо по центру первого, опция «Rotate image» позволит повернуть ваше фото, «Resize image» изменит его размер, «Flip image» перевернёт второе изображение. Опция «Set transparency» позволит установить уровень прозрачности второго фотоснимка;
- Нажмите на «Process» для получения результата;
- Для сохранения кликните на нужный формат сохранения (JPG, PNG или BMP) и сохраните файл на ПК.
Online-image-editor.com – инструмент для редактирования фотоснимков
И последний англоязычный редактор, о котором я хочу рассказать – это online-image-editor.com . Как и большинство редакторов подобного плана, он умеет выполнять весь необходимый набор базисных операций по работе с изображениями. Изменение размера или обрезка изображения, добавление к нему текста, создание GIF-файлов, объединение, конвертация и другие операции выполняются абсолютно бесплатно, позволяя получить нужное изображение online.
Инструкция довольно проста:
- Перейдите на online-image-editor.com;
- Нажмите на «Обзор», укажите ресурсу путь к базовому фото, после чего кликните на «Upload»;
Загрузите базовое фото на ресурс нажав на «Обзор»
Сверху кликните на «Wizards» и выберите чуть ниже «Overlay image»;
Кликните на «Overlay image»
Выберите настройки наложения
Заключение
Выше мы подробно разобрали, как наложить одно фото на другое фото в режиме онлайн, и какие популярные сервисы нам в этом помогут. Разумеется, это далеко не полный перечень подобных ресурсов. Но все описанные альтернативы имеют бесплатный характер и довольно простой интерфейс, что делает использование их довольно удобным. Лично мне больше всего понравился Pinetools.com благодаря его простоте и практичности. А вам?
