首页技术文章正文

UI设计之如何制作奶油巧克力文字特效?

更新时间:2018-01-10 来源:黑马程序员 浏览量:

UI设计之如何制作奶油巧克力文字特效?

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

UI设计

2. 新建图层,渐变工具G,径向渐变

UI设计

3. 文字工具T,这里我采用了较粗的字体:腾祥嘉丽超粗圆简,这样可以更好地添加图层样式,文字颜色填充为#352311

UI设计

4. 现在开始添加图层样式,制作巧克力文字的特效

UI设计

UI设计

UI设计

UI设计

UI设计

5. 现在图层样式添加好了的效果

UI设计

6. 接下来给文字添加奶油的效果,把整个文字图层复制,右键点到图层样式的位置后,选择到清除图层样式,把文字颜色改为#ebab00

UI设计

7. 利用矩形选框工具作出选区

UI设计

8.

UI设计

选框完成后,给这个图层添加蒙版

9.

UI设计

蒙版添加后,给文字添加滤镜效果,找到滤镜菜单 ----- 扭曲 ----- 水波

制造荡漾效果

10. 添加图层样式

UI设计

UI设计

UI设计

UI设计

UI设计

UI设计

大功告成,最终效果

UI设计


本文版权归黑马程序员UI设计综合设计师学院所有,欢迎转载,转载请注明作者出处。谢谢!

作者:黑马程序员UI设计综合设计师培训学院

首发:http://ui.itheima.com/

分享到:
在线咨询 我要报名
和我们在线交谈!