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

文字工具是Sketch中经常使用的工具之一,巧妙利用Sketch对文字处理的描边、文本路径、转换为形状等特性,能满足不同场景下的设计需求。(PS:最近有关注创造101,就用里面比较关注的山支大哥来做素材好了。)

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第1张图片

1.巧用描边凸显文字

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第2张图片

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第3张图片

2.文字轮廓和文本叠加

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第4张图片

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第5张图片

3.文字跟着文本路径走

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第6张图片

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第7张图片

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

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第8张图片

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第9张图片

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

Sketch文字工具描边、文本路径、转换为形状等使用介绍_第10张图片

延伸阅读:

夜雨原创玩转Sketch第二期:基本工具使用

Sketch基础教程:蒙版(Mask)的使用详解

我的头像会发光,Sketch蒙版(Mask)和渐变的综合运用

Sketch小技巧:如何解除Mask(蒙版)

你可能感兴趣的:(Sketch文字工具描边、文本路径、转换为形状等使用介绍)