毛玻璃图标怎么做(超火的毛玻璃效果)(1)

毛玻璃图标怎么做(超火的毛玻璃效果)(2)

Hello,大家好,我是利兄~

设计的潮流是不断变化的,去年还流行新拟态风格,今年又开始流行毛玻璃的设计。

很多一些设计作品,都已经应用起来了。

毛玻璃图标怎么做(超火的毛玻璃效果)(3)

毛玻璃图标怎么做(超火的毛玻璃效果)(4)

毛玻璃图标怎么做(超火的毛玻璃效果)(5)

做PPT和设计一样,也要紧跟流行,我们用PPT也可以实现同样的效果。有两种方法。

我们以下面这个PPT为例子。

毛玻璃图标怎么做(超火的毛玻璃效果)(6)

先看第一种:纯PPT软件操作。

先分析:这个毛玻璃色块,是有磨砂质感的,并且里面是有虚化效果,有点模糊的,而周围比较清楚。

而虚化效果和磨砂质感,用PPT都可以实现。

第一步,我们做出这样一个页面。

毛玻璃图标怎么做(超火的毛玻璃效果)(7)

将这个页面截图,将一整页变成一个图片,只有图片才能设置虚化和磨砂效果。

第二步,对截图,进行虚化处理,具体可以看动图操作。

选中图片-图片格式-艺术效果-虚化。

虚化半径调整得高一些。

毛玻璃图标怎么做(超火的毛玻璃效果)(8)

设置虚化完成之后,我们需要再截一次图,然后进行下一步。

第三步,调整颗粒效果,具体可以看动图操作。

选中截图-图片格式-艺术效果-胶片颗粒。

这是在虚化之后得到截图基础上,再进行的一步操作。

毛玻璃图标怎么做(超火的毛玻璃效果)(9)

得到颗粒又虚化的效果,我们再截图一下。

因为一页图片,不能添加多个艺术效果,所以要截图之后,再添加另外的艺术效果。

第四步,将得到的截图填充为整个幻灯片的背景。

然后,将之前那个清晰的图片,作为插图加入到PPT中。

这里要分清楚,是两层,一层是模糊的是幻灯片背景填充,上面一层是高清的。

毛玻璃图标怎么做(超火的毛玻璃效果)(10)

第五步,幻灯片背景填充

然后我们插入一个矩形,放在圆上面,设置为幻灯片背景填充。

毛玻璃图标怎么做(超火的毛玻璃效果)(11)

每一步,我都给大家说得很清楚了,相信大家可以看懂。

虽然操作步骤多了点,但是也好理解。

毛玻璃图标怎么做(超火的毛玻璃效果)(12)

再看第二种:借助PPT插件okplus

这个操作就比较简单了,一键就可以生成。

我们来操作一下,大家就知道了。

毛玻璃图标怎么做(超火的毛玻璃效果)(13)

对话框回复“okplus”,可以下载插件

okplus还可以参数设置,也非常方便。

毛玻璃图标怎么做(超火的毛玻璃效果)(14)

说完了操作技巧,我们来看看应用。

毛玻璃的应用其实也是很好的,看起来很清爽,且有质感。

一些色块,我们就可以用毛玻璃来替代。

案例一:色块用毛玻璃替代

下面这个案例,是我们常见的色块排版。

毛玻璃图标怎么做(超火的毛玻璃效果)(15)

我们用毛玻璃来替代,效果是不是很酷,至少,我觉得有一种新鲜感。

毛玻璃图标怎么做(超火的毛玻璃效果)(16)

既然色块可以用毛玻璃来替代,那么,很多地方都可以去使用。

案例二:毛玻璃图片背景

比如下面这样一页全图型PPT,直接摆放文字,只能是下面这样。

毛玻璃图标怎么做(超火的毛玻璃效果)(17)

如果,我们借助毛玻璃,就可以得到这样一个效果,是不是还不错。

毛玻璃图标怎么做(超火的毛玻璃效果)(18)

还有一些图标,也可以用毛玻璃效果。

下面一些案例是dribbble上一些设计师做到案例。

毛玻璃图标怎么做(超火的毛玻璃效果)(19)

毛玻璃图标怎么做(超火的毛玻璃效果)(20)

一般做这种,底部都要放一个小色块,或者颜色丰富的图标,然后用毛玻璃就可以得到不错的效果。

我们通过这个案例,举一反三,改造一下。

毛玻璃图标怎么做(超火的毛玻璃效果)(21)

得到这样一页PPT

毛玻璃图标怎么做(超火的毛玻璃效果)(22)

以上就是今天的主要内容,希望大家喜欢。

制作不易,喜欢的话帮忙“点赞”“分享”一下呗,多谢~我也为大家准备了福利,可以按照以下操作领取哦。

福利领取方式:

1、帮忙顺手“转发”“分享”一下这篇文章

2、查看下面图片,获取领取福利。

毛玻璃图标怎么做(超火的毛玻璃效果)(23)

,