完成以上步骤那么个位数的制作就大功告成了,下面就是十位数了。
接下来将所有文本上下左右对齐,播放一下你会发现令人惊讶的效果(gif动图):
2、 十位数制作:
十位数的制作与个位数制作完全相似,插入横向文本框,输入“0123456789”,使数字纵向排列【这里是“0123456789”不是“1234567890”,其实个位数改为“0123456789”也无差异】
添加进入淡出和退出淡出动画,参数设置同个位数稍有差异:动画文本字母延迟百分比改为1000%,无重复。
十位数动画时间的排列:退出动画较进入动画延迟1s,其余与个位数设置相同
十位数和个位数效果预览:
3、最后完善
现在已经做完了个位数与十位数的变换,最后添加一个“100%”文本框,在动画结束后出现就可以实现至100%的变化了。为各个文本添加路径动画(向右),再与矩形色块擦出动画(向右)结合即可。