Наложение изображений
Поместите логотип на фотографию, совместите заранее вырезанный объект с новым фоном или добавьте текстуру к изображению. Этот локальный браузерный инструмент объединяет фон и одно наложение: укажите координаты X/Y, настройте масштаб и непрозрачность, выберите режим смешивания и скачайте сведённый результат в PNG.
Как наложить одно изображение на другое
-
1
Загрузите фоновое изображение и изображение для наложения
Фоновое изображение заполняет холст, а верхний слой располагается поверх него.
-
2
Задайте положение и размер
Укажите координаты X/Y в пикселях и выберите масштаб от 5% до 200%.
-
3
Настройте непрозрачность и режим наложения
Полная непрозрачность для плотных композиций и 30-60% для деликатных водяных знаков.
-
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 либо откройте диалог печати браузера.
Инструмент доступен на других языках
- Bildüberlagerungswerkzeug [DE]
- เครื่องมือซ้อนภาพ [TH]
- Narzędzie do nakładania obrazów [PL]
- Herramienta de superposición de imágenes [ES]
- Alat Overlay Gambar [ID]
- Công cụ ghép lớp phủ ảnh [VI]
- أداة تراكب الصور [AR]
- Ferramenta de sobreposição de imagens [PT]
- 画像オーバーレイツール [JA]
- Outil de superposition d'images [FR]
- 이미지 오버레이 도구 [KO]
- Verktyg för bildöverlägg [SV]
- Afbeelding-overlaytool [NL]
- Strumento di sovrapposizione immagini [IT]
- Görsel Bindirme Aracı [TR]
- 图片叠加工具 [ZH]
- Image Overlay Tool [EN]