先放个效果图:

效果

因为 Adobe XD 的文字是不能直接设置渐变效果的,需要通过一些手段才能实现,方法也很简单,这里介绍两种

方法一:文字 + 矩形做交叉运算

首先编辑好文案,然后再拉一个足以覆盖文字的矩形,然后设置矩形的填充为渐变:

设置矩形为渐变填充

两个端点设置用于渐变的两个颜色,然后调整下渐变方向即可。

接下来将文字放在矩形上方(注意,一定要文字在上方):

文字、矩形叠放

然后点击属性面板的 交叉,这时候你就会得到渐变文字了,同时这两个对象会编成一个组,在图层面板可以看到

“文章”效果

优点:可以编辑文字
缺点:矩形对齐文字略麻烦,后续修改文字可能需要调整矩形大小

方法二:将文字转为路径

编辑好文案,选中文字,从底部菜单栏选择 对象 -> 路径 -> 转换为路径(快捷键 macOS Command + 8、Windows Ctrl + 8):

转换文字为路径

然后填充就可以设置成渐变了

“作品”设置渐变

优点:操作简单
缺点:后期无法修改文案(已经变成路径了)

标签: Adobe XD, UI, 设计

添加新评论