В этой статье
Что такое Duotone and How It Transforms Images
Дуотон отображает изображение всего в два цвета: один для теней, другой для светов. Каждый пиксель сначала переводится в оттенки серого, затем его яркость используется для интерполяции между цветом теней и цветом светов. Результат — эффектное двухцветное изображение с выразительной, современной эстетикой.
Дуотон-эффекты стали культовыми благодаря музыкальным стриминговым платформам и современному брендингу. Сокращая цветовую палитру до двух тщательно подобранных цветов, дуотон-изображения создают сильную визуальную идентичность, сохраняют читаемость при наложении текста и передают эмоции через психологию цвета.
Как работает Duotone Works
Выберите цвета для теней и светов и мгновенно увидите дуотон-эффект в браузере.
- Загрузите изображение — перетащите или нажмите для выбора файла JPG, PNG или WebP с вашего устройства
- Выберите два цвета — используйте палитры для установки цвета теней (применяется к тёмным областям) и цвета светов (применяется к ярким областям), или выберите из пресетов
- Скачайте результат — просмотрите эффект и экспортируйте обработанное изображение
Попробуйте бесплатно — без регистрации
Открыть инструмент Duotone →Когда использовать Duotone Effects
Дуотон создаёт единый визуальный язык, работающий в самых разных дизайнерских контекстах.
- Брендовая графика — применяйте цвета бренда в качестве теней и светов для создания брендированных главных изображений, заголовков социальных сетей и маркетинговых материалов с единообразной визуальной идентичностью
- Фоны для наложения текста — дуотон-изображения сохраняют читаемость при наложении белого или светлого текста, что делает их идеальными для главных секций веб-страниц и слайдов презентаций
- Редакционный дизайн — используйте дуотон для обложек журналов, главных изображений блога и заголовков рассылок для создания характерного визуального стиля, выделяющегося на фоне стандартной фотографии
Часто задаваемые вопросы
Как выбрать удачные пары цветов для дуотона?
Наиболее эффективные дуотон-пары имеют сильный контраст между цветами теней и светов. Попробуйте тёмный насыщенный цвет для теней и светлый или яркий — для светов. Комплементарные цвета, такие как тёмно-синий и ярко-оранжевый, создают энергию, тогда как аналогичные цвета, такие как тёмно-синий и бирюзовый, создают утончённость.
Дуотон — это то же самое, что цветовое наложение?
Нет. Цветовое наложение применяет один полупрозрачный цвет поверх изображения. Дуотон отображает яркость изображения в два различных цвета, сохраняя тональные детали и полностью заменяя исходную цветовую палитру. Дуотон сохраняет больше глубины и объёма, чем плоское наложение.
Обработка происходит на сервере?
Нет. Вся обработка выполняется локально в вашем браузере с помощью Canvas API. Ваше изображение никогда не покидает ваше устройство, что гарантирует полную конфиденциальность без ограничений размера файла или времени ожидания.