我的PPT可以“吐泡泡”!你的可以吗?1分钟教会你怎么做

boyanx6个月前技术教程22

咕噜咕噜!我的PPT可以冒泡泡哦!想知道这样的效果怎么做出来吗?今天小编就来教大家制作这个效果!超级简单又好看哦!

一、“泡泡”制作

1、插入形状

首先我们新建一个PPT,然后点击【插入】——【形状】——【椭圆】,按住Shift键,画出一个正圆~

2、颜色设置

然后右键点击这个圆,选择【设置形状格式】——【填充】——【渐变填充】【类型】选择【射线】,【方向】为【右上角】,在【渐变光圈】中选择自己喜欢的颜色,适当设置一下透明度,最后记得勾选【线条】——【无线条】哦!

然后我们复制多个气泡,改变一下颜色和大小即可~

二、动画制作

1、动画设置

接下来我们选中所有的气泡,点击【路径动画】中选择【直线】【路径方向】【上】

2、延迟设置

我们会发现此时的泡泡是一起升上去的,为了制作出前后冒泡的时间差,我们可以调整一下路径的长度,然后为每个气泡设置不同的延迟时间~

预览一下效果,泡泡们就咕噜咕噜地冒出来啦!

三、气泡制作网站

1、blodmaker

如果觉得自己制作泡泡很麻烦的话,小编给大家推荐一个超可爱的泡泡制作网站——blodmaker!这个网站整个颜色都是粉粉的!简直少女心爆棚啦!

2、操作演示

操作也很简单!在这里小编给大家简单地演示一下~有需要的小伙伴可以自己去试试,这个网站是免费的,导出来的素材是svg格式的!也就是说不用我们自己再抠图的哦!

好啦,这就是小编今天要分享的内容啦!觉得有趣的话可以收藏哦!么么哒!

标签: svg路径动画

相关文章

2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF

2.3 文件格式全解:PSD/JPG/PNG/SVG/GIF一、文件格式的核心意义文件格式是数字图像的存储规则,决定了:- 信息保留程度(图层/透明度/动画)- 压缩方式与画质损失- 跨平台兼容性-...

时间轴动画怎么加才惊艳?简单,腾讯御用PPT设计师直接爆料

大家应该收集或者见过很多不错的时间轴的页面设计吧?时间轴算是PPT制作中经常遇到的页面类型,个人述职、项目路演、企业介绍等等,都会用到时间轴来让用户更加直观地了解个人或公司。比如腾讯的时间轴页:又比如...

Popmotion – 小巧,灵活的 JS 运动引擎

Popmotion 是一个只有12KB的 JavaScript 运动引擎,可以用来实现动画,物理效果和输入跟踪。原生的DOM支持:CSS,SVG,SVG路径和DOM属性的支持,开箱即用。Popmoti...

零基础教你学前端——47、SVG绘制路径

在SVG中,使用 path 标签来定义一个路径。它是一个单标签,基本语法为:尖角号 path,斜线尖角号。应用路径,我们可以绘制任意形状的图形。path标签的重要属性 d,用来定义绘制路径的命令,d...

解锁国内 404 页面:Next.js 设置指南和 33 个有趣 SVG 资源分享

前言当我们访问网站时,如果访问到不存在的路径时,会出现 404 错误。为了避免给访问者带来不良体验,设计网站时通常会在页面上展示“404 页面不存在”的提示,并引导用户进行返回首页等操作。因此在建立网...

手把手教你H5实现工厂游戏的CSS动画效果「实践」

作者:吴冠禧 WecTeam转发连接:https://mp.weixin.qq.com/s/u5GHsA0vHz8A_MmGslRw2g0 契机与背景今年Q1(2020年第一季度)参与了京喜事业部「京...

发表评论    

◎欢迎参与讨论,请在这里发表您的看法、交流您的观点。