「技法」两步学会用 Sketch 制作可以改变颜色和复写内容的文字 symbol

大周末本来要去射箭的，可是台风 又来啦，出不了门，只好在家玩 Sketch 。

阅读信息：

• 阅读时间：3m 10s
• 流量预估：2.2MB
• 操作时间：8m
• 软件版本：v46.1

相关下载：

• 软件下载：[Sketch 官方试用下载]
• 教学材料：[百度网盘 - 教学材料]

效果预览：

第一步，准备 symbol：

创建五个尺寸为「10 x 10」的不同颜色的 symbol。

创建一个尺寸任意的文字 symbol，取名为「↳Content」。

在文字图层上插入颜色 symbol，并拖拉覆盖，取名为「↳Color」。

这时候可以右键单击选择「Conver to Outlines」，然后再点击「Mask」实现文字变色。但是，这样操作会导致文字 symbol 在实际使用时无法复写。笔者在下一步介绍可以复写文字的方式。

第二步，更改混合方式：

在 symbol page，找到文字 symbol，设置背景颜色为纯白，并如上图勾选选项。

在文字 symbol 中的「↳Content」，设置文字颜色为纯黑。

最重要的一步，更改文字 symbol 中的「↳Color」的「Blending」为「Screen」。这种混合模式中文叫做「滤色」，图层合成后，会保留高灰阶的颜色而隐去低灰阶的颜色。

到这一步就做完了，我们来实际使用下「会变色的文字 symbol」。

如果觉得教程具有可操作性，不妨抽出一盘王者荣耀的时间跟着做一遍，一定能学会的。

其他文章

• 插件：CRAFT | Sketch Material | WeSketch | Runner | Paddy | Diya
• 技法：Library | Colored Text | Symbol | Shared Text | Resizing | 流程图 | 文档 | 表格
• 工具：InVison Studio | Nucleo | Feedly
• 案例：Swarm | YouTube | Uber | Oscar | Atlassian | Adobe | Adobe

感谢阅读，祝大家在台风天也能点到暖和的外卖