授权转自:版式设计很简单 ID:format_design
在平面设计中,“模糊”这概念并不陌生,而且它的使用率也很高,它的作用也不仅仅将物体变得模糊。所以今天给大家总结4个“模糊”技巧,来提升你的设计技能。最后也会附上一个模糊的图层样式,建议收藏。
不知道你有没有了解过“毛玻璃Areo视觉”,而这种视觉也火了一段时间。如果你经常浏览一些设计网站,绝对会看到毛玻璃的使用,特别是运用在网页、UI设计中。
甚至运用在图标设计中,使图标呈现通透的层次效果,显得更加高级精致,提升视觉的品质感。
而这种毛玻璃视觉就是半透明磨砂的形态,像透过玻璃来看到玻璃背后的东西,呈现一种朦胧的氛围美感。那如何将这种朦胧美实现不同的设计目的?下面我们来看看第一个要点:
突出视觉焦点的方法有很多,但通过模糊来处理,可以展现出更多的设计魅力。一般我们会虚化背景来突出关键信息,降低原本杂乱的背景对信息的干扰。
使用模糊的好处,能传递场景的氛围感,这个做法比填充颜色来突出焦点更能带动用户情绪,而且操作也较为简单有效。
除了虚化背景,原来模糊前景也能起到视觉作用。例如下图:
看到这些图,不就是常用的拍摄手法吗?寻找一些前景,利用浅景深,尽量将前景虚化,形成图中的“画框”。这是一种增加纵深感的方法,也有助于强调主体。将它运用到设计中,瞬间丰富画面的空间层次。
当然还可以将文字模糊,也能产生前后的视觉感。
又或者直接添加毛玻璃形态的图像遮挡其他元素,起到戏剧性的模糊效果。
如果想要体现动感,将普通模糊设置为动感/径向等具有方向的模糊,一秒产生炫酷动感的效果。
另外还能通过动感模糊营造热闹的氛围感,例如下面的例子:
改前 Before
△ 上图的编排并没有任何毛病,但是缺少热闹的氛围,显得不够饱满。
改后After
△ 改后的做法,添加了彩带的素材,活跃了原先的安静感,而且部分彩带通过动感模糊处理,也间接增添画面的动感。
而这种漂浮式的装饰,在海报设计或banner中非常受用。
模糊除了具有功能性,还有艺术性。利用设计目的不同,根据情况所实现的模糊效果也就不同。例如在视觉或概念型海报中,加入多种特殊的模糊效果,从而展现出更多的设计形态。
那么这种特殊的模糊如何通过设计软件来实现。这里给大家介绍ps中的“滤镜”→“模糊画廊”功能,具有5个模糊功能,分别是:场景模糊、光圈模糊、移轴模糊、路径模糊、旋转模糊。
“模糊画廊”的好处在于可以根据图像添加多个模糊位置的路径,实时调整模糊的变化效果。不过需要注意的是,如果是【形状图层】的话需要转化为【智能图层】才可以使用。下面给大家简单介绍“模糊画廊”的基本操作:
场景模糊
这个和模糊滤镜中的高斯模糊基本一样,在右侧的工具栏中可以调节模糊的像素大小。
此时,你将鼠标点在图片中,就会出现一个圆圈,鼠标点中圆圈并旋转,也能实时调整模糊的变化。(如下图)
还能继续添加模糊的位置,甚至还能移动。所以这就是模糊画廊功能的强大性。
光圈模糊
这个和拍摄镜头差不多意思,光圈模糊有两个圈,外圈调节外圈的模糊,内圈调节中心部位的模糊,也可以用鼠标拖动和旋转光圈来调整位置。
同样可以继续添加模糊的位置。
倾斜偏移(移轴)模糊
移轴模糊与移轴拍摄手法类似,使整个摄影镜头的主光轴平移、倾斜或旋转,以达到调整所摄影像透视关系或全区域聚焦的目的。
路径模糊
根据设计目的,绘制类似钢笔的路径,模糊会根据所画的路径来模糊虚化,同时还能调节模糊的速度。
旋转模糊
调节圈圈内的模糊,它的模糊会产生旋转的效果,能逼真的增加画面元素的动感。
不同的数值自然会获得不同的模糊效果,感兴趣的小伙伴可以自己尝试一下不同的组合。
那么看完这个功能之后,是不是后悔没有早点发现它呢。虽然这些特殊模糊看起来很酷炫,但还是不要轻易地去采用它,当然能实现你的设计目的就最好啦。(以上图片部分来自网络,仅供学习,版权归原作者所有)
最后给大家附赠【毛玻璃样机】的图层样式
希望在未来的设计里能帮到你
下载方式
在后台回复以下关键词即可领取
毛玻璃样机
- END -
你错过的文章
高手的7个留白技巧,拿来吧你
如果你喜欢这篇文章
麻烦给升哥点个点赞 在看鼓励一下吧