Наложение изображений

Восстановление выбранных файлов...

Поместите логотип на фотографию, совместите заранее вырезанный объект с новым фоном или добавьте текстуру к изображению. Этот локальный браузерный инструмент объединяет фон и одно наложение: укажите координаты X/Y, настройте масштаб и непрозрачность, выберите режим смешивания и скачайте сведённый результат в PNG.

Как наложить одно изображение на другое

  1. 1

    Загрузите фоновое изображение и изображение для наложения

    Фоновое изображение заполняет холст, а верхний слой располагается поверх него.

  2. 2

    Задайте положение и размер

    Укажите координаты X/Y в пикселях и выберите масштаб от 5% до 200%.

  3. 3

    Настройте непрозрачность и режим наложения

    Полная непрозрачность для плотных композиций и 30-60% для деликатных водяных знаков.

  4. 4

    Экспортируйте результат

    Сведите два слоя в PNG с размерами холста фонового изображения.

Наложения, которые выглядят продуманно

Хорошая композиция из двух слоёв начинается с продуманного положения, масштаба и режима смешивания.

Положение

  • Используйте правило третей: поместите центр наложения в точку пересечения линий третей, и кадр получит редакционный вид.
  • Водяные знаки в углу лучше смотрятся с отступом от края в 10-15%.
  • Для сбалансированных постеров и карточек для соцсетей подходит размещение по центру.

Масштаб

  • Наложение редко выглядит уместно, если превышает 60% меньшей стороны фонового изображения.
  • Водяной знак с логотипом обычно занимает 5-15% ширины фона.

Режимы наложения

Для композиций, которые должны выглядеть естественно:

Режим Эффект
Нормальный (Normal) Прямое альфа-смешивание
Умножить (Multiply) Затемняет: отлично подходит для текстур
Экран (Screen) Осветляет: полезно для свечения и бликов
Наложение (Overlay) Смешивание с усилением контраста
Затемнить (Darken) Оставляет более тёмный пиксель из двух слоёв
Облегчить (Lighten) Оставляет более светлый пиксель из двух слоёв

Возможности и конфиденциальность

Инструмент размещает, масштабирует и смешивает одно наложение. Поворот, кадрирование, растушёвка краёв и тени не поддерживаются, поэтому при необходимости подготовьте такие правки до загрузки. Оба изображения обрабатываются в браузере, не попадают в URL воронки и не отправляются на сервер. В пошаговом режиме IndexedDB хранит временный проект на этом устройстве не более 30 минут.

Типичные композиции

  • Продукт внутри макета телефона или ноутбука.
  • Водяной знак с логотипом в углу фотографии.
  • Значок или этикетка на однотонном фоне.
  • Аватар в декоративной рамке.
  • Заранее вырезанный прозрачный объект на новом фоне.

Часто задаваемые вопросы

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

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

Нормальный (Normal) для плотных композиций, Умножить (Multiply) для наложения текстуры (бумага, гранж) на фотографию, Экран (Screen) для свечения и бликов. Наложение (Overlay), Затемнить (Darken) и Облегчить (Lighten) отвечают за стилистику, так что пробуйте и сравнивайте.

Вместо перетаскивания используйте числовые поля X и Y. Инструмент принимает координаты с точностью до пикселя, поэтому выравнивание по сетке в 1 пиксель вполне возможно.

Сопутствующие инструменты

Изменение размера изображений

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

Генератор мемов

Добавьте верхнюю и нижнюю подписи к JPG, PNG или WebP. Настройте шрифт, цвета и обводку, затем скачайте статичный мем в PNG.

WebP в JPG

Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.

Генератор QR-кодов

Создавайте QR-код из текста или URL в браузере и скачивайте его в PNG.

Генератор штрихкодов

Создавайте Code 128, EAN-13, UPC, ITF-14 и еще семь линейных штрихкодов. Данные остаются в браузере, результат можно скачать в SVG или PNG.

Генератор надписей граффити

Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.