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

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

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

whose.design - 发现更多设计工具www.whose.design

阅读信息:

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


相关下载:


效果预览:


第一步,准备 symbol:

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

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

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

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


第二步,更改混合方式:

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

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

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

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


whose.design - 发现更多设计工具www.whose.design

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

其他文章

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

编辑于 2019-02-18

文章被以下专栏收录