Руководство пользователя Отмена

Применение эффектов наложения

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

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

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

Вот несколько примеров эффектов, созданных с использованием режимов наложения Умножение, Экран, Жесткий свет, Исключение и Яркость.

Режимы наложения
Используйте эффекты наложения, чтобы создать магию с помощью цвета!

Хотите узнать терминологию накладываемого цвета?

  • Накладываемый цвет — исходный цвет выбранного объекта, группы или слоя.

  • Основной цвет — самый нижний цвет в иллюстрации.

  • Итоговый цвет — цвет, полученный после наложения.

Основной и накладываемый цвета зависят от выбранного режима наложения.

Условия наложения

A. Накладываемый цвет B. Основной цвет C. Итоговый цвет 

Хотите создать эффект наложения?

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

    • Оформление: применяется и влияет на весь объект.
    • Главный компонент: применяется и влияет на все экземпляры в вашем проекте дизайна. Например, если вы измените цвет объекта в главном компоненте, это изменение будет каскадно применено ко всем экземплярам в вашем проекте дизайна.

    • Экземпляр компонента: переопределяет примененные режимы наложения в экземплярах компонентов.
    • Повторяющаяся сетка: применяется ко всем ячейкам.
    • Совместимость: сохраняет эффект наложения при работе с Photoshop, Illustrator, Sketch и After Effects.
  2. Выберите изображение или объект (включая фигуры, текстовые слои, группы, маски или компоненты) на холсте дизайна. В инспекторе свойств выберите и примените режим наложения по своему выбору. 

    Для переключения уровней отображения примененных режимов наложения также можно использовать Option Shift + / -  в MAC и Alt Shift + / - в WIN.

  3. Для предварительного просмотра примененного эффекта режима наложения выберите .

Ограничения

Режимы наложения не поддерживаются при следующем поведении объектов:

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

Примеры и образцы файлов

Руководства

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

Время просмотра: 1 минута.

Что дальше?

Теперь вы знаете все необходимое для начала работы с режимами наложения в Adobe XD. Интерфейс Adobe XD интуитивно понятен, поэтому вам наверняка будет просто научиться работать с цветами, размытием и т. д.

Есть вопрос или идея?

Спросите сообщество

Если вы хотите задать вопрос или поделиться интересной идеей, вступайте в сообщество Adobe XD. Мы будем рады услышать ваши идеи и увидеть ваши работы.

Получайте помощь быстрее и проще

Новый пользователь?