专栏名称: 一周进步
青年独立兴趣课堂,每周一场免费训练营。让年轻,轰炸你的每个兴趣点。Day Day Study , Week Week Up !
目录
相关文章推荐
中国航务周刊  ·  【展商推介】深圳远恒峰,邀您莅临“2025国 ... ·  17 小时前  
中国航务周刊  ·  不到24小时,美国邮政宣布:恢复接收中国内地 ... ·  17 小时前  
中国航务周刊  ·  DSV 2024年利润下跌,海运量同比增长6.6% ·  昨天  
中国航务周刊  ·  【运力周报】最新中国主要外贸航线运力投放周报 ... ·  17 小时前  
包头新闻网  ·  今年首次!价格上调! ·  3 天前  
51好读  ›  专栏  ›  一周进步

如果你还没学会这个效果,这次一定要看!

一周进步  · 公众号  ·  · 2024-07-30 18:00

正文

前排提醒
▽▽▽
今年新开了由珞珈亲授的AI小红书实战副业营
包含AI和小红书上最热乎最干货的实践总结!!
扫码报名,想讨论交流的课程直播中见
扫码开启你技能学习的第一步



哈喽,这里是 零一PPT
我是弎十二。

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

还记得当苹果新推出的 macOS Big Sur 系统时,就让人眼前一亮。


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

同样的,Win11发布时,最吸引我的是11改变的 设计风格

大部分的窗口背景不再是纯色的了,而变成了类似低透明度的 毛玻璃 效果


「毛玻璃效果」 ,它的另一个学名叫Glassmorphism。从学名可以看出是由glass(玻璃)+morphism(形态主义)组成,这种风格最大的特点就是像玻璃一样有通透性,透过表层看到背景的模糊形态。

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


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

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

透明: 使用带有模糊磨砂质感背景的透明效果;
悬浮: 带有明显悬浮感的多个层级;
鲜明: 使用鲜艳色彩作为强调色并且从半透明层中透出;
微妙: 使用轻薄微妙的边框来强化物理质感。

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

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

*成品效果展示


01
毛玻璃效果

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


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


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


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

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

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

step3: 在复制出来的图片中打 开设置形状格式,在艺术效果中选择 【胶片颗粒】。

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


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



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


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

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

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

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

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

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

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

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


接下来,划重点!

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


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


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

在我看来,还少了点

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

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

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


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

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


以上就是实现基本 「毛玻璃效果」 的方式啦。

如果还想为毛玻璃效果,增加一些 "真实"的细节 呢?比如想象一下,下雨天的玻璃窗,因为室内和室外的温差,玻璃上会形成水雾。

结合两者是个什么效果呢,于是我尝试做了一个 水雾毛玻璃 效果的页面



02
水雾毛玻璃效果

所以这样逼真的水雾毛玻璃效果是怎么做的呢?前面的步骤我们结合复习一下。

步骤拆解
▽▽
step1: 同样是从插入一张图片,复制它开始,右键设置形状格式,艺术效果中选择虚化,半径为30。


step2 复制它,点击画布,设置背景图片填充-剪贴板,然后插入一个矩形,设置成 幻灯片背景填充


step3: 这一步和上一个教程的最后一步有区别,复制这个矩形后,插入水雾图片后点击复制,对新的矩形 设置图片填充-剪贴板 ,透明度设置为80%。


最后加上文字就做好了。

*成品效果展示








请到「今天看啥」查看全文