设置对象的描边、填充、投影和内阴影

  1. Adobe XD 用户指南
  2. 简介
    1. Adobe XD 的新增功能
    2. 常见问题
    3. 利用 Adobe XD 进行设计、原型创建和共享
    4. 颜色管理
    5. 系统要求
      1. 硬件和软件要求
      2. Adobe XD、Big Sur 和 Apple Silicon | macOS 11
    6. 工作区基础知识
    7. 在 Adobe XD 中更改应用程序语言
    8. 访问 UI 设计套件
    9. Adobe XD 中的辅助功能
    10. 键盘快捷键
    11. 提示和技巧
  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. 企业版的组共享
    14. 备份或转移 XD 资产
  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. 第三方应用程序在导出中不可见

了解如何在 Adobe XD 中为对象设置描边、填充、投影和内阴影并创建混合效果。

将填充颜色应用于对象

  1. 选择对象。

  2. 单击“填充”旁边的矩形。此时会出现“拾色器”。

    拾色器
    拾色器

    注意:

    您还可以使用滴管工具来填充颜色。[i] 键可激活“填充”滴管。

    • 单击该键一次将会打开“填充”滴管。
    • 再次单击该键将会关闭“填充”滴管。
  3. 您可以选择:

    • 如果您知道准确的颜色值,请指定 HSBA、RGB 或十六进制值。您也可以在不同的颜色模式之间进行切换。
    • 使用颜色字段和颜色滑块调整颜色。执行此操作时,HSBA、RGB 和十六进制的数字值会相应地进行调整。  
    • 您可以使用颜色滑块或通过指定一个百分比值来设置填充及其不透明度。
    • 使用“滴管”工具从画板中选择颜色。
    • 您也可以将渐变填充应用于对象。如需更多有关渐变的信息,请参阅创建和修改渐变

    修改拾色器中的选项时,您可以预览画板上的更改。

    注意:

    Adobe XD 还支持十六进制代码的简略形式。例如,如果输入 0 并按 Return 键,则 XD 将自动显示代码为 #000000 的颜色。

  4. 您可以将颜色保存为色板,以供将来使用。如需将颜色保存为色板,请单击“拾色器”底部的 + 图标。

    添加色板
    添加色板

    您可以通过将色板拖到新位置来重新排列拾色器中的色板。如需删除色板,请将其拖出拾色器。

将图像填充应用于对象

首先,启用填充(如果尚未启用)(如将填充颜色应用于对象中所述)。然后,将图像从其保存位置(例如,Finder 或 Windows 资源管理器)拖动到对象上。

裁切和放置图像填充

现在,您可以通过双击放置在容器中的图像(“对象”>“使用形状遮盖”)来裁切图像并调整图像填充中图像的位置(从桌面拖动时)。使用图像填充中的裁切模式可以:

  •      双击并进入图像填充的裁剪模式
  •      在裁剪模式下调整图像的位置,或
  •      在裁剪模式下将图像移动到任意位置

此增强功能也适用于从 Photoshop 和 Sketch 导入的文件。导入的文件会保留图像填充和在源应用程序中执行的裁切。

从剪贴板粘贴图像

您还可以从 Adobe XD 之外将图像复制到操作系统的剪贴板中,选择一个形状,并从操作系统剪贴板中将图像作为图像填充进行粘贴。用户也可以通过在选择形状后,选择“文件”>“导入”,来使用图像填充形状。

创建描边并指定描边颜色

  1. 选择对象。

  2. 默认描边宽度为 1。如需指定其他值,请更改“边框”值。

  3. 单击“边框”旁边的矩形色卡。此时会出现“拾色器”。

    拾色器
    拾色器

  4. 您可以选择:

    • 如果您知道准确的值,请指定 HSBA、RGB 或十六进制值。
    • 使用颜色字段和颜色滑块调整颜色。执行此操作时,HSBA、RGB 和十六进制的数字值会相应地进行调整。  
    • 使用“滴管”工具从画板中选择颜色。
    • 使用颜色滑块或通过输入一个百分比值来设置边框的不透明度。
    • 编辑边框大小和创建点线
    • 指定端点(平头、圆头、方头)和连接(斜接、圆角、斜面),以及内部描边和外部描边。

    修改拾色器中的选项时,您可以预览对象上的描边颜色。

  5. 您可以将颜色保存为色板,以供将来使用。如需将颜色保存为色板,请单击“拾色器”底部的 + 图标。

    添加色板
    添加色板

    您可以通过将色板拖到新位置来重新排列拾色器中的色板。如需删除色板,请将它拖离拾色器。

  6. 如果对象是闭合路径,则您可以指定描边宽度。如需沿路径对齐描边,请选择下一个插图所列的以下选项之一:

    默认情况下,XD 会使闭合路径中的内部描边对齐。

    笔触样式
    笔触样式

    A. 内部描边 B. 外部描边 C. 中心描边 D. 平头端点 E. 圆头端点 F. 方头端点 G. 斜接连接 H. 圆角连接 I. 斜面连接 

    注意:

    更改描边宽度或描边对齐方式并不会更改对象的实际大小(从定界框的角度来说)。不过,当您导出对象时,对象的测量值可能会根据所使用的描边的类型发生变化。

    SVG 仅支持中心描边。如果您将具有内部描边或外部描边的对象导出为 SVG,则导出的图像的大小看上去就好像它具有中心描边。

使用轮廓化描边将描边转换为形状

使用轮廓化描边从线条、路径、形状、文本、图像和布尔型组创建可编辑的矢量形状。创建形状后,通过使用控件或在属性面板中更改形状属性,您可以进一步修改形状。

尝试这些步骤以使用轮廓化描边创建一个图标,如下所示。 

  1. 使用画布上的“文本”工具键入任何字母,比如 S

  2. 选择字母 S,然后选择“对象”>“路径”>“轮廓化描边”。
    可在“图层”面板中查看两个图层:1. S - 轮廓和 2. S

    在文本字母上使用轮廓描边。
    在文本字母上使用轮廓描边。

  3. 双击矩形以添加锚点。

  4. 单击并拖动锚点以创建自定义形状。 

  5. 创建形状后,可使用“属性”面板修改它,如使用“填充”“渐变”更改其颜色。

    添加颜色和样式以自定义形状
    添加颜色和样式以自定义形状

添加阴影

您可以向切换开关、按钮、滑块和插图等对象添加投影和内阴影。

  1. 将对象添加到画板。

  2. 单击对象,然后在“属性检查器”中单击“投影”“内阴影”

  3. 在拾色器中,

    a. 要将颜色添加到阴影,请执行以下操作之一:

    • 指定颜色的 HSB、RGB 或十六进制值。 您也可以在这些颜色模式之间轻松切换。
    • 使用颜色字段和颜色滑块调整颜色。在此期间,将自动调整 HSB、RGB 或十六进制值。  
    • 使用“滴管”工具从画板中选择颜色。

    b. 使用不透明度滑块设置阴影的不透明度,或键入百分比形式的不透明度值。

    要保存色板,请单击拾色器底部的 + 图标。您可以通过将色板拖到新位置来重新排列拾色器中的色板。如需删除色板,请将它拖离拾色器。

  4. 在“属性检查器”中指定以下各项:

    “X 偏移”“Y 偏移”:指定要让投影与对象形成的偏移距离。

    B(模糊):指定与要向其进行任何模糊处理的阴影边缘的距离。

内阴影

将内阴影应用于对象
将内阴影应用于对象

投影

将投影应用于对象
将投影应用于对象

应用混合效果

在设计画布上选择图像或对象(包括形状、文本图层、组、蒙版或组件)。从“属性检查器”中,选择并应用所选的混合模式。有关更多信息,请参阅应用混合效果。

从对象中删除填充、阴影或描边

选择对象。然后,单击“属性检查器”中的“边框”“填充”“阴影”旁边的复选框。如果您想恢复填充、描边或阴影,请再次单击复选框。

更多此类内容

更快、更轻松地获得帮助

新用户?