1. 首页
  2. 笔记
  3. PS教程|如何用PS制作毛玻璃效果

笔记详情

PS教程|如何用PS制作毛玻璃效果

学会用PS制作毛玻璃效果,通过智能对象、图层样式、高斯模糊和滤镜库,轻松打造半透明磨砂质感,提升设计层次与高级感,适用于网页、UI、图标及平面设计。

作者:CyberExplorer

PS教程|如何用PS制作毛玻璃效果

笔记详情

学会用PS制作毛玻璃效果,通过智能对象、图层样式、高斯模糊和滤镜库,轻松打造半透明磨砂质感,提升设计层次与高级感,适用于网页、UI、图标及平面设计。

点赞
656
阅读
4

详情内容

如果你经常浏览一些设计网站,绝对会看到毛玻璃的使用,特别是运用在网页、UI、图标设计。甚至在视觉设计或日常宣传的平面设计也被使用到,呈现通透的层次效果,显得精致高级,提升视觉的品质感。而这种毛玻璃视觉就是半透明磨砂的形态,像透过玻璃来看到玻璃背后的东西,呈现一种朦胧的氛围美感。下面我们通过Ps来完成,具体操作步骤如下: Step 01 ———— 新建图层,绘制画面,并将图层转换为智能对象。Step 02 ———— 选择钢笔工具,绘制需要形成毛玻璃效果的形状(图形必须为智能对象)。

复制上一步的图层,与形状“创建剪贴蒙版”(快捷键ctrl all G),如下图所示。Step 03 ———— 将刚才绘制的形状设置“图层样式“效果,参数如下图所示,仅供参考(参数可根据画面效果自行调整)。【描边】 【外发光】 【投影】 Step 04 ———— 接着设置毛玻璃的半透明和磨砂效果,通过“高斯模糊”和“滤镜库”来完成,步骤及参数如下图所示。

【高斯模糊】 【滤镜库-扭曲-玻璃】 Step 05 ———— 为了让磨砂效果看起来更逼真自然,复制上一步的图层,取消“滤镜库”效果,只留下“高斯模糊”滤镜,并将图层的“不透明度调”为60%(根据画面所需自行调整,参数仅供参考)。一个半透明磨砂质感的毛玻璃效果就绘制出来,就算移动形状,效果也会随之变化。Step 06 ———— 为了方便更换其他画面,而不需要重复毛玻璃效果的操作,这时候我们利用PS中的智能对象功能,将图片置换到场景模型中。

【双击图层】 双击此背景的智能图层缩略图,如下图所示。弹出一个文档窗口,通过这个文档编辑,放置其他图片或直接绘制,完成后保存。这时,原来模版的背景就会自动更新为刚才保存的图片。当然还其他的方式来实现毛玻璃效果,以上只是我个人的绘制方式。至于效果依然可以根据上面的滤镜和样式来调整参数,就可以得到不同效果的毛玻璃质感。好了,今天分享就到这里,希望对你有所帮助,喜欢的话记得点个赞或转发给其他小伙伴哦~

关键信息

内容类型
笔记详情
作者
CyberExplorer
发布时间
2024-09-02 15:15:08
点赞
656
阅读
4

其他笔记推荐