毛玻璃效果是近两年非常流行的视觉设计风格,席卷设计圈,其风格的最大特点是像玻璃一样的通透性,可以透过表层看到背景的模糊形态,因此而得名。毛玻璃效果可以达到视觉上的通透,虚实结合,得到一种轻透高级的美感,并极富层次感,巧妙使用这种毛玻璃效果可以提高画面的高级感。那么PS毛玻璃效果怎么做?本篇文章教你如何用在线PS替代Pixso快速制作毛玻璃效果。
PS毛玻璃效果制作技巧
在教程学习之前,我们要先了解一下毛玻璃效果如何正确使用于画面之中。
不正确的使用毛玻璃效果可能会导致你的网站变慢,还会增加电量的消耗。对于视力不佳的人群也不适合应用毛玻璃效果设计,可能会加重视觉负担。不过,如果你能解决这些问题,毛玻璃效果设计确实看起来非常的酷炫。以下是一些有助于提高毛玻璃设计可访问性的方法:
-
谨慎、适度地使用透明或模糊效果。不要过度使用,当在设计中仅使用两个或三个毛玻璃效果元素时,效果最佳。
-
建立清晰的层级感。在设计布局中,设计布局中元素之间的正确间距以及正确的元素突出将有助于解决可访问性问题。
-
设置合适的背景。确保背景不单调或乏味,使用鲜艳的颜色作为背景将有助于突出效果。同时,这样也会提升视觉美感。
-
使用较大、易于识别的字体可以使得毛玻璃效果更容易访问,且增加了可读性。
PS毛玻璃效果方法
设计工具一直处于不断升级发展中,从熟知的Adobe Photoshop、Sketch、Figma,再到如今的在线PS软件替代 Pixso ,给设计师带来了高效、协作、一体化的设计体验,在线PS软件替代 Pixso 如何制作毛玻璃效果呢?今天就带大家用 Pixso 在线制作毛玻璃效果。
方法一:Pixso AI,一键免费生成3D毛玻璃图标,👉 点击查看AI生毛玻璃图标教程。Pixso AI是设计 工具Pixso的内置AI助手。Pixso AI具备2.5D渲染、二次元、人物拟真、照片写实、产品设计5大基础模型,更内置3D玻璃风格图标icon风格模型,能够帮助设计师快速生成图标icon素材,并赋能图标icon设计创意探索,👉 点击免费使用Pixso AI。
方法二:自定义毛玻璃效果。毛玻璃效果的制作方法十分简单,以下教程以毛玻璃卡片制作为例,通过以下6个步骤,即可轻松制作出一份炫酷美观的毛玻璃效果卡片设计。
第一步:点击免费注册Pixso账号,进入Pixso工作台,选择【新建文件夹】。
新建一个大小合适的画板,点击【填充】,选择【线性渐变】,为画板填充上渐变色彩。
第二步:点击【形状工具】,选择矩形工具,绘制出你需要的矩形大小,并为其设置合适的【圆角半径】。
第三步:将调整圆角后的的矩形【填充】颜色,选择【线性渐变】,拖拽出需要的渐变角度。这里以白色为例,渐变的两种颜色都应该是白色,但需要将它们设置为不同的不透明度。
第四步:给圆角矩形添加【背景模糊】效果,并且适当调整模糊值。示例为 40 模糊值。给圆角矩形添加外部【描边】,设置合适的粗细,并将描边【填充】线性渐变颜色。添加描边可以使你的毛玻璃效果看起来更加精致。
第五步:添加【外阴影】效果,将模糊值设置为 24 ,扩散值设置为 -1 ,颜色选择与背景相似的深色,并设置适当透明度。使用投影效果有助于加强毛玻璃效果的视觉层次。
第六步:添加内容,如文本、Logo 等。用白色填充内容,降低不透明度,并将文字图层的混合模式设置为【叠加】。
完成以上步骤,一个精美的毛玻璃效果卡片就设计完成啦!想要更具设计感的效果,可以为卡片添加适当的纹理或者噪点,丰富毛玻璃质感,相应素材都可在Pixso社区资源获取。注意,切勿贪心,适度的点缀即可。
用Pixso,在线制作毛玻璃效果
通过以上的教程学习,相信聪明的你很快就可以学会PS毛玻璃的效果制作!你也可以直接在pixso社区搜索“毛玻璃”等关键词,直接复用Pixso资源库的毛玻璃效果的设计,点击进入Pixso资源社区,免费领取毛玻璃设计素材。
Pixso是新一代设计协作工具,浏览器在线即可运行,Windows和MAC系统都可以使用。Pixso不仅实现了和Figma、 Sketch、Adobe XD 的无缝衔接,更基于优秀的组件变体、自动布局等特色功能,让设计师在网页上就可以尽情自由创作,也因此成为在线PS工具替代优选。作为一款为本土设计师量身打造的国产设计工具,因其实时协作、精细化设计工具等特色功能,收获了广大使用者的喜爱。简洁的中文界面,新手都可以轻松上手!Pixso 个人版永久免费,现在马上试试。使用 Pixso在线协同设计毛玻璃效果,直接拖拽使用Pixso自带的设计资源库,省去大量重复劳动,让设计更流畅,协作更高效!
团队协作:团队成员面对一个复杂的设计项目,不再需要等主视觉完成后再进行子页面设计。在 Pixso 完全可以多人云端协作设计,实时同步字号、边框、颜色等各种细节。
设计工具:自带组件变体、自动布局等专业设计工具,支持UI/UX设计和原型播放,一体化完成高保真产品设计。
私有化部署:通过内网本地服务器部署,确保团队敏感数据和核心业务数据私有化,还能根据团队配置,进行定制化功能开发,自定义管理权限,规避数据泄露风险。
设计资源:不仅可以直接拖拽使用Pixso自带的设计资源库,还可以将项目中常用的图标、自制组件一键保存,共享至团队资源库,省去大量重复劳动,形成统一视觉规范。