提醒大家1月11日就是总统大选啦!

记得返乡投票哦~

今天要来教大家如何用表达式作出

简易算式来制作开票的即时百分比换算长条图!

首先先汇入素材:

你可以自己帮开票画面排版,留出一些空位来放数字以及长条图。

用文字工具在画面上先打上0,

安排好位置并让文字靠右对齐。

可以先把两个文字图层命名为A、B,

方便职之后辨识。

接着替A加入Slider效果。

可以右键Slider > Rename帮Slider重新命名为A。

接着打开A图层Text > Source Text,按住Alt右键点击小码表叫出表达式视窗。

利用与表达式同排的Parent工具拖曳至Slider「A」上。

如此一来只要改变Slider「A」的数值文字就会跟着变化了!

式著设置两个关键影格看看,可以发现小数点在乱跳。

可以在刚才的表达式最后发加上.value.toFixed()。

数字就不会出现小数点囉!

底下的另一组数字也是同样的作法,

可以将Slider命名为B,

设置一些关键影格让数字开始会动,

A、B这两组数字就算完成囉!

接下来要制作长条图的部分,先用矩形工具拉出两个长方形,

拉出的长度为预想100%的最大长度。

选取长方形点击S叫出Scale。

Alt+右键小码表叫出表达式视窗,

我们需要让长条的x轴为A在A、B两个数字相加中所占的百分比长度,

因此我们先输入前两排来定义A、B分别为甚么,可以先打出等号待会再来个别定义他们。

A =
B =
x = (A/(A+B))*100;
y = value[1];
[x,y]

第三排的那组算式代表x为A在A+B中的百分比,之后会随着A、B的变化来改变长度,

第四排y = value[1]代表y为原本的数字,另外[0]代表原x值、[2]在3D物件中代表z值。

最后一排[x,y]是要告诉AE这里的x、y座标我们分别用x、y来表示。

接着将游标停在A = 之后,并用Parent工具拖曳至Slider「A」,

停在B = 之后拖曳至Slider「B」,

完成定义A、B的动作。

目前表达式为这样:

最后记得在每一排的最后补上「;」来区分每一排的表达式,

检查没有出现黄色三角形警示符号,表达式就算完成囉!

可以将表达式复制到另一个长方形上,

并将第三排的x = (A/(A+B))*100;

改为x = (B/(A+B))*100;

这么一来这两组数字的鳔话就会带动长条的百分比长度鳔话囉!

在做点装饰就算大功告成囉!

另外也可以制作三组候选人的开票效果!

只需要定义3组数字A、B、C

并将各组的x算式改变一下,

例如第三组「C」的算式为x = (C/(A+B+C))*100

就完成囉!

此教学专案档下载(cc 2018以上):