Sketch文字工具描边、文本路径、转换为形状等使用介绍

1.巧用描边凸显文字

给文字加上描边有什么好处?答案是可以凸显文字。因为在色彩比较丰富的背景上添加文字的时候,和背景颜色相近的文字往往容易和背景融为一体,导致看不清楚。如下图所示,右侧添加了描边的文字,会比左侧没有描边的文字更凸显。

在Sketch中设置的方式是,选中文字>在检查器中选择“Borders”>再设置描边的颜色、大小即可。

2.文字轮廓和文本叠加

还有更进一步的玩法是文字轮廓和文本叠加,参考前面,我们把文字的描边大小进一步扩大,直至得到文字的填充轮廓。这里需要注意,字体类型需要选择一些圆润的字体,例如方正琥珀体、幼圆体、彩云体等,才会得到比较圆润的轮廓。然后,再复制一个没有描边的文字叠加在上面,得到一个文字轮廓描边的效果。

由于文字轮廓大面积着色,也容易和背景图区分开来,某些情形下,可以当做人物介绍等标签贴在图片中,具体的效果如下图所示。

3.文字跟着文本路径走

Sketch支持文本渲染路径,简单来说就是文本可以跟着一个矢量图形的形状走,例如我们要把文字附在曲线上,就要用到这个方法。具体做法是先把曲线勾勒出来>然后准备好文本>选中两者(注意图层需要文本在上)>菜单“Text”-“Text On Path"即可。

配合其他内容,可以有不同风格的应用效果。

4.文字转换为形状后作为蒙版

我们都知道,位图和矢量图形之间才能进行蒙版(Mask)处理,文字不是矢量图形,它需要转换为形状后,才能作为蒙版。转换为形状方式很简单:鼠标右键点击文字>在唿出的菜单中选择“Convert to Outlines”即可,转换完成后,图层也变成了矢量路径。

然后,选中转换后的文字,叠加在位图上方,选中两者,右键唿出菜单后选择“Mask”。

最终得到由文字形状作为蒙版处理后的位图,效果如下图所示。

2021-05-06