大家好,这里是一周进步。

我是珞珈。

对于PPT设计师来说,界面的风格也是关注的一大重点。

在去年年底,苹果新推出的macOS Big Sur系统,就让人眼前一亮。

打开网易新闻 查看精彩图片

看出来了吗?这就是今年很流行的「毛玻璃效果」,它的另一个学名叫Glassmorphism。

苹果这一代的设计风格和前几代都有着明显的区别,大量的圆角要素,以及最为重要的半透明效果,这就很「iOS」!

你可以在网站上搜Glassmorphism,出来的效果不会让你失望。

打开网易新闻 查看精彩图片
打开网易新闻 查看精彩图片

对比之前风靡一时的新拟态风格(模仿一个挤压的塑料表面,但看起来仍然像一层),「毛玻璃效果」会更加垂直。

对于这种风格特征也可以归结为4点:

透明:使用带有模糊磨砂质感背景的透明效果;

悬浮:带有明显悬浮感的多个层级;

鲜明:使用鲜艳色彩作为强调色并且从半透明层中透出;

微妙:使用轻薄微妙的边框来强化物理质感。

所以,运用好「毛玻璃效果」,也会给你的作品带来一些高级感。

话不多说,看完接下来的教程,你也能做出具有磨砂质感的毛玻璃效果:

打开网易新闻 查看精彩图片

文字版教程

▽▽▽

先插入一张图片,记得要复制一份备用

打开网易新闻 查看精彩图片

右键设置形状格式,在艺术效果中选择【虚化】。

打开网易新闻 查看精彩图片

同时,半径数值要拉到最大。

打开网易新闻 查看精彩图片

做到这里,就已经做出毛玻璃的模糊感了,但想真正达成毛玻璃的效果,还需要多一些质感。

比如,加上一些【胶片颗粒】效果。

但在PPT上,一次只能实现一个艺术效果,所以我们需要先右键复制,然后再粘贴为图片。

然后打开设置形状格式,在艺术效果中选择胶片颗粒】。

这样,通过一次「粘贴为图片」的操作,就给最初清晰的图片叠加了两次艺术效果。

打开网易新闻 查看精彩图片

数据我设置成了明度 60% ,粒度大小 40

打开网易新闻 查看精彩图片

做出了毛玻璃,那该怎么变出这种毛玻璃效果呢?

还记得最开始让你复制的另一份原图吗?这时候马上就要派上用场了。

打开网易新闻 查看精彩图片

不过开始前,我们先要将模糊的毛玻璃设置成背景。

设置背景,可不是简单的把图片放在PPT上就算好了。

而是对毛玻璃图片右键复制,然后鼠标点击画布以外,右键设置背景格式,选择图片填充,点击剪贴板

这样才算真正设置成了背景。

这样设置背景的好处在于,之后拖动素材时不会误把背景拖走。

同时,它还有个神奇的效果,先耐心往下看。

拿出我们之前备用的清晰图片,覆盖上去,然后再插入一个圆角矩形。

打开网易新闻 查看精彩图片

接下来,划重点!

右键设置形状格式,点击幻灯片背景填充,毛玻璃效果就做的差不多了。

打开网易新闻 查看精彩图片

幻灯片背景填充的好处是,不管你如何拖动这个“毛玻璃”,它都像是真的玻璃一样,时刻映出背景的图案。

打开网易新闻 查看精彩图片

但这个时候,这个玻璃看起来还稍微缺少了点细节。

在我看来,还少了点

所以,我们再为其添加上蒙版,给毛玻璃增加些亮度。

选中毛玻璃,然后按住CTRL拖拽,就能直接复制出一个大小一样的圆角矩形

再为新的圆角矩形填充上白色,透明度调整为90%。

打开网易新闻 查看精彩图片

调整位置,与之前的毛玻璃进行重合。并将两者组合,毛玻璃效果就做好了。

最后,为其加上亿点点文字和细节修饰。

打开网易新闻 查看精彩图片

今天的毛玻璃,你学废了吗?

如果还有不懂,欢迎评论区留言探讨交流。

记得点个赞和在看~ 我们下期再见。