2.3.5 动画:进度动画

想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
 
本节视频教程请点击此处。

 进度动画可实现绘制线条过程的效果和文字的打字机效果。

1.    制作图像进度动画

如下图,在图层0的第1帧位置,鼠标点击“圆角矩形”工具在“舞台”上绘制出一个圆角矩形。

2.3-25_.png

图2.3-25

在其“属性面板”下改变该矩形的填充色为“无色”、线条色为“黑色”

2.3-26_.png

图2.3-26

继续绘制出一个圆角矩形和一个圆形,形成手机外框样式。

2.3-27_.png

图2.3-27

在时间轴30帧位置右键→“插入帧”

2.3-28_.png

图2.3-28

在以插入帧的任意位置右键→“插入进度动画”,时间轴变成紫色

2.3-29_.png

图2.3-29

点击“预览”,发现此时动画变成逐渐绘制的效果。

2.3-30_.png

图2.3-30

2.    制作文字进度动画

如图,点击新建一个图层,点击“文字”工具,在“舞台”上创建一个文本框

2.3-31_.png

图2.3-31

点击编辑文字内容

2.3-32_.png

图2.3-32

在新建图层1上的有帧位置,右键→“插入进度动画”

2.3-33_.png

图2.3-33

点击“预览”,观察字体逐字出来的动画效果

2.3-34_.png

图2.3-34
 

7 个评论

想问下那个线条的进度动画的方向怎么更改。。。。
绘制的图形默认是以逆时针的方向来完成进度动画的,如果你需要改方向,你可以吧图形左右翻转一下,这样就是反方向了。
进度动画一直在循环播放怎么办
点击菜单栏——循环——把勾去掉即可
怎么找不到循环?
0-100能做进度动画吗
进度动画仅包含简单文本 这怎么解决

要回复文章请先登录注册