「技法」两步学会用 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
感谢阅读,祝大家在台风天也能点到暖和的外卖
编辑于 2019-02-18 14:07