Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

Adobe Photoshop 制作毛玻璃效果

Adobe Photoshop 制作毛玻璃效果

01221

12个月前更新

在UI设计上，我们经常会看到有毛玻璃效果，能给人一种朦胧的美感

效果演示

图片[1]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

制作教程

新建画布，导入一张图片，复制一份Ctrl + J并转换为智能对象

图片[2]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

画出一个形状（比如圆角矩形），设置它的图层样式

图片[3]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

图片[4]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋 — 内发光样式

图片[5]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋 — 颜色叠加样式

图片[6]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋 — 投影样式

将复制的底图移至形状上方，创建剪贴蒙版

图片[7]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

对复制的底图添加高斯模糊滤镜

图片[8]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

复制Ctrl + J一份形状，清除图层样式

图片[9]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

对复制的形状添加杂色滤镜

图片[10]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

图片[11]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋 — 这里也可以选择栅格化

将复制的形状填充调低即可

图片[12]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

可以配些文字，丰富画面

图片[13]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋

© 版权声明

版权声明

本站网络名称： JACK小桔子的小屋

本站永久网址： https://www.jackxjz.com/

网站侵权说明：本网站的文章部分内容可能来源于网络，仅供大家学习与参考，如有侵权，请联系站长QQ1140535362删除处理
1 本站一切资源不代表本站立场，并不代表本站赞同其观点和对其真实性负责
2 本站一律禁止以任何方式发布或转载任何违法的相关信息，访客发现请向站长举报
3 本站资源大多存储在网盘，如发现链接失效，请联系我们我们会第一时间更新

THE END

科技技巧
# Adobe

喜欢就支持一下吧

相关推荐

评论抢沙发

欢迎您留下宝贵的见解！

提交

昵称

夸夸

夸夸

取消

昵称表情代码图片

暂无评论内容