2021趋势,Behance大神都在用的弥散光感教程来了!

2021-12-23    seo达人


弥散光感也是今年突然间兴起一种流行趋势,国内外很多设计师在项目上运用这种处理手法,下面我们先来回顾一些网上案例。
图片

上面这种是单色弥散效果,而且还带有一些噪点纹理。

图片

这种思路是通过一边往外延伸,然后慢慢消失的过程。

图片
这种是弥散渐变上面叠加点阵纹理,效果细节也很丰富。
图片
多色混色弥散光感,细节非常丰富,不过对色彩把控要求高,稍不留神就会显脏。
图片
杂志卡片应用弥散光感,起到点缀作用,还能形成亮点设计。好了,下面到了案例实操部分,为大家准备了3个案例,尤其是最后一个,我个人最喜欢。

 

案例实操#1

这里快速给大家演示几种思路,基本上实操一次就会了。

第1步:先准备一个基础的版式,因为弥散光感一般都是以背景的形式出现在画面中,能起到氛围渲染作用。

图片

第2步:准备制作弥散渐变,这里以单色来举例。首先制作第一层渐变,具体参数值,大家领取源文件慢慢查看。

图片

第3步:制作第二层泛白渐变效果,目的起到综合的作用,颜色过渡自然。

图片
第4步:基本两层就OK了,最后再叠加一层噪点纹理,效果看起来会更丰富细腻。这里的噪点肌理我在sketch 里面完成的,也是非常方便简单(大家可以拿着源文件去研究下,一看就会)。
图片

 

案例实操#2

第1步:先准备一个基础的版式

图片
第2步:开始制作弥散渐变
图片

由于这里所需要的弥散效果较大一些,因此这里模糊值需要在ps里面处理,首先画一个圆形,然后使用高斯模糊;然后将其复制一层,然后添加杂色,最后两层叠加起来,就得到如下效果。

图片

 

案例实操#3

第1步:先在ps里面绘制两个基础的圆形,一个大圆和一个小圆。

图片

第2步:然后分别将大圆和小圆使用ps模糊画廊里面的移轴模糊效果,再将两者叠加起来,就得到如下效果。

图片

当然还可以叠加很多层,效果也很细腻。

图片

除了圆形,我们还可以玩出其他花样。

图片

今天分享就先到这里,大家下去可以拿着源文件 自己在玩一下 弥散光感,可以研究出不同的效果。


原文地址:功夫UX(公众号)
作者: 功夫UX
转载请注明:学UI网》2021趋势,Behance大神都在用的弥散光感教程来了!

蓝蓝设计建立了UI设计分享群,每天会分享国内外的一些优秀设计,如果有兴趣的话,可以进入一起成长学习,请扫码蓝小助,报下信息,蓝小助会请您入群。欢迎您加入噢~~希望得到建议咨询、商务合作,也请与我们联系。

截屏2021-05-13 上午11.41.03.png

分享此文一切功德,皆悉回向给文章原作者及众读者.
免责声明:蓝蓝设计尊重原作者,文章的版权归原作者。如涉及版权问题,请及时与我们取得联系,我们立即更正或删除。

蓝蓝设计www.lanlanwork.com )是一家专注而深入的界面设计公司,为期望卓越的国内外企业提供卓越的UI界面设计、BS界面设计 、 cs界面设计 、 ipad界面设计 、 包装设计 、 图标定制 、 用户体验 、交互设计、 网站建设 平面设计服务

分享本文至:

日历

链接

个人资料

蓝蓝设计的小编 http://www.lanlanwork.com

存档