首頁(yè)技術(shù)文章正文

UI設(shè)計(jì)之如何制作奶油巧克力文字特效?

更新時(shí)間:2018-01-10 來(lái)源:黑馬程序員 瀏覽量:

UI設(shè)計(jì)之如何制作奶油巧克力文字特效?

1. 新建一個(gè)文件,大小是800 x600px,填充前景色#3d1d17顏色

UI設(shè)計(jì)

2. 新建圖層,漸變工具G,徑向漸變

UI設(shè)計(jì)

3. 文字工具T,這里我采用了較粗的字體:騰祥嘉麗超粗圓簡(jiǎn),這樣可以更好地添加圖層樣式,文字顏色填充為#352311

UI設(shè)計(jì)

4. 現(xiàn)在開(kāi)始添加圖層樣式,制作巧克力文字的特效

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

5. 現(xiàn)在圖層樣式添加好了的效果

UI設(shè)計(jì)

6. 接下來(lái)給文字添加奶油的效果,把整個(gè)文字圖層復(fù)制,右鍵點(diǎn)到圖層樣式的位置后,選擇到清除圖層樣式,把文字顏色改為#ebab00

UI設(shè)計(jì)

7. 利用矩形選框工具作出選區(qū)

UI設(shè)計(jì)

8.

UI設(shè)計(jì)

選框完成后,給這個(gè)圖層添加蒙版

9.

UI設(shè)計(jì)

蒙版添加后,給文字添加濾鏡效果,找到濾鏡菜單 ----- 扭曲 ----- 水波

制造蕩漾效果

10. 添加圖層樣式

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

UI設(shè)計(jì)

大功告成,最終效果

UI設(shè)計(jì)


本文版權(quán)歸黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師學(xué)院所有,歡迎轉(zhuǎn)載,轉(zhuǎn)載請(qǐng)注明作者出處。謝謝!

作者:黑馬程序員UI設(shè)計(jì)綜合設(shè)計(jì)師培訓(xùn)學(xué)院

首發(fā):http://ui.itheima.com/

分享到:
在線咨詢 我要報(bào)名
和我們?cè)诰€交談!