效果圖：

下面我們應(yīng)用字體設(shè)計(jì)中的轉(zhuǎn)嫁法，將下圖中隨意輸入的字體筆畫替換掉。這里使用圓角矩形來(lái)替換筆畫


2.將字體中的某些筆畫，使用標(biāo)準(zhǔn)制圖進(jìn)行處理，約束字體筆畫和間距。我們?cè)诩?xì)節(jié)處理上常用的就是連字法（筆畫共用）


3.最終效果如下圖


4.然后我們將AI中設(shè)計(jì)好的字體CTRL+C復(fù)制粘貼進(jìn)PS中，在粘貼面板中勾選智能對(duì)象，取消掉添加到我的當(dāng)前庫(kù)



5.下面我們?cè)赑S中給設(shè)計(jì)好的字體添加效果，首先給字體增加立體感，雙擊圖層打開(kāi)圖層樣式，在斜面浮雕中設(shè)置，如下圖


我們得到下圖效果



6.然后在圖層樣式中添加顏色疊加（橙色，色值f47c05）


效果如下



7圖層樣式中添加描邊效果


效果如下



8圖層樣式中添加內(nèi)陰影


效果如下



9圖層樣式中添加內(nèi)發(fā)光


效果如下



10圖層樣式中添加光澤，進(jìn)一步加強(qiáng)質(zhì)感


效果圖下



11最后我們?cè)趫D層樣式中設(shè)置外發(fā)光和投影來(lái)給字體增加更多調(diào)子，實(shí)現(xiàn)完美的層次感


效果如下



12.然后我們將文字圖層CTRL+J復(fù)制一層，進(jìn)一步添加質(zhì)感

在復(fù)制的圖層中分別設(shè)置斜面浮雕、內(nèi)陰影和投影

最后將該圖層的填充透明度設(shè)置為0

得到最后效果


這樣文字就曉得更加晶瑩剔透

13字體的樣式處理完了以后，為了增加更多質(zhì)感，使字體看上去更加生動(dòng)，我們使用鋼筆工具繪制一些氣泡


首先繪制一個(gè)不規(guī)則的橢圓

在該圖層上添加圖層樣式，分別是斜面浮雕


內(nèi)陰影


內(nèi)發(fā)光


光澤


投影


得到以下效果

這個(gè)時(shí)候我們需要關(guān)閉該圖層的填充不透明度，來(lái)實(shí)現(xiàn)氣泡的透明感


最終效果如下

使用以上方式，我們多畫一些氣泡，增加字體的材質(zhì)感，如下圖


如此一來(lái)，字體就顯得更加剔透

14.文字的部分處理好了我們使用前面制作字體和氣泡的方式給字體添加一些小點(diǎn)綴，就完成了我們最后的效果

原文：如何設(shè)計(jì)糖畫字體
作者：源碼時(shí)代UI老師
出處：http://bbs.itsource.cn/thread-1738-1-1.html