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

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

更新時間:2018-01-10 來源:黑馬程序員 瀏覽量:

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

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

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

UI設(shè)計

UI設(shè)計

UI設(shè)計

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

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

UI設(shè)計

8.

UI設(shè)計

選框完成后,給這個圖層添加蒙版

9.

UI設(shè)計

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

制造蕩漾效果

10. 添加圖層樣式

UI設(shè)計

UI設(shè)計

UI設(shè)計

UI設(shè)計

UI設(shè)計

UI設(shè)計

大功告成,最終效果

UI設(shè)計


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

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

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

分享到:
在線咨詢 我要報名
和我們在線交談!