1. 首页
  2. 公司建站
  3. 正文

“磨砂玻璃效果”怎么制作?我们来教你做!

“磨砂玻璃效果”是近年来一种不错的设计风格,它不仅被用在UI设计,在网页设计上也常常看到。这效果用Photoshop就能很容易实现,下面我们一起来看看磨砂玻璃效果的PS教程吧!

磨砂玻璃应用案例:

制作小Tips

低效做法:

选择固定的区域来添加磨砂玻璃效果。

缺点:移动“玻璃形状”到其它区域后就没有“玻璃效果”了,又要重新做一遍。如果要改变玻璃形状,也要重做一遍。


其它地方没效果

高效做法:

先完成海报设计,再做玻璃形状来实现玻璃效果。   

                                                                                      

优点:“玻璃形状”可随意移动,也能出玻璃效果。

如何制作磨砂玻璃效果:

Step 1. 绘制玻璃形状:用「形状工具」在海报上话一个形状,我这个直接画一个三角形

Step 2. 添加质感:给玻璃形状添加描边、投影、外发光效果。

具体设置如下:

(注意:参数的大小根据你海报小来决定,不要照搬参数!)

【描边】使用渐变描边(直接描边也可以,但效果没那么好)

【外发光】

【投影】(Tips: 投影效果不好的话,可以添加2层投影)

Step 3. 制作磨砂玻璃效果:复制海报图层到玻璃图层上方 → 创建剪贴蒙版(ctrl+alt+g) → 右击图层“转为智能对象”

Step 4. 滤镜→模糊→高斯模糊

Step 5. 滤镜 → 滤镜库 → 扭曲>玻璃 (参数不要照搬,看自己的海报效果来调整)

Step 6. 把这层海报再复制一层 → 隐藏滤镜库→ 适当降低「透明度」(注意也是要剪贴蒙版于图形层)

最终效果就出来了:

同理,我们可以再创建一些玻璃形状:

完成这个练习后,记得保留源文件,因为图层样式都是可以复用的,以后再次利用只要改改参数就好。

    延伸阅读

  • 小程序名字修改的技巧规则

    我们都知道名字的意义,名称作为陌生人最先的认知,在物质喧嚣的时代,如何从众多名称中脱颖而出给陌人生留下一个良好且深刻的印象,这至关重要。随着小程序开发越来越多,运营者在给小程序...

  • 小程序商城怎么运营?

    小程序商城在当今电商领域日益受到瞩目,成功运营这样一个平台对于每个经营者而言都至关重要。那么,我们该如何着手呢?一、确立品牌方向首先,我们要清晰地定义自己的品牌在市场中的位置。...

  • 自建商城运营秘籍,吸引顾客有妙招!

    新建网站的运营与维护之道一、明确核心产品的市场定位要让新建的商城网站在竞争激烈的市场中脱颖而出,关键在于精准地定位核心产品。选择具有市场潜力的热销产品,并突出其独特之处,是吸引...

  • 小程序商城推广完全指南

    随着小程序商城的日益兴起,如何在竞争激烈的市场中脱颖而出成为了关键。小程序商城的推广方式多种多样,以下是一些有效的策略:1.公众号与小程序的结合:商家可以将小程序与公众号绑定,...

  • 推广引流方法有哪些,裂变营销什么意思

    推广引流方法有哪些,裂变营销什么意思除了各公域平台,另一个比较重要的引流场景,就是在微信中。一方面做信社交性强,对于身边用友的链接更紧密,微信上也会以群、公众号的形式聚集一群有...

本文来自投稿,不代表本人立场,如若转载,请注明出处:http://www.lnbdc.com/article/285.html

(function(){ var src = (document.location.protocol == "http:") ? "http://js.passport.qihucdn.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6":"https://jspassport.ssl.qhimg.com/11.0.1.js?1d7dde81dc0903e04d3ac0b9599444f6"; document.write('<\/mip-script>'); })(); (function(){ var bp = document.createElement('script'); var curProtocol = window.location.protocol.split(':')[0]; if (curProtocol === 'https') { bp.src = 'https://zz.bdstatic.com/linksubmit/push.js'; } else { bp.src = 'http://push.zhanzhang.baidu.com/push.js'; } var s = document.getElementsByTagName("script")[0]; s.parentNode.insertBefore(bp, s); })();