本期来介绍怎样用PPT做出这样的表盘动画。


它既可以表现变化,

比如分数的提升、速度的增加。

也可以表现控制,

比如温度的调整、倒计时的设置等等。


并且我们可以做到非常精确,

也就是动画和数字变化是完全匹配的,

接下来详细讲解一下操作步骤。


制作思路和关键步骤


实现此设计的思路为:

设计已知内角的镂空轨道,让运动主体通过精确旋转表现特定数值的变化,并且让文本动画匹配旋转过程,完成表盘效果。


关键步骤如下:

1、设计轨道,多次使用形状的布尔运算,让圆变成圆环,再变成残缺圆环,最后让其镂空。


其中内角的准确值需要提前考虑。


2、将动作主体拆分为2部分设计,分别呈现不完整大圆和小圆形态,不完整大圆在底层,小圆在顶层,通过与透明形状的组合旋转,完成契合。


3、定义整个表盘轨道所代表的数值,计算每一度对应值,并运用到陀螺旋中。


4、为文字添加连续消失和出现动画,匹配旋转效果。


详细操作教程


整个设计拆解为4个部分进行讲解,

以下为详细操作视频:

视频加载中...


本文源文件已打包,

关注头条号【黑白间设计】,私信【表盘动画】即可下载。