Adobe Photoshop 制作毛玻璃效果

Adobe Photoshop 制作毛玻璃效果

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

效果演示

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

制作教程

  1. 新建画布,导入一张图片,复制一份Ctrl + J并转换为智能对象
图片[2]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
  1. 画出一个形状(比如圆角矩形),设置它的图层样式
图片[3]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
图片[4]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
内发光样式
图片[5]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
颜色叠加样式
图片[6]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
投影样式
  1. 将复制的底图移至形状上方,创建剪贴蒙版
图片[7]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
  1. 对复制的底图添加高斯模糊滤镜
图片[8]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
  1. 复制Ctrl + J一份形状,清除图层样式
图片[9]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
  1. 对复制的形状添加杂色滤镜
图片[10]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
图片[11]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
这里也可以选择栅格化
  1. 将复制的形状填充调低即可
图片[12]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
  • 可以配些文字,丰富画面
图片[13]-Adobe Photoshop 制作毛玻璃效果-JACK小桔子的小屋
© 版权声明
THE END
喜欢就支持一下吧
点赞1赞赏 分享
评论 抢沙发
头像
欢迎您留下宝贵的见解!
提交
头像

昵称

夸夸
夸夸
还有吗!没看够!
取消
昵称表情代码图片

    暂无评论内容