Найти тему
Мир вокруг и мы

Как быстро и бесплатно сделать наложение картинок друг на друга с их обработкой для создания уникальных изображений

Оглавление

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

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

Есть бесплатный интернет-сервис под названием "Наложить одну картинку на другую онлайн" (для перехода на сайт с сервисом кликните по названию). Начальный экран показан на Рис. 1.

Рис.1. Начальный экран сервиса
Рис.1. Начальный экран сервиса

Общий принцип работы по шагам

  1. По кнопке «Выбрать файлы» (п. 1 на Рис. 1) выбираем файл картинки, на которую будем накладывать другую картинку.
  2. По кнопке «Выбрать изображение» (п. 2 на Рис. 1) выбираем файл картинки, которая будет накладываться на картинку по п. 1.
  3. Делаем обработку наложенного изображения с использованием инструментов правой части экрана в блоке «Наложить картинку».
  4. Скачиваем полученное изображения на компьютер и сохраняем в нужной папке.

Пример наложения картинок

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

Шаг 1. Выбираем файл с видом Севильи (Рис.2).

Рис.2. Выбор исходного файла по кнопке "Выбрать файлы"
Рис.2. Выбор исходного файла по кнопке "Выбрать файлы"

Верхняя картинка - исходная, а нижняя будет далее корректироваться с учетом файла наложения и его обработки.

Шаг 2. Выбираем накладываемую картинку по кнопке «Выбрать изображение» в правой части экрана. При этом кнопка загрузки меняет название на «Файл загружен», а выбранная картинка появляется поверх нижней картинки, загруженной на шаге 1 (Рис.3).

Рис.3. Нижняя картинка после загрузки накладываемого изображения
Рис.3. Нижняя картинка после загрузки накладываемого изображения

ПРИМЕЧАНИЯ:

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

Шаг 3. Делаем обработка (настройку параметров) накладываемого изображения с помощью инструментов в правой части экрана. Выполняем следующие настройки:

Позиция (по умолчанию стоит «По центру»). Выбираем из списка, например, «Снизу справа» и оставляем «Спереди» (Рис.4).

Рис.4. Выбор позиции наложенной картинки
Рис.4. Выбор позиции наложенной картинки

Размер, прозрачность и угол изменяем, как нам нужно (Рис.5). Увеличиваем размер, делаем фигура танцовщицы непрозрачной (прозрачность 0) и немного ее наклоняем.

Рис.5. Изменение размера, прозрачности и угла наклона картинки
Рис.5. Изменение размера, прозрачности и угла наклона картинки

Пока получилось такое промежуточное состояние (Рис.5):

Рис.5. После изменения размера, прозрачности и угла наклона
Рис.5. После изменения размера, прозрачности и угла наклона

Смещение картинки по осям X и Y выполняем дополнительно, если нужно, используя кнопки движков (Рис.6).

Рис.6. Смещение по осям X и Y
Рис.6. Смещение по осям X и Y

ПРИМЕЧАНИЕ: Смещение отображается в пикселях. Если при движке «до упора» смещения не хватает, как на примере, то просто вручную вводим (увеличиваем) и подбираем нужное число пикселей смещения.

Шаг 4. Загружаем с сайта на свой компьютер созданное изображение по кнопке «Скачать» (Рис.7).

Рис.7. Скачать готовое изображение с наложением
Рис.7. Скачать готовое изображение с наложением

В итоге мы получили такую картинку (Рис.8):

Рис.8. Итоговая картинка нашего примера
Рис.8. Итоговая картинка нашего примера

Кстати, так можно сделать уникальные открытки, например для поздравлений с Новым годом.

С наступающим Новым годом и Вас, дорогие читатели!

Если будут вопросы - пишите! Пишите о полезности этой статьи, и просто так пишите - буду рад пообщаться!