千锋教育-做有情怀、有良心、有品质的职业教育机构

手机站
千锋教育

千锋学习站 | 随时随地免费学

千锋教育

扫一扫进入千锋手机站

领取全套视频
千锋教育

关注千锋学习站小程序
随时随地免费学习课程

当前位置:首页  >  技术干货  > UI设计技巧|如何制作毛玻璃效果?

UI设计技巧|如何制作毛玻璃效果?

来源:千锋教育
发布人:小千
时间: 2021-04-13 09:07:00 1618276020

      在UI设计上,我们经常会看到有毛玻璃效果,能给人一种朦胧的美感,这里小千就来教大家如何使用PS软件实现毛玻璃效果。

      操作步骤

      一、打开PS,Ctrl+O打开一张自己喜欢的素材,Ctrl+J复制一层,得到背景1,并右键转化为智能对象;

1

      二、用形状工具画出一个矩形,调整矩形圆角大小;并设置矩形的图层样式(内发光-颜色叠加-投影),数值如下:

2

3

4

      得到以下效果:

5

      三、将复制的底图1图层移到矩形上一层,按住Alt执行嵌入,并选择底图1执行【滤镜】-【模糊】-【高斯模糊】,参数设置及效果如下图▼

6

7

      四、选择矩形复制一层为矩形1,将矩形1拖到底图1上,并丢掉图层样式。再次选中矩形1,执行【滤镜】-【杂色】-【添加杂色】,参数设置及效果如下图▼

8

9

      五、选中矩形1,执行【图层样式】-【混合选项】-【填充不透明度】,参数设置及效果如下图

10

      六、将文字添上,这样的毛玻璃效果就出来啦~是不是很简单呐,还可双击底图1更换任意一张你想要的图片喔,快动手去操作一遍吧。

11

      以上就是使用PS制作毛玻璃效果的教程了,同学们看懂了之后别忘记自己动手试一下避免忘记哦,最后如果对UI设计感兴趣的话可以咨询一下我们的在线老师,还能免费领取视频教程~~

tags:
声明:本站稿件版权均属千锋教育所有,未经许可不得擅自转载。
10年以上业内强师集结,手把手带你蜕变精英
请您保持通讯畅通,专属学习老师24小时内将与您1V1沟通
免费领取
今日已有369人领取成功
刘同学 138****2860 刚刚成功领取
王同学 131****2015 刚刚成功领取
张同学 133****4652 刚刚成功领取
李同学 135****8607 刚刚成功领取
杨同学 132****5667 刚刚成功领取
岳同学 134****6652 刚刚成功领取
梁同学 157****2950 刚刚成功领取
刘同学 189****1015 刚刚成功领取
张同学 155****4678 刚刚成功领取
邹同学 139****2907 刚刚成功领取
董同学 138****2867 刚刚成功领取
周同学 136****3602 刚刚成功领取
相关推荐HOT