铿鸟百科网

当前位置:主页 > 百科 > 媒体百科 >

“磨砂玻璃效果”的制作方法 | 网页设计教程-传诚信建站

“磨砂玻璃效果”的制作方法 | 网页设计教程-传诚信建站

时间:2025-06-23 来源:铿鸟百科网 收集整理:小编 阅读:
导读:“磨砂玻璃效果”是近年来一种不错的设计风格,它不仅被用在UI设计,在网页设计上也常常看到。这效果用Photoshop就能很容易实现,下面我们一起来看看磨砂玻璃效果的PS教程吧!磨砂玻璃应用案例:制作小Tips低效做法:选择固定的区域来添加磨

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

磨砂玻璃应用案例:

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

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

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

制作小Tips

低效做法:

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

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

海报设计“磨砂玻璃效果”的制作步骤 | PS教程

其它地方没效果

高效做法:

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

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

海报设计“磨砂玻璃效果”的制作步骤 | PS教程

如何制作磨砂玻璃效果:

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

image.png

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

image.png

具体设置如下:

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

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

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

【外发光】

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

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

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

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

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

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

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

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

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

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

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

最终效果就出来了:

海报设计“磨砂玻璃效果”的制作步骤 | PS教程

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

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

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

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

下载源文件

素材名称:磨砂玻璃海报源文件素材格式:PSD下载地址 (不限速):https://mdl.ink/LP0XAa 密码:6666

感谢阅读!

今天的磨砂玻璃效果PS教程分享都这里,感谢阅读,喜欢请分享一下本文哦。

相关阅读

  • “磨砂玻璃效果”的制作方法 | 网页设计教程-传诚信建站

    “磨砂玻璃效果”的制作方法 | 网页设计教程-传诚信建站

    “磨砂玻璃效果”是近年来一种不错的设计风格,它不仅被用在UI设计,在网页设计上也常常看到。这效果用Photoshop就能很容易实现,下面我们一起来看看磨砂玻璃效果的PS教程吧!磨砂玻璃应用案例:制作小Tips低效做法:选择固定的区域来添加磨

  • 传统网站与营销型网站的区别,网站建设,建站百科,网络百科.

    传统网站与营销型网站的区别,网站建设,建站百科,网络百科.

    传统网站和营销型网站在目的、内容、设计和功能等方面存在很大的区别。首先,传统网站的主要目的是为企业或组织提供在线展示自身信息的平台,包括公司简介、产品介绍、新闻动态、联系方式等,主要侧重于信息传递。而营销型网站的主要目的则是通过网站来实现销

  • 网页素材-适用于404和BANNER页面的手绘小插画-传诚信建站

    网页素材-适用于404和BANNER页面的手绘小插画-传诚信建站

    一份优雅的手绘小插图,插画风格使用粗线的手绘效果,适合商业类的企业网站、APP使用,插画元素包含一些404、工作小场景。当然如果你会手绘,也可以参考这个风格来做延伸绘制更多的角色出来哦。本素材源文件包含AI,PNG,SVG格式。下载信息素材

  • 响应式网站设计的核心有哪些?-北京传诚信

    响应式网站设计的核心有哪些?-北京传诚信

    响应式网站设计的核心是遵循三个主要原则:流体网格,响应式媒体和媒体查询。在某些情况下,当设备无法确定网站的初始宽度或规模时,响应式网站设计也会利用媒体视口元标记,从而不会触发媒体查询。以下是解释的基本响应式网站设计原则:  1.流体网格  

  • 什么是布局,网站设计中如何布局和安排布局-北京传诚信

    什么是布局,网站设计中如何布局和安排布局-北京传诚信

    在设计领域,布局是最基本、最熟悉的概念之一。任何想要深入了解设计,尤其是网站界面设计的人,都需要对布局有很好的了解,以及了解如何进行页面布局和布局。什么是布局?网站布局是一组定义网站结构的框架网站布局显示每个内容的重要性,并将网站最重要的元

  • 做自媒体推广方案需要使用哪些工具?全媒体传播矩阵怎样搭建?

    做自媒体推广方案需要使用哪些工具?全媒体传播矩阵怎样搭建?

    随着互联网的发展,自媒体已经成为企业、个人进行品牌推广、产品宣传的重要渠道。然而,面对众多自媒体平台,如何高效地进行运营和推广,成为许多自媒体从业者面临的难题。火象AI助手作为一款自媒体运营工具,可以帮助用户解决多账号管理、内容分发、数据分