文字工具是Sketch中經(jīng)常使用的工具之一,巧妙利用Sketch對(duì)文字處理的描邊、文本路徑、轉(zhuǎn)換為形狀等特性,能滿足不同場(chǎng)景下的設(shè)計(jì)需求。(PS:最近有關(guān)注創(chuàng)造101,就用里面比較關(guān)注的山支大哥來(lái)做素材好了。)

1.巧用描邊凸顯文字
給文字加上描邊有什么好處?答案是可以凸顯文字。因?yàn)樵谏时容^豐富的背景上添加文字的時(shí)候,和背景顏色相近的文字往往容易和背景融為一體,導(dǎo)致看不清楚。如下圖所示,右側(cè)添加了描邊的文字,會(huì)比左側(cè)沒(méi)有描邊的文字更凸顯。

在Sketch中設(shè)置的方式是,選中文字>在檢查器中選擇“Borders”>再設(shè)置描邊的顏色、大小即可。

2.文字輪廓和文本疊加
還有更進(jìn)一步的玩法是文字輪廓和文本疊加,參考前面,我們把文字的描邊大小進(jìn)一步擴(kuò)大,直至得到文字的填充輪廓。這里需要注意,字體類型需要選擇一些圓潤(rùn)的字體,例如方正琥珀體、幼圓體、彩云體等,才會(huì)得到比較圓潤(rùn)的輪廓。然后,再?gòu)?fù)制一個(gè)沒(méi)有描邊的文字疊加在上面,得到一個(gè)文字輪廓描邊的效果。

由于文字輪廓大面積著色,也容易和背景圖區(qū)分開(kāi)來(lái),某些情形下,可以當(dāng)做人物介紹等標(biāo)簽貼在圖片中,具體的效果如下圖所示。

3.文字跟著文本路徑走
Sketch支持文本渲染路徑,簡(jiǎn)單來(lái)說(shuō)就是文本可以跟著一個(gè)矢量圖形的形狀走,例如我們要把文字附在曲線上,就要用到這個(gè)方法。具體做法是先把曲線勾勒出來(lái)>然后準(zhǔn)備好文本>選中兩者(注意圖層需要文本在上)>菜單“Text”-“Text On Path"即可。

配合其他內(nèi)容,可以有不同風(fēng)格的應(yīng)用效果。

4.文字轉(zhuǎn)換為形狀后作為蒙版
我們都知道,位圖和矢量圖形之間才能進(jìn)行蒙版(Mask)處理,文字不是矢量圖形,它需要轉(zhuǎn)換為形狀后,才能作為蒙版。轉(zhuǎn)換為形狀方式很簡(jiǎn)單:鼠標(biāo)右鍵點(diǎn)擊文字>在呼出的菜單中選擇“Convert to Outlines”即可,轉(zhuǎn)換完成后,圖層也變成了矢量路徑。

然后,選中轉(zhuǎn)換后的文字,疊加在位圖上方,選中兩者,右鍵呼出菜單后選擇“Mask”。

最終得到由文字形狀作為蒙版處理后的位圖,效果如下圖所示。

延伸閱讀:
夜雨原創(chuàng)玩轉(zhuǎn)Sketch第二期:基本工具使用