欢迎您访问程序员文章站本站旨在为大家提供分享程序员计算机编程知识!
您现在的位置是: 首页  >  互联网

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

程序员文章站 2022-03-23 23:22:57
animate想要做气泡上浮动画,引导层动画一般用在一些需要让元件沿特定路径移动,该怎么使用引导层让气泡浮动上升的动画效果呢?下面我们就来看看详细的教程。之前我们介绍了使用animate绘制气泡的方法...

animate想要做气泡上浮动画,引导层动画一般用在一些需要让元件沿特定路径移动,该怎么使用引导层让气泡浮动上升的动画效果呢?下面我们就来看看详细的教程。

之前我们介绍了使用animate绘制气泡的方法,这里沿用气泡素材。

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

使用鼠标选择气泡后,右键选择转换为元件

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

这里要选择图形元件,如图

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

调整元件的大小及位置如图

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

在时间轴第60帧插入关键帧,使用快捷键f6

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

调整元件的位图向上,并在舞台之外

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

使用鼠标单击中间帧,右键选择创建传统补间动画

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

创建成功后时间轴效果如图

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

使用鼠标右键单击图层后,选择添加传统运动引导层

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

使用铅笔工具在引导层绘制一条曲线,如图

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

在第1个关键帧及最后一个关键帧调整元件中心点到曲线上

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

这样就得到了气泡浮动的动画效果了,如果制作不同的曲线和速度的气泡动画,就得到更好的效果了。

Animate怎么制作气泡浮动的动画? 气泡上浮动画的实现方法

以上就是animate气泡上浮动画的实现方法,希望大家喜欢,请继续关注。