Слияние

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

Items with different blend presets
Один и тот же элемент с различными наборами смесей: Ghost, Neon, Shadow и Glow

Blend Presets

Применяйте визуальный предустановленный набор одним щелчком мыши для мгновенных композиционных эффектов:

Предустановленный Блестящий режим Открытость Визуальный эффект
Призрак Экран 100% Эфирный, полупрозрачный вид
Неоновый Цветной клинок 100% Яркий, светящийся неоновый знак
Тень Умножать 100% Тёмная тень
Сияние Экран 100% Мягкий аддитивный свет
Рентгеновский Разница 100% Перевернутый рентгеновский взгляд
Мечтательный Мягкий свет 100% Мягкая, туманная атмосфера
Винтажный Наложение 100% Теплая, старая эстетика
Силуэт Источник: 100% Вырез твердой формы
Нокаут Источник: 100% Эффект обратной маски
Стирка чернилами Умножать 100% Светлая водяная мойка
Голограмма Цветной клинок 100% Sci-fi голографический
Эмбер Жесткий свет 100% Тепло, огненное сияние
Мороз Экран 100% Холодная, ледяная прозрачность
Нуар Светимость 100% Черно-белый фильм
Поп-арт Исключение 100% Смелые цветовые инверсии
Витражи Цветной ожог 100% Глубокие насыщенные тона
Дуотон Хюэ 100% Двухцветный цветовой эффект
Кинематографический Мягкий свет 100% Классификация цвета пленки
Чертеж Разница 100% Технический дизайн

Использование Preset

  1. Выберите элемент, который вы хотите смешать
  2. В разделе «Свойства» найдите раздел Blending
  3. Выберите предустановку из выпадающего
  4. Режим смешивания и непрозрачность применяются мгновенно

Чтобы удалить предустановку, выберите Normal для восстановления режима смеси по умолчанию.

Как работают блестящие режимы

Режимы Blend контролируют, как цвета элемента сочетаются с тем, что под ним:

Режим Эффект Лучшее для
Нормальный Нет смешивания (по умолчанию) Стандартные элементы
Умножать Темные - цвета множатся вместе Тени, потемнение
Экран Светильники - обратное умножение Световые эффекты, световые эффекты
Наложение Усиление контрастности - умножьте + экран Цветовая градация, текстура
Темный Держите темные пиксели Тонкое потемнение
Светлый Сохраняет более легкие пиксели Тонкая молния
Цветной клинок Ярость резко Неон, яркие моменты
Мягкий свет Тонкая корректировка контраста Сны, мягкие эффекты
Разница Инверсия цвета на основе значений Рентген, художественные эффекты

Blend Mode Переходы

Плавный переход между режимами смешивания с течением времени:

  1. Выберите элемент с применяемым режимом смешивания
  2. Выберите режим целевой смеси
  3. Установите продолжительность перехода
  4. Изделие плавно пересекается между режимами

Это полезно для создания изменений настроения, переходов от дня к ночи или драматических откровений.

Интерактивное слияние

Сделайте режимы смешивания реагировать на взаимодействие с пользователем:

Событие Поведение
Навесить Режим Blend меняется при входе/выходе мыши
Щелкнуть Blend mode переключается на клик

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

Группа Blending

Применяйте режимы смешивания для целых групп:

  1. Выберите группу элементов
  2. Применить режим смешивания к группе
  3. Позволяет Cascade Opacity применять непрозрачность ко всем детям

Групповое смешивание рассматривает всю группу как единый композитный элемент перед смешиванием с фоном.

Смешивание на основе близости

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

  • Когда предметы движутся ближе друг к другу, их режимы смешивания переходят
  • Создает динамические, отзывчивые визуальные эффекты
  • Отлично подходит для интерактивных сцен, где предметы влияют друг на друга

Совет: Комбинировать предустановки смеси с системой Relations. Используйте соотношение blend_reacts_to для смесей на основе близости или blend_transition для автоматического велоспорта на основе времени.

Советы

  1. Начните с предустановлений Попробуйте 19 встроенных предустановок перед созданием пользовательских смесей
  2. Вопросы более высокого порядка - Смешанные режимы влияют на то, как элементы сочетаются с элементами ниже них
  3. Использование с темными фонами - Screen и Color Dodge лучше всего работают на темных фонах
  4. Комбинируйте с непрозрачностью - Настройка непрозрачности вместе с режимом смешивания создает более тонкие эффекты
  5. Обзор в движении - Некоторые эффекты смешивания выглядят по-разному, когда предметы анимированы

Связанные: [Эффекты] (/features/effects) | [Отношения] (/features/relations) | [Анимации] (/features/animations)