在UI设计上,我们经常会看到有毛玻璃效果,能给人一种朦胧的美感
效果演示
![图片[1]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img1.png)
制作教程
- 新建画布,导入一张图片,复制一份
Ctrl + J
并转换为智能对象
![图片[2]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img2.png)
- 画出一个形状(比如圆角矩形),设置它的图层样式
![图片[3]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img3.png)
![图片[4]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img4.png)
![图片[5]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img5.png)
![图片[6]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img6.png)
- 将复制的底图移至形状上方,创建剪贴蒙版
![图片[7]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img7.png)
- 对复制的底图添加高斯模糊滤镜
![图片[8]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img8.png)
- 复制
Ctrl + J
一份形状,清除图层样式
![图片[9]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img9.png)
- 对复制的形状添加杂色滤镜
![图片[10]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img10.png)
![图片[11]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img11.png)
- 将复制的形状填充调低即可
![图片[12]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img12.png)
- 可以配些文字,丰富画面
![图片[13]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋](https://jackxjz-img.oss-cn-guangzhou.aliyuncs.com/blog/ps-frosted-glass/img13.png)
© 版权声明
本站网络名称:
JACK小桔子的小屋
本站永久网址:
https://www.jackxjz.com/
网站侵权说明:
本网站的文章部分内容可能来源于网络,仅供大家学习与参考,如有侵权,请联系站长QQ1140535362删除处理
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在网盘,如发现链接失效,请联系我们我们会第一时间更新
1 本站一切资源不代表本站立场,并不代表本站赞同其观点和对其真实性负责
2 本站一律禁止以任何方式发布或转载任何违法的相关信息,访客发现请向站长举报
3 本站资源大多存储在网盘,如发现链接失效,请联系我们我们会第一时间更新
THE END
暂无评论内容