火爆外网的“毛玻璃”效果,用PPT也能做!

PPT教程 2个月前 HOTPPTer
1,400 0 0
火爆外网的“毛玻璃”效果,用PPT也能做!

在之前的文章中,我分享过关于如何用 PPT 完成毛玻璃的效果,很多读者很感兴趣,但又觉得篇幅过短,没说清楚。

所以,推荐一篇文章,专门再来说说这个效果。

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

毛玻璃绘制

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

应用场景

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

❶ 形状纹理填充

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

页面效果不错吧~

❷ 修饰文字

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

❸ 修饰图标或图表

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

❹ 人物排版修饰

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

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

火爆外网的“毛玻璃”效果,用PPT也能做!

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

本文转载自:旁门左道PPT,微信号:pangmenzd
版权声明:HOTPPTer 发表于 2021-04-07 10:43。
转载请注明:火爆外网的“毛玻璃”效果,用PPT也能做! | HOTPPTer

相关文章

暂无评论

暂无评论...