火爆外网的“毛玻璃”效果PPT制作教程!

如果你经常浏览一些设计网站,你会注意到很多设计师都在有意识地采用「毛玻璃」美学的设计:



火爆外网的“毛玻璃”效果制作教程!(图1)



确实,毛玻璃通透性不高,却有一种虚实结合的美感,给人带来愉悦的视觉感受;同时具有柔和的磨砂材质和光感,整体呈现一种微妙的高级感:



火爆外网的“毛玻璃”效果制作教程!(图2)



最近也有读者在后台留言询问:在PPT中,怎么制作毛玻璃效果?


其实具体操作也不难,今天这篇文章,就来盘点一下毛玻璃效果在PPT中的制作及运用的场景。



毛玻璃绘制



在动手绘制之前,我们先来拆解分析一下「毛玻璃」的风格特征。


仔细观察会发现,「毛玻璃」大致会有四个特征:模糊背景、柔和阴影、半透明层、磨砂材质:



火爆外网的“毛玻璃”效果制作教程!(图3)



那么接下来,我们就可以从这四个特征出发,来绘制毛玻璃效果。


第一步:先在页面插入一些渐变圆形,然后导出成图片,再插入PPT中:



火爆外网的“毛玻璃”效果制作教程!(图4)



第二步:给图片添加「虚化」艺术效果,这样模糊背景这个特征就有了:



火爆外网的“毛玻璃”效果制作教程!(图5)



虚化半径参数可以尽量大一点,我这里设置了100%:



火爆外网的“毛玻璃”效果制作教程!(图6)



第三步:再次导出成图片,然后把这张模糊图片插入PPT中,添加「胶片颗粒」艺术效果:



火爆外网的“毛玻璃”效果制作教程!(图7)



这时磨砂材质的特征也具备了,我们可以调节颗粒参数,让磨砂质感柔和一些:



火爆外网的“毛玻璃”效果制作教程!(图8)



第四步:我们复制这张模糊磨砂的图片,通过剪贴板,将其填充进背景:



火爆外网的“毛玻璃”效果制作教程!(图9)


同时,把刚开始清晰的那张图片插入PPT,置于背景上方:



火爆外网的“毛玻璃”效果制作教程!(图10)


第五步:我们在页面上插入一个圆角矩形,并设置为「幻灯片背景填充」:



火爆外网的“毛玻璃”效果制作教程!(图11)



这时候,一个半透明磨砂质感的玻璃就绘制出来了,随意移动矩形,毛玻璃的效果也会随之改变



第六步:最后给矩形添加一个柔和阴影,这样毛玻璃的层次感会更强一些~



火爆外网的“毛玻璃”效果制作教程!(图12)



在PPT中,还有其他的方式来实现毛玻璃效果,以上只是分享了一种较为容易的绘制方式。


其实只要按照毛玻璃的四个特征进行绘制,就可以得到不错的毛玻璃效果。



应用场景



既然已经知道了毛玻璃的绘制手法,那么如何运用到PPT中去呢?这里我总结归纳了毛玻璃常用的四个应用场景:



❶ 形状纹理填充


毛玻璃作为一种材质纹理,在PPT中,常用于形状填充,增加形状的质感。


举个例子,比如一页PPT的原稿是这样的:



火爆外网的“毛玻璃”效果制作教程!(图13)



通过简单的排版优化,添加三个圆角矩形色块承载文字内容,可以排版成这样:



火爆外网的“毛玻璃”效果制作教程!(图14)



当我们想将这三个矩形填充具备毛玻璃的质感,可以先制作一个模糊磨砂的背景。


这里我另复制了三个矩形,呈倾斜放置:



火爆外网的“毛玻璃”效果制作教程!(图15)



按之前毛玻璃的绘制步骤,将上图转换成图片,然后添加虚化和胶片颗粒的艺术效果,并将其填充进背景:



火爆外网的“毛玻璃”效果制作教程!(图16)



最后将原本的三个矩形进行幻灯片背景填充,即可得到毛玻璃质感填充:



火爆外网的“毛玻璃”效果制作教程!(图17)



除此之外,我们也可以将这种毛玻璃的质感运用到一些表格页面中。


比如下图这张表格原稿,简单分析可以知道,表格主要是想突出平均值这一列数据:



火爆外网的“毛玻璃”效果制作教程!(图18)



但这个表格的样式比较传统,可以优化一下排版,通过白色色块来突出平均值数据:



火爆外网的“毛玻璃”效果制作教程!(图19)



然后,我们可以按照毛玻璃的绘制方式,将白色色块转换成毛玻璃效果:



火爆外网的“毛玻璃”效果制作教程!(图20)



页面效果不错吧~



❷ 修饰文字


利用毛玻璃效果,我们可以去修饰文字内容,从而让PPT页面更有质感。


比如这页关于情绪ABC理论的页面:


火爆外网的“毛玻璃”效果制作教程!(图21)



我们字母ABC的上方,添加一层毛玻璃效果,这样页面会更有层次感:



火爆外网的“毛玻璃”效果制作教程!(图22)



又或者这样一张感谢页面,只有THANKS一个单词,会比较单调:



火爆外网的“毛玻璃”效果制作教程!(图23)



我们可以加入一些装饰元素来丰富画面:



火爆外网的“毛玻璃”效果制作教程!(图24)



如果把这些装饰元素换成毛玻璃,这样页面会更加的有创意:



火爆外网的“毛玻璃”效果制作教程!(图25)



❸ 修饰图标或图表


同样的,我们也可以用毛玻璃效果来简单的修饰图标或图表,让它们看起来更有光泽质感。


比如原本的图标是这样的:



火爆外网的“毛玻璃”效果制作教程!(图26)



我们给图标添加一个毛玻璃效果,可以绘制成这样:



火爆外网的“毛玻璃”效果制作教程!(图27)


放到页面中看看效果,挺好看的,是吧?



火爆外网的“毛玻璃”效果制作教程!(图28)



那在图表页中怎么运用毛玻璃效果呢?


来直接看案例,比如这张圆环图表页面,其实整体的页面效果也还行,我们可以添加毛玻璃元素,来看看效果:



火爆外网的“毛玻璃”效果制作教程!(图29)



将图表白色圆环部分转换成毛玻璃效果,这样可以突出数据这一部分:



火爆外网的“毛玻璃”效果制作教程!(图30)



对比一下,毛玻璃页面的光泽质感强了不少吧。


其他图表的运用方式也类似,在页面中适当的融入毛玻璃的元素即可:



火爆外网的“毛玻璃”效果制作教程!(图31)



❹ 人物排版修饰


在人物排版页中,添加毛玻璃这一元素,画面的质感也会立马呈现出来。


拿这页造车大佬人物的排版举例:



火爆外网的“毛玻璃”效果制作教程!(图32)



因为人物图片背景和大小的不一致,我们可以将人物抠出来进行裁剪,人物的头部大小均匀,然后眼睛尽量在同一条水平线上:



火爆外网的“毛玻璃”效果制作教程!(图33)



接下来,按照前面的方法,给人物肩膀下方添加毛玻璃效果:



火爆外网的“毛玻璃”效果制作教程!(图34)



最后再加入人物名称,这样简单又有质感的人物排版画面就可以了:



火爆外网的“毛玻璃”效果制作教程!(图35)



以上,就是关于毛玻璃效果的制作,以及应用场景,希望对各位有所帮助。

转至公众号:旁门左道PPT



PPT基础教程 PPT设计排版教程 PPT美化教程