Наложение изображений
Поместите логотип на фотографию, совместите заранее вырезанный объект с новым фоном или добавьте текстуру к изображению. Этот локальный браузерный инструмент объединяет фон и одно наложение: укажите координаты 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 пиксель вполне возможно.
Сопутствующие инструменты
Изменение размера изображений
Меняйте размер изображений до точных пиксельных размеров или процентов, сохраняя пропорции. Подходит для пакетной подготовки, без загрузки файлов.
Генератор мемов
Добавьте верхнюю и нижнюю подписи к JPG, PNG или WebP. Настройте шрифт, цвета и обводку, затем скачайте статичный мем в PNG.
WebP в JPG
Конвертируйте изображения WebP в JPG/JPEG прямо в браузере. Выберите качество, объедините прозрачность с цветом фона и скачайте без загрузки файлов на сервер.
Генератор QR-кодов
Создавайте QR-код из текста или URL в браузере и скачивайте его в PNG.
Генератор штрихкодов
Создавайте Code 128, EAN-13, UPC, ITF-14 и еще семь линейных штрихкодов. Данные остаются в браузере, результат можно скачать в SVG или PNG.
Генератор надписей граффити
Создавайте надписи в стилях тег, баббл, блок, трафарет, неон и вайлд. Настраивайте цвета и экспортируйте PNG или SVG прямо в браузере.