文字工具是Sketch中经常使用的工具之一,巧妙利用Sketch对文字处理的描边、文本路径、转换为形状等特性,能满足不同场景下的设计需求。(PS:最近有关注创造101,就用里面比较关注的山支大哥来做素材好了。)
1.巧用描边凸显文字
给文字加上描边有什么好处?答案是可以凸显文字。因为在色彩比较丰富的背景上添加文字的时候,和背景颜色相近的文字往往容易和背景融为一体,导致看不清楚。如下图所示,右侧添加了描边的文字,会比左侧没有描边的文字更凸显。
在Sketch中设置的方式是,选中文字>在检查器中选择“Borders”>再设置描边的颜色、大小即可。
2.文字轮廓和文本叠加
还有更进一步的玩法是文字轮廓和文本叠加,参考前面,我们把文字的描边大小进一步扩大,直至得到文字的填充轮廓。这里需要注意,字体类型需要选择一些圆润的字体,例如方正琥珀体、幼圆体、彩云体等,才会得到比较圆润的轮廓。然后,再复制一个没有描边的文字叠加在上面,得到一个文字轮廓描边的效果。
由于文字轮廓大面积着色,也容易和背景图区分开来,某些情形下,可以当做人物介绍等标签贴在图片中,具体的效果如下图所示。
3.文字跟着文本路径走
Sketch支持文本渲染路径,简单来说就是文本可以跟着一个矢量图形的形状走,例如我们要把文字附在曲线上,就要用到这个方法。具体做法是先把曲线勾勒出来>然后准备好文本>选中两者(注意图层需要文本在上)>菜单“Text”-“Text On Path"即可。
配合其他内容,可以有不同风格的应用效果。
4.文字转换为形状后作为蒙版
我们都知道,位图和矢量图形之间才能进行蒙版(Mask)处理,文字不是矢量图形,它需要转换为形状后,才能作为蒙版。转换为形状方式很简单:鼠标右键点击文字>在呼出的菜单中选择“Convert to Outlines”即可,转换完成后,图层也变成了矢量路径。
然后,选中转换后的文字,叠加在位图上方,选中两者,右键呼出菜单后选择“Mask”。
最终得到由文字形状作为蒙版处理后的位图,效果如下图所示。
延伸阅读:
网友评论