用户指南 取消(C)

应用混合效果

  1. Adobe XD 用户指南
  2. 简介
    1. Adobe XD 的新增功能
    2. 常见问题
    3. 利用 Adobe XD 进行设计、原型创建和共享
    4. 系统要求
      1. 硬件和软件要求
      2. Adobe XD、Big Sur 和 Apple Silicon | macOS 11
    5. 工作区基础知识
    6. 在 Adobe XD 中更改应用程序语言
    7. 访问 UI 设计套件
    8. Adobe XD 中的辅助功能
    9. 键盘快捷键
    10. 提示和技巧
    11. Adobe XD 订阅选项
    12. XD 入门计划的更改
  3. 设计
    1. 画板、参考线和图层
      1. 开始使用画板
      2. 使用参考线和网格
      3. 创建可滚动画板
      4. 使用图层
      5. 创建滚动组
    2. 形状、对象和路径
      1. 选择对象、调整对象的大小和旋转对象
      2. 移动、对齐、分布和排列对象
      3. 对对象进行编组、锁定、复制、拷贝和翻转
      4. 为对象设置描边、填充和投影
      5. 创建重复元素
      6. 使用 3D 变换创建透视设计
      7. 使用布尔运算编辑对象
    3. 文本和字体
      1. 使用绘图和文本工具
      2. Adobe XD 中的字体
    4. 组件和状态
      1. 使用组件
      2. 使用嵌套组件
      3. 向组件添加多个状态
    5. 蒙版和效果
      1. 创建一个形状蒙版
      2. 使用模糊效果
      3. 创建和修改渐变
      4. 应用混合效果
    6. 版面
      1. 响应式调整大小和约束
      2. 为组件和组设置固定的内边距
      3. 使用堆叠创建动态设计
    7. 视频和 Lottie 动画
      1. 使用视频
      2. 使用视频创建原型
      3. 使用 Lottie 动画
  4. 原型
    1. 创建交互式原型
    2. 制作原型动画
    3. 自动制作动画支持的对象属性
    4. 使用键盘和游戏手柄创建原型
    5. 使用语音命令和播放创建原型
    6. 创建定时过渡
    7. 添加叠加
    8. 设计语音原型
    9. 创建锚点链接
    10. 创建超链接
    11. 预览设计和原型
  5. 共享、导出和审阅
    1. 共享选定的画板
    2. 共享设计和原型
    3. 为链接设置访问权限
    4. 使用原型
    5. 审阅原型
    6. 使用设计规范
    7. 共享设计规范
    8. 检查设计规范
    9. 设计规范导航
    10. 审查和评论设计规范
    11. 导出设计资源
    12. 导出和下载设计规范中的资源
    13. 企业版的组共享
  6. 设计系统
    1. 带 Creative Cloud Libraries 的设计系统
    2. 在 Adobe XD 中使用文档资源
    3. 在 Adobe XD 中使用 Creative Cloud Libraries
    4. 从链接资源迁移到 Creative Cloud Libraries
    5. 使用设计令牌
    6. 使用 Creative Cloud Libraries 中的资源
  7. 云文档
    1. Adobe XD 中的云文档
    2. 协作与协同编辑设计
    3. 协同编辑与您共享的文档
  8. 集成和插件
    1. 使用外部资源
    2. 使用 Photoshop 中的设计资源
    3. 从 Photoshop 中复制和粘贴资源
    4. 导入或打开 Photoshop 设计
    5. 在 Adobe XD 中使用 Illustrator 资源
    6. 打开或导入 Illustrator 设计
    7. 将矢量从 Illustrator 复制到 XD
    8. 用于 Adobe XD 的插件
    9. 创建和管理插件
    10. XD 的 Jira 集成
    11. XD 的 Slack 插件
    12. XD 的 Zoom 插件
    13. 将设计从 XD 发布到 Behance
  9. iOS 和 Android 版 XD
    1. 在移动设备上预览
    2. 适用于移动设备的 Adobe XD 常见问题解答
  10. 故障排除
    1. 已知问题和已修复问题
      1. 已知问题
      2. 已修复的问题
    2. 安装和更新
      1. XD 似乎与 Windows 不兼容
      2. 错误代码 191
      3. 错误代码 183
      4. 安装 XD 插件时出现问题
      5. Windows 10 上提示卸载并重新安装 XD
      6. 迁移首选项有问题
    3. 启动和崩溃
      1. XD 在 Windows 10 上启动时崩溃
      2. XD 在您注销 Creative Cloud 时退出
      3. Windows 上订阅状态相关问题
      4. 在 Windows 上启动 XD 时出现“应用程序被阻止”警告
      5. 在 Windows 中生成故障转储
      6. 崩溃日志收集和共享
    4. 云文档和 Creative Cloud Libraries
      1. XD 云文档相关问题
      2. 链接组件的问题
      3. 库和链接的问题
    5. 创建原型、发布和预览
      1. 无法在 macOS Catalina 上录制原型交互
      2. 工作流程发布相关问题
      3. 浏览器中未显示发布的链接
      4. 浏览器中的原型呈现不正确
      5. 共享链接上意外出现评论面板
      6. 无法发布库
    6. 导入、导出和使用其他应用程序
      1. 在 XD 中导入和导出
      2. XD 中的 Photoshop 文件
      3. XD 中的 Illustrator 文件
      4. 从 XD 导出到 After Effects
      5. XD 中的 Sketch 文件
      6. 第三方应用程序在导出中不可见

了解如何使用混合效果增强您的设计成效最佳。

在设计中处理图像时,您可能希望为原本简单的照片打造引人注目的独特效果。例如,您可能希望将品牌的颜色添加为图像效果,以创建具有视觉吸引力的设计。 

利用混合模式,您可以使用一组预定义的模式将一个图像图层与另一个图层合并,自动创建合成图像资源。 

以下是一些使用正片叠底滤色强光、排除和明度混合模式创建的示例效果。

混合模式
使用混合效果创造颜色魔术!

想要了解混合色术语?

  • 混合色是选定对象、组或图层的原始颜色。

  • 基色是图稿的底层颜色。

  • 结果色是混合后得到的颜色。

基色和混合色根据所选的混合模式加以混合。

混合术语

A. 混合色 B. 基色 C. 结果色 

混合模式 设计效果
正常 正常 这是默认模式,未应用混合模式。
变暗 变暗 查看每个图像中的颜色信息,并选择基色或混合色中较暗的颜色作为结果色。将替换比混合色亮的像素,而比混合色暗的像素保持不变。
  正片叠底 查看每个图像中的颜色信息,并将基色与混合色进行正片叠底。结果色总是较暗的颜色。
  颜色加深 查看每个图像中的颜色信息,并通过增加二者之间的对比度使基色变暗以反映出混合色。 
变亮 变亮 查看每个图像中的颜色信息,并选择基色或混合色中较亮的颜色作为结果色。
  滤色 查看每个图像的颜色信息,并将混合色的互补色与基色进行正片叠底。结果色总是较亮的颜色。 
  颜色减淡 查看每个图像中的颜色信息,并通过减小二者之间的对比度使基色变亮以反映出混合色。
对比度 叠加 对颜色进行正片叠底或过滤,具体取决于基色。图案或颜色在现有像素上叠加,同时保留基色的明暗对比。 
  柔光 使颜色变暗或变亮,具体取决于混合色。此效果与发散的聚光灯照在图像上相似。
  强光 对颜色进行正片叠底或过滤,具体取决于混合色。此效果与耀眼的聚光灯照在图像上相似。 
倒置 差值 查看每个图像中的颜色信息,并从基色中减去混合色,或从混合色中减去基色,具体取决于哪一个颜色的亮度值更大。 
  排除 创建一种与“差值”模式相似但对比度更低的效果。
组件 色相 用基色的明亮度和饱和度以及混合色的色相创建结果色。
  饱和度 用基色的明亮度和色相以及混合色的饱和度创建结果色。 
  颜色 用基色的明亮度以及混合色的色相和饱和度创建结果色。 
  明度 用基色的色相和饱和度以及混合色的明亮度创建结果色。

想要创建混合效果?

  1. 在开始之前,请通过以下简单规则了解在应用或修改混合模式时对象会经过哪些处理:

    • 外观: 应用并影响整个对象。
    • 主组件: 应用并影响设计项目中的所有实例。例如,如果您更改了主组件中对象的颜色,则更改将级联到设计项目的所有实例中。

    • 组件实例: 覆盖组件实例中应用的混合模式。
    • 重复网格: 应用于所有单元格。
    • 互操作性: 与 Photoshop、Illustrator、Sketch 和 After Effects 一起使用时,可保留混合效果。
  2. 在设计画布上选择图像或对象(包括形状、文本图层、组、蒙版或组件)。从“属性检查器”中,选择并应用所选的混合模式。

    您也可以使用选项 Shift +/- (MAC) 和 Alt + Shift +/- (WIN) 切换所应用的混合模式的外观级别。

  3. 要预览已应用的混合模式效果,请选择

限制

这些对象行为不支持混合模式:

  • 过渡开始时,自动制作动画更改中使用的混合效果没有任何动画。
  • 您无法在填充、边框或阴影上应用混合效果。

示例和示例文件

想要创建具有混合效果的海报?选择画布上的图像,然后从“属性检查器”中选择并应用以下混合选项来创建这些令人惊叹的效果:

  • 强光
  • 差值
  • 滤色
  • 颜色加深
原始图像
颜色加深 强光
区别 滤色

教程

观看此视频,了解如何将对象的颜色与画板的背景颜色混合,或如何将彼此层叠的多个对象的颜色混合。 

观看时长:1 分钟。

接下来学什么?

我们已经引导您开始使用 Adobe XD 中的混合模式。Adobe XD 的界面简便易用;我们深信您通过颜色模糊更多功能,可轻松地发挥您的创造力。

有疑问或想法?

询问社区

如果您有问题要问或要分享想法,欢迎加入 Adobe XD 社区。我们很乐意倾听您的心声并欣赏您的创意作品。

Adobe 徽标

登录到您的帐户