本期来介绍怎样用PPT做出这样的表盘动画。
它既可以表现变化,
比如分数的提升、速度的增加。
也可以表现控制,
比如温度的调整、倒计时的设置等等。
并且我们可以做到非常精确,
也就是动画和数字变化是完全匹配的,
接下来详细讲解一下操作步骤。
制作思路和关键步骤
实现此设计的思路为:
设计已知内角的镂空轨道,让运动主体通过精确旋转表现特定数值的变化,并且让文本动画匹配旋转过程,完成表盘效果。
关键步骤如下:
1、设计轨道,多次使用形状的布尔运算,让圆变成圆环,再变成残缺圆环,最后让其镂空。
其中内角的准确值需要提前考虑。
2、将动作主体拆分为2部分设计,分别呈现不完整大圆和小圆形态,不完整大圆在底层,小圆在顶层,通过与透明形状的组合旋转,完成契合。
3、定义整个表盘轨道所代表的数值,计算每一度对应值,并运用到陀螺旋中。
4、为文字添加连续消失和出现动画,匹配旋转效果。
详细操作教程
整个设计拆解为4个部分进行讲解,
以下为详细操作视频:
视频加载中...本文源文件已打包,
关注头条号【黑白间设计】,私信【表盘动画】即可下载。