Как создать эффект дуотона на фотографиях (Гайд по дизайну)

Последнее обновление: June 28, 2026

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

Краткий ответ: как создать дуотон?

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

Цветовая пара — это главное творческое решение.

Как работает эффект дуотона?

Дуотон заменяет полный цвет фотографии градиентом между двумя цветами — одним для теней, другим для света. Полутона смешиваются между ними. Фотография сохраняет свою тональную структуру (вы все еще можете видеть формы и освещение), но всё находится в двухцветном мире.

Вот почему дуотон выглядит намеренно там, где простой цветовой фильтр выглядит как ошибка: он перестраивает весь тональный диапазон в разработанную палитру, а не просто окрашивая один канал. Этот эффект зародился в печати (двухкратная воспроизводимость) и теперь присутствует повсюду в цифровом дизайне.

Какие цветовые пары работают лучше всего?

Пары с высоким контрастом выглядят наиболее эффектно — глубокий теневой цвет на фоне светлого акцентного цвета. Четыре надежных направления:

Самый безопасный отправной точкой является один оттенок, используемый для обоих концов (темного и светлого одного цвета), что гарантирует гармонию. Для работы с брендом используйте фирменные цвета бренда.

Где используется дуотона?

Дуотона решает конкретную дизайнерскую проблему: придание набору фотографий единого, соответствующего бренду вида без необходимости их повторной съемки.

• Баннеры-герои — дуотоновый фон объединяет стоковые фотографии с палитрой бренда.
• Постеры и листовки — эффектные, печатаемые двумя чернилами.
• Брендинг — единая визуальная концепция для кампании с использованием разнообразных исходных фотографий.
• Редакционный контент (Editorial) — разворот журнала с единым цветовым настроением.

Общая нить — это связность: дуотона заставляет несогласованные фотографии выглядеть как единый набор. В руководстве Adobe по дуотоне и в школе дизайна Canva подробно рассматривается теория дизайна.

Способ 1: Редактор в браузере

Для одного изображения используйте Image Editor: примените фильтр дуотона, выберите два цвета и экспортируйте. Это самый быстрый способ, который позволяет просматривать пары цветов в реальном времени.

Метод 2: Photoshop (Gradient Map)

1. Откройте фотографию.
2. Добавьте корректирующий слой Gradient Map.
3. Установите левую точку градиента (тени) на ваш темный цвет, а правую точку (света) — на ваш светлый цвет.
4. Отрегулируйте середину для тонального баланса.

Gradient Map — это самый чистый инструмент для дуотона, потому что он напрямую отображает весь тональный диапазон на ваш двухцветный градиент. Вы можете добавить более двух точек для тритона или квадтонона, но два цвета дают классический и наиболее сильный вид — дополнительные цвета, как правило, мутнят эффект, а не обогащают его.

Метод 3: ImageMagick (пакетная обработка)

## Build a 2-color gradient LUT, then apply it to the grayscale photo
magick -size 1x256 gradient:"#1a3a6b"-"#cfe0f5" lut.png
magick input.jpg -colorspace gray lut.png -clut output.jpg

## A folder
mkdir -p out
for f in *.jpg; do magick "$f" -colorspace gray lut.png -clut "out/$f"; done

-clut (color lookup table) сопоставляет каждый уровень серого с соответствующим цветом в градиенте, создавая дуотону. Это правильный подход для применения одного дуотона к сотням изображений.

Как выбрать подходящую фотографию для дуотона?

Duotone лучше всего работает на фотографиях с сильным тональным контрастом и простой композицией — портретах, архитектуре, одиночных объектах. Фотографии со множеством мелких цветовых деталей (например, сцена многолюдного рынка) теряют свою привлекательность при уменьшении до двух цветов, потому что эффект намеренно отбрасывает информацию о тоне в пользу заданной палитры. Идеальным источником является черно-белый материал с высоким контрастом, поскольку дуотон чисто ложится на его тональную структуру, и любая фотография, которая хорошо смотрится в черно-белом исполнении, будет выглядеть хорошо и как дуотон.

Тест заключается в том, чтобы прищуриться на фото или представить его оттенками серого: если композиция сохраняется без цвета, она сохранится и как дуотон. Если фотография зависит от цвета для передачи смысла — например, красный яблоко на зеленой ветке, цветная диаграмма — то дуотон лишит ее этого значения. При подборе материала для кампании с использованием duotone сначала снимайте или выбирайте по форме, свету и контрасту, а цвет применяйте позже. Чтобы правильно настроить тональный контраст, ознакомьтесь со статьей how to enhance photo quality.

Распространенные ошибки

• Цветовые пары с низким контрастом. Два похожих цвета создают мутное изображение. Используйте темный и светлый.
• Сложные исходные фотографии. Детали, зависящие от цвета, теряются. Выбирайте простые, высококонтрастные фотографии.
• Конфликт с фирменными цветами. Согласуйте дуотон с палитрой, в которую он будет помещен.
• Забыть о середине. Тональный баланс находится в середине градиента; скорректируйте его.
• Чрезмерное окрашивание кожи. Дуотон на лицах может выглядеть странно; тестируйте на реальном объекте.

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

Что такое эффект дуотоне?

Фотография, воспроизведенная в двух цветах — один для теней, другой для акцентов — сохраняет тональный диапазон, но заменяет полный цвет на заданную пару.

Какие цвета подходят для дуотоне?

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

Можно ли сделать дуотоне любой фотографии?

Технически да, но лучше всего это смотрится на простых фотографиях с высоким контрастом. Загруженные сцены теряют то, что делает их интересными.

Чем дуотоне отличается от цветового фильтра?

Фильтр окрашивает; дуотоне перестраивает весь тональный диапазон на два цвета, поэтому он выглядит намеренным и дизайнерским. Перестройка полная: каждый пиксель попадает где-то на градиент между двумя выбранными вами цветами, поэтому финальное изображение воспринимается как продуманное художественное направление, а не просто легкий оттенок поверх оригинальной фотографии.

Как работает эффект дуотоне?

Дуотоне отображает каждый тон на изображении — от черного до белого — по градиенту между двумя цветами (цветом теней и цветом акцентов). Тени принимают темный цвет, акценты — светлый, а полутона смешиваются. Это перестройка тона в цвет, а не окрашивание, поэтому он создает дизайнерский вид, а не просто «мытье».

Какие цветовые пары лучше всего подходят для дуотоне?

Темный, насыщенный цвет теней и более светлый, контрастный цвет акцентов — например, глубокие синие тени с теплым желтым светом. Два похожих цвета дают мутный, нечитаемый результат; высокий контраст воспринимается как намеренный дизайн. Протестируйте пару на вашей реальной фотографии, поскольку одна и та же пара ведет себя по-разному при разных исходных тонах.

Где используется дуотоне?

В редакционном дизайне, брендинге и «геройных» изображениях — везде, где нужен яркий, фирменный вид. Дуотоне объединяет набор разнообразных фотографий под одной цветовой обработкой, поэтому он подходит для систем брендов и макетов журналов. Он отбрасывает оригинальные цвета, поэтому сохраните оригинал, если вам может понадобиться естественный вид. См. blend mode guide.

Можно ли применить дуотоне к тексту?

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

Как выбрать цвета дуотоне для бренда?

Возьмите две пары цветов из палитры бренда: темный вариант основного цвета для теней и более светлый оттенок (часто вторичный или нейтральный) для акцентов. Проверьте пару на реальной фотографии, потому что одна и та же пара ведет себя по-разному при разных исходных тонах. Сохраняйте высокий контраст — два похожих цвета дают мутный, нечитаемый результат.

Источники изображений

• Диаграммы "до/после" дуотона, пары цветов и варианты использования — сгенерированы автором на основе портретной фотографии (Pexels #5931195, photo by August de Richelieu) путем применения двухцветных градиентов оттенков для демонстрации эффекта дуотона.