,
提醒大家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以上):