服务粉丝

我们一直在努力
当前位置:首页 > 财经 >

这个效果放在PPT界也是相当炸裂的存在……

日期: 来源:一周进步收集编辑:弎十二

哈喽,这里是零一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%。


最后加上文字就做好了。

*成品效果展示


03
总结

最后让我们来总结一下,毛玻璃效果实现的步骤:

01. 插入图片后复制一份备用
02. 画布上的图片设置艺术效果【虚化】
03. 复制粘贴为图片,设置艺术效果【胶片颗粒】
04. 毛玻璃图设置为背景,把01复制的图盖在上面
05. 插入矩形,点击幻灯片背景填充
06. 复制矩形,调整填充效果即可

相信现在你也可以做好这块毛玻璃啦,如果喜欢这种简单的小教程,别忘了点击点赞

相关阅读

  • 由小见大!不规则造型按钮解决方案

  • 关注“脚本之家”,与百万开发者在一起出品 | iCSS前端趣闻 (ID:cocoicss)已获得原公众号的授权转载今天,有个群友在群里提问,使用 CSS 能否实现下述这个图形:emmm,中间这个酷似三次
  • Excel+图表见得多,谁知道搭配图片也能这么6

  • Hello~各位同学,你好哇,我是运营菌。日常中我们很少在Excel上应用到图片滴,作为一名爱探索的运营菌,就给大家展示一下我日常做Excel会用到照片装饰的地方。01.背景图片背景图片
  • 推荐 | 首次上架!观看效果不错速收!

  • 由于众所周知的原因,观影工具通常会以套壳的形式存在,前几天有小伙伴反映之前的工具失效了,今天推荐一款全新上架的~一起来看看吧﹀﹀﹀美妆预算 4+ ★★★★★4.5,2 个评分 ▼
  • 效果图曝光!三大公园项目集中开工

  • 小编从光谷交通公众号获悉 2月15日,由光谷交通公司 投资建设的佛祖岭公园、 特种飞行器公园 和武网匝道周边绿化提升等 三大公园项目正式开工! 特种飞行器公园效果图。 三大

热门文章

  • “复活”半年后 京东拍拍二手杀入公益事业

  • 京东拍拍二手“复活”半年后,杀入公益事业,试图让企业捐的赠品、家庭闲置品变成实实在在的“爱心”。 把“闲置品”变爱心 6月12日,“益心一益·守护梦想每一步”2018年四

最新文章

  • 这个效果放在PPT界也是相当炸裂的存在……

  • 哈喽,这里是零一PPT。我是弎十二。对于PPT设计师来说,界面的风格也是关注的一大重点。还记得当苹果新推出的macOS Big Sur系统时,就让人眼前一亮。苹果这一代的设计风格和前几
  • 这样做PPT,老板忍不住给你加薪……

  • 大家好呀!今天想跟大家聊一个有意思的发现。小红书和B站成为新一代人的搜索引擎和学习宝地,有非常多的人会在这两个地方自学技能。拿PPT教程举例子,据不完全统计B站上搜索PPT教
  • 主编招募 | The FASEB Journal

  • 温馨提醒,知云学术现在可以查询期刊影响因子了,扫描下方二维码即可咨询,在查询过程中有不明白的地方也可以咨询我们的知云小艾。
  • 特刊征稿 | 截止2023年12月31日

  • 温馨提醒,知云学术现在可以查询期刊影响因子了,扫描下方二维码即可咨询,在查询过程中有不明白的地方也可以咨询我们的知云小艾。