PS模糊效果背景操作实例及详细步骤

0 2021-06-30 11:32 内容校对:瑞兹
收藏(0) 共有 65 人学习了本教程

《PS模糊效果背景操作实例及详细步骤》是一篇关于Photoshop的学习教程,通过简单几步就能实现教程中的效果图效果,当然只学习这一点,并不能完全掌握Photoshop技巧;你可以通过此加强操作实例,操作技巧,背景等多维度案例或实操来进行更多的学习;此教程是由一粒小Bao米在2021-06-30发布的,目前为止更获得了 0 个赞;如果你觉得这个能帮助到你,能提升你Photoshop技巧;请给他一个赞吧。

iOS 14和macOS Big Sur继续发展一种视觉风格,设计精良的模糊在建立层次结构中起着巨大的作用,这就是设计师制作漂亮的模糊效果的原因。下面向你展示如何通过几个步骤进行制作。

1.用中性色来提升

PS模糊效果背景操作实例及详细步骤

对于模糊的UI背景,使用白色或黑色,有时也可以考虑使用灰色色调。这些中性颜色是背景模糊层的最佳选择。如果你使用鲜艳的色调,模糊看起来会很奇怪,可能不适合你的UI下面的背景。

2.模糊使内容可读

PS模糊效果背景操作实例及详细步骤

应用时髦的视觉风格不会让我们牺牲可用性。如果你只模糊一点背景值。卡片的内容会看起来不好。

可以尝试使用有助于在背景和文本内容之间建立良好对比的值。比如:我经常使用16-24px的模糊效果,看起来效果还不错。

3.调整不透明度以模糊

PS模糊效果背景操作实例及详细步骤

看起来不错的模糊背景必须是半透明的。图层的不透明度过多会使模糊效果不可见。太低的不透明度会使模糊的图层与背景混合。对我来说,安全的选择大约是30-60%。

4.不要使用过多的模糊

PS模糊效果背景操作实例及详细步骤

背景模糊需要平衡。它不仅与不透明度有关,而且还与模糊本身的价值有关。如果模糊图层太多,则背景中漂亮的渐变效果将消失。

5.使用相同的设置提升图层

PS模糊效果背景操作实例及详细步骤

这是我在项目中使用的技巧。为了在模糊和半透明的UI设计组件中构建可视层次结构,我对标题,部分或卡片使用了相同的样式。

如果模糊的面板或卡片具有分组的元素或条形,请尝试使用相同的图层样式进行抬高。它给出了很好的结果。

6.在正确的背景下使用

PS模糊效果背景操作实例及详细步骤

应用良好的背景非常重要。当背景坚实时避免模糊。在图像或渐变上使用它,因此可以为你的设计提供很好的深度感。

总结一下

这个简单的教程向你展示了如何在设计中制作吸引人的模糊背景。

0

赠人玫瑰,手有余香

本内容由一粒小Bao米原创发布,小编仅对内容版式进行调整,如有侵犯你的权利,请联系我们。

如果你觉得好,你可以将本课程转发给你的朋友!

参与评论
验证码

输入的验证码不正确

0/10000

评论区

暂无评论

一粒小Bao米

热爱ACG文化,手办潮玩忠实粉

共发布了220个文章 共获得12个赞

最新发布的教程

查看更多此作者的教程

您可能会帮助到他

查看更多
用户给我们的评价
北极熊素材库累计为超过1000+家中小企业提供服务
欢迎来到北极熊素材库

使用微信扫码登录

使用账号密码登录

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

立即注册 | 找回密码

登录失败

注册及代表同意 网站协议
扫码登录及代表同意 网站协议

请输入用户名,6-15个字符

请输入绑定的邮箱

验证码

输入的验证码不正确

登录失败

提示信息

内置密码的链接已通过Emall 发送到你的邮箱中,请在三天内修复密码。

3秒后,将关闭此窗口 立即关闭

请输入用户名,6-15个字符

请输入密码,最少6-15个字符

二次密码不一致

请输入正确的邮箱

验证码

输入的验证码不正确

注册失败

您还不是我们的VIP会员

成为我的的VIP会员
即可享受6大特权并免费高速下载数以万计的设计素材,助力您的工作和学习

立即升级VIP会员