2.3.5 动画:进度动画
想要了解更多Mugeda功能?>>>猛戳我,学习更多教程
本节视频教程请点击此处。
进度动画可实现绘制线条过程的效果和文字的打字机效果。
1. 制作图像进度动画
如下图,在图层0的第1帧位置,鼠标点击“圆角矩形”工具在“舞台”上绘制出一个圆角矩形。
图2.3-25
在其“属性面板”下改变该矩形的填充色为“无色”、线条色为“黑色”
图2.3-26
继续绘制出一个圆角矩形和一个圆形,形成手机外框样式。
图2.3-27
在时间轴30帧位置右键→“插入帧”
图2.3-28
在以插入帧的任意位置右键→“插入进度动画”,时间轴变成紫色
图2.3-29
点击“预览”,发现此时动画变成逐渐绘制的效果。
图2.3-30
2. 制作文字进度动画
如图,点击新建一个图层,点击“文字”工具,在“舞台”上创建一个文本框
图2.3-31
点击编辑文字内容
图2.3-32
在新建图层1上的有帧位置,右键→“插入进度动画”
图2.3-33
点击“预览”,观察字体逐字出来的动画效果
图2.3-34
本节视频教程请点击此处。
进度动画可实现绘制线条过程的效果和文字的打字机效果。
1. 制作图像进度动画
如下图,在图层0的第1帧位置,鼠标点击“圆角矩形”工具在“舞台”上绘制出一个圆角矩形。
图2.3-25
在其“属性面板”下改变该矩形的填充色为“无色”、线条色为“黑色”
图2.3-26
继续绘制出一个圆角矩形和一个圆形,形成手机外框样式。
图2.3-27
在时间轴30帧位置右键→“插入帧”
图2.3-28
在以插入帧的任意位置右键→“插入进度动画”,时间轴变成紫色
图2.3-29
点击“预览”,发现此时动画变成逐渐绘制的效果。
图2.3-30
2. 制作文字进度动画
如图,点击新建一个图层,点击“文字”工具,在“舞台”上创建一个文本框
图2.3-31
点击编辑文字内容
图2.3-32
在新建图层1上的有帧位置,右键→“插入进度动画”
图2.3-33
点击“预览”,观察字体逐字出来的动画效果
图2.3-34
7 个评论
想问下那个线条的进度动画的方向怎么更改。。。。
绘制的图形默认是以逆时针的方向来完成进度动画的,如果你需要改方向,你可以吧图形左右翻转一下,这样就是反方向了。
进度动画一直在循环播放怎么办
点击菜单栏——循环——把勾去掉即可
怎么找不到循环?
0-100能做进度动画吗
进度动画仅包含简单文本 这怎么解决