超赞!一份实用简单好上手的AE表达式江湖文档

@正越升 :AE表达式一直是大家学习AE过程中的一道坎,涉及代码网上教程资源又不多,于是很多人都没有完全地领略到AE表达式的魅力。这几天我一直想写一篇《AE表达式江湖文档》。这篇文档的目的不在于全面地介绍表达式,那是官方文档才做的事情。我的目的在于尝试用直白的语言和例子阐述表达式,让不懂代码的人读完后也能看得懂AE表达式,会写AE表达式。

一直以来,大多数人都不想去碰AE的表达式,觉得和编程挂钩的东西都很难。于是我尝试着去思考怎么简单地做AE表达式的教程,让大部分人能接受。

于是,这篇非官方的来自江湖的AE表达式文档就出炉了。

江湖就有江湖的规矩。

不拘小节不刻板,不可能像官方文档一样每个函数都单独拿出来讲,官方文档是让人们当做字典查找的,我们只讲有用的,讲少一点,讲简单一点。

本文的目的不在于全面,在于力争各位读完之后,看得懂AE表达式,会写AE表达式!

表达式基础

1、如何添加表达式

再深厚的功夫也是从扎马步开始的。如何添加表达式呢?两个动作。

①按住[Alt键],②点击你要添加表达式的属性前面的[秒表]。

这个时候就会出现一个编辑框,把表达式写进去就可以啦。

示例:用表达式让[ball]的位置固定在[200, 200]处。

超赞!一份实用简单好上手的AE表达式江湖文档

2、表达式开关

这个开关是[开启/关闭]表达式,可以令你在不清除表达式框的情况下,禁用表达式。

示例:表达式的开启和禁用

超赞!一份实用简单好上手的AE表达式江湖文档

3、表达式拾取器

它在民间有多个名字,飘忽不定,有人说是拾取器,有人说是关联器,有人说是橡皮筋。

打个比方,你在写一篇叫做《我的同学》的作文,你的同学名字叫做沃尔塔·萨斯皮诺斯·阿卡贝斯基,你记不住,于是你用手指一指你的同学,他的名字就自动出现在你写的文章里面,多方便呀,多伟大的手指呀。表达式拾取器就是这只神奇的手指。

示例:用表达式让[ball]图层的位置位于[anotherBall]的下面50px处

超赞!一份实用简单好上手的AE表达式江湖文档

4、函数菜单

AE有很多已经内置的函数给你用,你并不需要记住它们每个的名字和参数,只需要记住有这么一个函数存在就可以,需要用的时候可以在这个菜单里面搜索你想要的函数。

超赞!一份实用简单好上手的AE表达式江湖文档

表达式的规则

AE表达式的规则,等同于我们平日说话的时候主谓宾等语法规定,我们需要遵守,AE和你才能正常愉快地交流啊。

规则一:它要啥你就给它啥 

无论你表达式写得多么长多复杂,前面一大堆,都是为了计算出最后那个AE所要求的格式的东西。

[位置]:我要的是一个格式为[x, y]的东西,我好知道我在哪个地方。
[不透明度]:我只要一个数值就可以了,比如0,比如50,比如100。
[填充颜色]:我需要一个格式为[r, g, b, alpha]的东西,我好知道我是个啥颜色。

【示例】:

超赞!一份实用简单好上手的AE表达式江湖文档

规则二:基本的计算 

加减乘除就不用说了,在这里提一个常用的[取余数]的符号——%

比如:a = 100 % 3;

那么a的值就是1。

【示例】:

超赞!一份实用简单好上手的AE表达式江湖文档

注:[time] 是AE提供的,表示当前的时间。例如1s时,time = 1;2.5s时,time = 2.5。我们经常利用[time]的值跟随时间变化这个特性来制作动画。

规则三:变量

超赞!一份实用简单好上手的AE表达式江湖文档

不要觉得[变量]这个词很陌生可怕,其实,初中开始我们的数学引入的字母,可以说就是[变量],它的作用就是来存储数值的。

【示例】:

超赞!一份实用简单好上手的AE表达式江湖文档

注:[time] 是AE提供的,表示当前的时间。最后一个示例中的”time % 1”,表示当前时间对1取余数。例如time = 1.5s处,time % 1 = 0.5。因此,(time % 1) 随着时间在0~1之间不断变化。

规则四:语句 

表达式是由一行一行的语句构成的,每个语句以一个分号结尾,当然AE表达式允许你忽略分号,不过在每个语句后面添加分号,是一个好的习惯。

规则五:注释 

先看看下面两个表达式:

超赞!一份实用简单好上手的AE表达式江湖文档

上面那个可能你一开始看到,一时半会不知道它是用来做什么的。

但是下面那个表达式,添加了作者的注释,一目了然!

有两种注释的方法:

  1. 单行注释:两个斜杠 // 可以注释掉同一行后面的所有内容。
  2. 多行注释:可以用 /* 和 */ 把要注释的内容括起来,这种方式可以注释多行内容。

话说回来,注释可以解释代码的作用,增加可读性,同时它不会被运行,直接被AE忽略掉。简单来说,表达式是写给AE看的,注释是写给人看的。

【示例】:

超赞!一份实用简单好上手的AE表达式江湖文档

规则六:类型 

在AE表达式中,变量a常见的类型有

  1. 数值。例如数字1、1.5、-10。
  2. 字符串。用引号包括起来,例如一个字符串”哈喽你好呀”、”我在写文档ing” 。
  3. 布尔值。判断对错的布尔类型 true 和 false 。
  4. 数组。由许多元素组成的一个组。

超赞!一份实用简单好上手的AE表达式江湖文档

规则七:条件 

条件语句的结构其实很简单,总结来说就是:

超赞!一份实用简单好上手的AE表达式江湖文档

注意:

一个if后面可以跟着无数个else if,但是只能跟着一个else,且必须在最后面。

{} 花括号后面不需要加分号。

if 和else if后面的括号里是判断的条件,常见的判断有以下:

1、a == 1 (判断a的值是不是等于1,切记是两个等于号)
2、a >= b (判断a的值是不是大于等于b)
3、 !(3 > 1) (!表示取反,因为3>1是true,所以取反之后这个条件是false)
4、flag (判断flag是布尔值true还是false)
5、0 (当判断条件是0,则表示false,若是0以外的其他数字,则表示true)

【示例】:

超赞!一份实用简单好上手的AE表达式江湖文档

规则八:循环 

个人感觉:循环在AE表达式里面的使用其实还挺少见的(所以循环的例子好难想呀) 。

循环有三种形式,你可以根据具体情况选择任意一种。

超赞!一份实用简单好上手的AE表达式江湖文档

举个例子我们看看怎么使用。

超赞!一份实用简单好上手的AE表达式江湖文档

注:在循环块里面添加”break;“,表示跳出(打破)这个循环,不管循环条件满不满足,都跳出循环。

和 “break;” 类似的还有一个 “continue;” ,它表示结束本次循环,进行下次循环,而不是跳出(打破)循环。

规则九:函数 

1、内置函数:

还记得那个函数菜单吗?在里面我们可以看到很多AE提供给我们使用的函数。

例如:

a、wiggle(freq, amp);  // [摆动]函数,freg是频率,amp是幅度

b、random(min, max);  // [随机]函数,在min和max值之间取一个随机值 (更多内置常用的函数将在第四节讲解)

超赞!一份实用简单好上手的AE表达式江湖文档

2、自定义函数:

个人感觉:在AE表达式中自定义函数还是比较少见的。

函数的定义格式如下:

超赞!一份实用简单好上手的AE表达式江湖文档

在这里我们简单地举一个例子:

超赞!一份实用简单好上手的AE表达式江湖文档

注:因为random()返回的是一个小数,所以我们自己写了一个getRandomInt(min, max)函数来返回一个随机的整数。

规则十:那些特殊的规则 

1、a = a + 1; 这个语句我们可以简写为 a++;
2、同理,a = a - 1; 我们可以简写为 a--;
3、条件语句还有一种写法:condition ? do somthing : or do something;

这是在 if 和 else 都只有一个语句的时候可以采取的简写方式。

举例: 2 < 3 ? a = 1 : a = 0; // a的值为1

一般我们写成 a = 2 < 3 ? 1 : 0; // a的值为1

注:想完整地学习语法规则可以去runoob.com或者w3school.com.cn搜javascript的教程看。

欢迎关注作者微信公众号:坏打印机

超赞!一份实用简单好上手的AE表达式江湖文档

「有哪些看上去很高大上,但实际很简单的PS技巧?」

《有哪些看上去很高大上,但实际很简单的PS技巧?》
《有哪些看上去很高大上,但实际很简单的PS技巧?(入门篇)》

冷知识系列第一期:《那些你不知道的PHOTOSHOP冷知识》
冷知识系列第二期:《第二弹!那些你不知道的PHOTOSHOP冷知识之乾坤大挪移》
冷知识系列第三期:《最终完结篇!那些你不知道的PHOTOSHOP冷知识》
冷知识系列完结篇:《最终完结篇特制版!那些你不知道的PHOTOSHOP冷知识(四)》

超赞!一份实用简单好上手的AE表达式江湖文档

【优设网 原创文章 投稿邮箱:2650232288@qq.com】

================关于优设网================
"优设网uisdc.com"是国内人气最高的网页设计师学习平台,专注分享网页设计、无线端设计以及PS教程。
【特色推荐】
设计师需要读的100本书:史上最全的设计师图书导航:http://hao.uisdc.com/book/
设计微博:拥有粉丝量104万的人气微博@优秀网页设计 ,欢迎关注获取网页设计资源、下载顶尖设计素材。
设计导航:全球顶尖设计网站推荐,设计师必备导航:http://hao.uisdc.com

收藏 271
点赞 39

复制本文链接 文章为作者独立观点不代表优设网立场,未经允许不得转载。