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

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

Поместите логотип на фотографию, совместите заранее вырезанный объект с новым фоном или добавьте текстуру к изображению. Этот локальный браузерный инструмент объединяет фон и одно наложение: укажите координаты 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 пиксель вполне возможно.

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

Сжать GIF

Уменьшайте анимированные GIF прямо в браузере: снижайте размеры, оставляйте меньше кадров и настраивайте качество кодирования. Проверьте петлю перед скачиванием.

Палитра цветов Material Design

Просмотрите палитру цветов Material Design. Копируйте любой оттенок (от 50 до A700) в форматах HEX, RGB или HSL одним нажатием.

Конструктор тир-листов

Создайте приватный тир-лист из текста и локальных изображений. Настройте уровни, распределите элементы мышью или клавиатурой и экспортируйте в JSON, PNG или SVG.

Конвертер JPG в Word

Конвертируйте JPG-фото или скриншот текста в редактируемый документ Word. Инструмент считывает слова с помощью OCR и раскладывает их, чтобы вы могли переписать, отформатировать и переиспользовать их.

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

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

Конструктор флагов

Создайте в браузере простой собственный флаг 3:2 с шестью компоновками, цветами, текстом и символом. Скачайте SVG или PNG либо откройте диалог печати браузера.

Инструмент доступен на других языках