概述
上一次 ，我们做了一个渐变效果的背景图，本文我们来给背景图加上纹理。
打开上次的 xd 工程文件，我们继续。
素材收集
先收集一些元素作为纹理，比如，点击右侧「免费下载」下载 svg 格式（需要先注册登录）。
上有不少免费、可商用的 svg 图片，本文中的图片就是搜索“图标”得到的。
把素材拖进来
把下载的 svg 文件拖进你的画板：
在 XD 右侧面板点击锁定宽高比（小锁按钮），然后把高（H）改为 800，将旋转角度改为 20：
改完之后：
svg 是无损的图片格式，修改其大小不会导致失真，但前提是你必须“锁定宽高比”。
锁定纵横比可以确保图片按一定比例缩放，而不是压扁或拉宽。
把图标变成纹理
在选中素材的情况下，在左侧面板中点击小文件夹图标，展开素材文件夹 icons-1286876：
如果你没有左侧面板，点击 XD 左下角的图层按钮。
svg 图片由很多路径组成，这些路径被 XD 装在一个文件夹里，展开就能看到这些路径。
找到展开后的文件夹的背景图，名为「矩形 1」，右键删除：
删除后：
此时按下 Ctrl + A（或 command + A），选择所有路径：
注意，选择文件夹
icons-1286876下的所有路径，而不是文件夹icons-1286876本身。
在右侧面板的最底部勾选背景模糊，随意拖拽修改 3 项数值，直到满意为止：
调整完后，画板就变成了这样，注意及时保存：
图层导航
文档层
点击 XD 的空白处（画板以外的灰色区域），你就“导航”到了文档层。
此时左侧图层面板会显示所有画板，当然现在我们只有一个：位于文档层时，点击 XD 中央（是 XD 软件的中央，不是左侧面板）的任意一个画板，你都可以导航到那个画板的画板层。
画板层
在左侧面板中，双击画板「锦囊」左侧的小图标，就会展开画板中的内容，此时你就“导航”到了锦囊画板的画板层。
目前画板中只有我们拖入的 svg 文件夹icons-1286876。 面板的顶部有返回上一层的按钮“< 锦囊”，点击将会到文档层：
现在你位于画板层，如果你在 XD 中央（是 XD 软件的中央，不是左侧面板）点击画板上的图标，你将会选中我们的 svg 文件夹 icons-1286876，而不是图标本身。
假如我们继续前进
假如你在左侧面板中，点击 svg 文件夹 icons-1286876 的小文件夹图标，然后任意点击其中的一个路径，你就前进到了 svg 文件夹 icons-1286876 层，此时在 XD 中央（是 XD 软件的中央，不是左侧面板）点击任意一个图标，你就会真正选中这个图标，因为你现在就位于图标路径所在的层。
如何僭越
点击 XD 中央的空白处（画板以外的灰色区域），“导航”到文档层。
按住 Ctrl（或 command），点击 XD 中央的某个图标，你就能直接选中你点击的路径，你会注意到左侧面板的层级发生了很大的跳跃：直接从文档层跳到了路径所在的层。 我们可以管 Ctrl（或 command）叫图层僭越键。本期成果
学会了图层导航之后，你就能选中你要操作的任何一个元素，现在你就可以对你的画板做一些调整了，比如把图标间距调得宽裕一些：
大家注意保存，咱们下期再见！