Sketch文字工具描邊、文本路徑、轉(zhuǎn)換為形狀等使用介紹

文字工具是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第二期:基本工具使用

Sketch基礎(chǔ)教程:蒙版(Mask)的使用詳解

我的頭像會(huì)發(fā)光,Sketch蒙版(Mask)和漸變的綜合運(yùn)用

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

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

友情鏈接更多精彩內(nèi)容