第10章表达式动画

1、主讲教师：主讲教师：第第10章章 表达式动画表达式动画 本章简介本章简介 本章主要讲解了表达式的基本语法和本章主要讲解了表达式的基本语法和编辑表达式。表达式语法主要讲解了表达编辑表达式。表达式语法主要讲解了表达式语言、访问对象的属性和方法、数组与式语言、访问对象的属性和方法、数组与维数、向量与索引以及表达式时间。表达维数、向量与索引以及表达式时间。表达式库主要讲解了式库主要讲解了GlobalGlobal（全局）、（全局）、Vector Vector MathMath（向量数学）和（向量数学）和Random NumbersRandom Numbers（随（随机数）等机数）等2020个表达式库。个

2、表达式库。第第10章章 表达式动画表达式动画掌握表达式的输入方法掌握表达式的修改方法掌握如何使用表达式制作动画课堂学习课堂学习目标目标 掌握表达式的基本语法10.1 基本表达式基本表达式 表达式概述 编辑表达式 Expression Controls（表达式控制）滤镜 本节内容本节内容保存和调用表达式 虽然虽然After EffectsAfter Effects的表达式是基于的表达式是基于JavaScriptJavaScript脚本语脚本语言，但是在使用表达式时并不一定要掌握言，但是在使用表达式时并不一定要掌握JavaScriptJavaScript语言，语言，因为可以使用因为可以使用“表达式

3、关联器表达式关联器”关联表达式或复制表达式实关联表达式或复制表达式实例中的表达式语言，然后根据实际需要进行适当的数值修改例中的表达式语言，然后根据实际需要进行适当的数值修改即可。即可。 表达式的输入完全可以独立在表达式的输入完全可以独立在“时间线时间线”窗口中完成，窗口中完成，也可以使用也可以使用“表达式关联器表达式关联器”为不同的图层属性创建关联表为不同的图层属性创建关联表达式，当然也可以在表达式输入框中修改表达式。达式，当然也可以在表达式输入框中修改表达式。10.1.1 表达式概述表达式概述 10.1.2 编辑表达式编辑表达式 在在After EffectsAfter Effects中，可

4、以在表达式输入框中手动输入表达式，中，可以在表达式输入框中手动输入表达式，也可以使用表达式语言菜单来完整地输入表达式，同时也可以使也可以使用表达式语言菜单来完整地输入表达式，同时也可以使用用“表达式关联器表达式关联器”或从其他表达式实例中复制表达式。或从其他表达式实例中复制表达式。10.1.3 保存和调用表达式保存和调用表达式 在在After EffectsAfter Effects中，可以将含有表达式的动画保存为中，可以将含有表达式的动画保存为Animation Animation PresetsPresets（动画预设），在其他工程文件中就可以直接调用这些动画预（动画预设），在其他工程文件

5、中就可以直接调用这些动画预设。如果在保存的动画预设中，动画属性仅包含有表达式而没有任何设。如果在保存的动画预设中，动画属性仅包含有表达式而没有任何关键帧，那么动画预设只保存表达式的信息；如果动画属性中包含有关键帧，那么动画预设只保存表达式的信息；如果动画属性中包含有一个或多个关键帧，那么动画预设将同时保存关键帧和表达式的信息。一个或多个关键帧，那么动画预设将同时保存关键帧和表达式的信息。 在同一个合成项目中，可以复制动画属性的关键帧和表达式，然在同一个合成项目中，可以复制动画属性的关键帧和表达式，然后将其粘贴到其他的动画属性中，当然也可以只复制属性中的表达式。后将其粘贴到其他的动画属性中，当然

6、也可以只复制属性中的表达式。 复制表达式和关键帧：如果要将一个动画属性中的表达式连同关复制表达式和关键帧：如果要将一个动画属性中的表达式连同关键帧一起复制到其他的一个或多个动画属性中，这时可以在键帧一起复制到其他的一个或多个动画属性中，这时可以在“时间线时间线”窗口中选择源动画属性并进行复制，然后将其粘贴到其他的动画属性窗口中选择源动画属性并进行复制，然后将其粘贴到其他的动画属性中。中。 只复制表达式：如果只想将一个动画属性中的表达式（不包括关只复制表达式：如果只想将一个动画属性中的表达式（不包括关键帧）复制到其他的一个或多个动画属性中，这时可以在键帧）复制到其他的一个或多个动画属性中，这时可

7、以在“时间线时间线”窗口中选择源动画属性，然后执行窗口中选择源动画属性，然后执行EditEdit（编辑）（编辑）/Copy Expression /Copy Expression OnlyOnly（只复制表达式）菜单命令，接着将其粘贴到选择的目标动画属（只复制表达式）菜单命令，接着将其粘贴到选择的目标动画属性中即可。性中即可。10.1.4 Expression Controls10.1.4 Expression Controls（表达式控制）滤镜（表达式控制）滤镜 如果在一个图层中应用了如果在一个图层中应用了Expression ControlsExpression Controls（表达式控

8、制）（表达式控制）滤镜包中的滤镜，那么可以在其他的动画属性中调用该滤镜的滑块滤镜包中的滤镜，那么可以在其他的动画属性中调用该滤镜的滑块数值，这样就可以使用一个简单的控制滤镜来一次性影响其他的多数值，这样就可以使用一个简单的控制滤镜来一次性影响其他的多个动画属性。个动画属性。 Expression Controls Expression Controls（表达式控制）滤镜包中的滤镜可以应（表达式控制）滤镜包中的滤镜可以应用到任何图层中，但是最好应用到一个空物体图层中，因为这样可用到任何图层中，但是最好应用到一个空物体图层中，因为这样可以将空物体图层作为一个简单的控制层，然后为其他图层的动画属以将

9、空物体图层作为一个简单的控制层，然后为其他图层的动画属性制作表达式，并将空物体图层中的控制数值作为其他图层的动画性制作表达式，并将空物体图层中的控制数值作为其他图层的动画属性的表达式参考。例如为一个属性的表达式参考。例如为一个Null 1Null 1空物体图层添加一个空物体图层添加一个Slider Slider ControlControl（滑块控制）滤镜，然后为其他多个图层的（滑块控制）滤镜，然后为其他多个图层的PositionPosition（位（位置）动画属性应用如下所示的表达式。这样在拖曳滑块时，每个使置）动画属性应用如下所示的表达式。这样在拖曳滑块时，每个使用了以下表达式的图层都会发

10、生位移现象，同时也可以为空物体图用了以下表达式的图层都会发生位移现象，同时也可以为空物体图层制作滑块关键帧动画，并且使用了表达式的图层也会根据这些关层制作滑块关键帧动画，并且使用了表达式的图层也会根据这些关键帧产生相应的运动效果。键帧产生相应的运动效果。position+0,10position+0,10* *(index-1)(index-1)* *thisComp.layer(NullthisComp.layer(Null 1).effect(Slider 1).effect(Slider Control)(SliderControl)(Slider)10.2 表达式语法表达式语法 访问对

11、象的属性和方法 课堂案例时间之影本节内容本节内容向量与索引 表达式语言 数组与维数 表达式时间 课堂案例温度指示器课堂案例光线条纹特效课堂练习花瓣背景特效10.2.1 表达式语言表达式语言 After Effects After Effects表达式语言是基于表达式语言是基于JavaScript 1.2JavaScript 1.2语言。语言。After EffectsAfter Effects使用的是使用的是JavaScript 1.2JavaScript 1.2语言的标准内核语言，语言的标准内核语言，并且在其中内嵌诸如并且在其中内嵌诸如LayerLayer（图层）、（图层）、CompComp

12、（合成）、（合成）、FootageFootage（素材）和（素材）和CameraCamera（摄影机）之类的扩展对象，这样表达式就（摄影机）之类的扩展对象，这样表达式就可以访问到可以访问到After EffectsAfter Effects项目中的绝大多数属性值。项目中的绝大多数属性值。 在输入表达式时需要注意以下在输入表达式时需要注意以下3 3点。点。 第第1 1点：在编写表达式时，一定要注意大小写，因为点：在编写表达式时，一定要注意大小写，因为JavaScriptJavaScript程序语言要区分大小写。程序语言要区分大小写。 第第2 2点：点：After EffectsAfter Eff

13、ects表达式需要使用分号作为一条语句表达式需要使用分号作为一条语句的分行。的分行。 第第3 3点：单词间多余的空格将被忽略（字符串中的空格除点：单词间多余的空格将被忽略（字符串中的空格除外）。外）。 在在After EffectsAfter Effects中，如果图层属性中带有中，如果图层属性中带有argumentsarguments（陈（陈述）参数，则应该称该属性为述）参数，则应该称该属性为methodmethod（方法）；如果图层属性（方法）；如果图层属性没有带没有带argumentsarguments（陈述）参数，则应该称该属性为（陈述）参数，则应该称该属性为attributeattr

14、ibute（属性）。（属性）。10.2.2 访问对象的属性和方法访问对象的属性和方法 使用表达式可以获取图层属性中的使用表达式可以获取图层属性中的attributesattributes（属性）和（属性）和methodsmethods（方法）。（方法）。After EffectsAfter Effects表达式语法规定全局对象与次表达式语法规定全局对象与次级对象之间必须以点号来进行分割，以说明物体之间的层级关系，级对象之间必须以点号来进行分割，以说明物体之间的层级关系，同样目标与属性和方法之间也是使用点号来进行分割的。同样目标与属性和方法之间也是使用点号来进行分割的。10.2.3 数组与维数数

15、组与维数 数组是一种按顺序存储一系列参数的特殊对象，它使用数组是一种按顺序存储一系列参数的特殊对象，它使用, ,（逗号）（逗号）来分隔多个参数列表，并且使用来分隔多个参数列表，并且使用（中括号）将参数列表首尾包（中括号）将参数列表首尾包括起来，如下所示。括起来，如下所示。10, 2310, 23在实际工作中，为了方便也可以为数组赋予一个变量，以便于以在实际工作中，为了方便也可以为数组赋予一个变量，以便于以后调用，如下所示。后调用，如下所示。myArraymyArray = 10, 23 = 10, 2310.2.4 向量与索引向量与索引 向量是带有方向性的一个变量或是描述空间中的点的变量。在向

16、量是带有方向性的一个变量或是描述空间中的点的变量。在After EffectsAfter Effects中，很多属性和方法都是向量数据，例如最常用的中，很多属性和方法都是向量数据，例如最常用的PositionPosition（位置）属性值就是（位置）属性值就是一个向量。一个向量。 当然并不是拥有两个以上值的数组就一定是向量，例如当然并不是拥有两个以上值的数组就一定是向量，例如audioLevelsaudioLevels虽然也是虽然也是一个二维数组，返回两个数值（左声道和右声道强度值），但是它并不能称为向一个二维数组，返回两个数值（左声道和右声道强度值），但是它并不能称为向量，因为这两个值并不带

17、有任何运动方向性，也不代表某个空间的位置。量，因为这两个值并不带有任何运动方向性，也不代表某个空间的位置。 在在After EffectsAfter Effects中，有很多的方法都与向量有关，他们被归纳到中，有很多的方法都与向量有关，他们被归纳到Vector Vector MathMath（向量数学）表达式语言菜单中。例如（向量数学）表达式语言菜单中。例如lookAt(fromPoint,atPointlookAt(fromPoint,atPoint) )，其中，其中fromPointfromPoint和和atPointatPoint就是两个向量。通过就是两个向量。通过lookAt(from

18、Point,atPointlookAt(fromPoint,atPoint) )方法，可以方法，可以轻松地实现让摄影机或灯光盯紧某个图层的动画。轻松地实现让摄影机或灯光盯紧某个图层的动画。 在在After EffectsAfter Effects中，图层、滤镜和遮罩对象的索引与数组值的索引不同的，中，图层、滤镜和遮罩对象的索引与数组值的索引不同的，他们都是从数字他们都是从数字1 1开始，例如开始，例如“时间线时间线”窗口中的第窗口中的第1 1个图层使用个图层使用layer(1)layer(1)来引用，来引用，而数组值的索引是从数字而数组值的索引是从数字0 0开始。开始。 在通常情况下，建议用户

19、在书写表达式时最好使用图层名称、滤镜名称和遮在通常情况下，建议用户在书写表达式时最好使用图层名称、滤镜名称和遮罩名称来进行引用，这样比使用数字序号来引用要方便很多，并且可以避免混乱罩名称来进行引用，这样比使用数字序号来引用要方便很多，并且可以避免混乱和错误。因为一旦图层、滤镜或遮罩被移动了位置，表达式原来使用的数字序号和错误。因为一旦图层、滤镜或遮罩被移动了位置，表达式原来使用的数字序号就会发生改变，此时就会导致表达式的引用发生错误，如下表达式所示。就会发生改变，此时就会导致表达式的引用发生错误，如下表达式所示。Effect(Colorama).param(GetEffect(Colorama

20、).param(Get Phase From) / Phase From) /例句例句1 1Effect(1).param(2) /Effect(1).param(2) /例句例句2 210.2.5 表达式时间表达式时间 表达式中使用的时间指的是合成的时间，而不是指图层时间，其单位是以秒来衡表达式中使用的时间指的是合成的时间，而不是指图层时间，其单位是以秒来衡量的。默认的表达式时间是当前合成的时间，它是一种绝对时间，如下所示的两量的。默认的表达式时间是当前合成的时间，它是一种绝对时间，如下所示的两个合成都是使用默认的合成时间并返回一样的时间值。个合成都是使用默认的合成时间并返回一样的时间值。t

21、hisComp.layer(1).positionthisComp.layer(1).positionthisComp.layer(1).position.valueAtTime(time)thisComp.layer(1).position.valueAtTime(time)如果要使用相对时间，只需要在当前的时间参数上增加一个时间增量。例如要使如果要使用相对时间，只需要在当前的时间参数上增加一个时间增量。例如要使时间比当前时间提前时间比当前时间提前5 5秒，可以使用如下表达式来表达。秒，可以使用如下表达式来表达。thisComp.layer(1).position.valueAtTime(t

22、ime-5)thisComp.layer(1).position.valueAtTime(time-5)合成中的时间在经过嵌套后，表达式中默认的还是使用之前的合成时间值，而不合成中的时间在经过嵌套后，表达式中默认的还是使用之前的合成时间值，而不是被嵌套后的合成时间。注意，当在新的合成中将被嵌套合成图层作为源图层时，是被嵌套后的合成时间。注意，当在新的合成中将被嵌套合成图层作为源图层时，获得的时间值为当前合成的时间。例如，如果源图层是一个被嵌套的合成，并且获得的时间值为当前合成的时间。例如，如果源图层是一个被嵌套的合成，并且在当前合成中这个源图层已经被剪辑过，用户可以使用表达式来获取被嵌套合成在

23、当前合成中这个源图层已经被剪辑过，用户可以使用表达式来获取被嵌套合成的的PositionPosition（位置）的时间值，其时间值为被嵌套合成的默认时间值，如下表达（位置）的时间值，其时间值为被嵌套合成的默认时间值，如下表达式所示。式所示。Comp(nestedComp(nested composition).layer(1).position composition).layer(1).position如果直接将源图层作为获取时间的依据，则最终获取的时间为当前合成的时间，如果直接将源图层作为获取时间的依据，则最终获取的时间为当前合成的时间，如下表达式所示。如下表达式所示。thisComp.l

24、ayer(nestedthisComp.layer(nested composition).source.layer(1).position composition).source.layer(1).position课堂案例课堂案例时间之影时间之影 学习如何使用表达式制作钟表动画。学习如何使用表达式制作钟表动画。课堂案例课堂案例温度指示器温度指示器 学习如何使用学习如何使用GridGrid（栅格）滤镜制作温度计以及使用条件控制（栅格）滤镜制作温度计以及使用条件控制语句制作温度计动画。语句制作温度计动画。 课堂案例课堂案例光线条纹特效光线条纹特效 学习如何使用表达式制作光线摆动动画。学习如何使用

25、表达式制作光线摆动动画。课堂练习课堂练习花瓣背景特效花瓣背景特效 学习使用表达式制作学习使用表达式制作EvolutionEvolution（演变）动画。（演变）动画。10.3 表达式库表达式库 Vector Math（向量数学） JavaScript Math（脚本方法） 本节内容本节内容Interpolation（插值） Global（全局） Random Numbers（随机数） Other Math（其他数学） Footage（素材） Layer Sub-object（图层子对象） Layer General（普通图层） Color Conversion（颜色转换） Comp（合成） 1

26、0.3 表达式库表达式库Layer 3D（3D图层） Mask（遮罩） 本节内容本节内容Camera（摄影机） Layer Property（图层特征） Layer Space TransformsLayer Space Transforms（图层空间变换） Effect（滤镜） Key（关键帧） 课堂案例噪波特效课堂案例动感旋动Light（灯光） Property（特征） 10.3.1 Global（全局）（全局） Global Global（全局）表达式用于指定表达式的全局设置。（全局）表达式用于指定表达式的全局设置。10.3.2 Vector Math（向量数学）（向量数学） Vecto

27、r Math Vector Math（向量数学）表达式包含一些矢量运算的数学函（向量数学）表达式包含一些矢量运算的数学函数。数。10.3.3 Random Numbers（随机数）（随机数） Random Numbers Random Numbers（随机数）函数表达式主要用于生成随机数值。（随机数）函数表达式主要用于生成随机数值。10.3.4 Interpolation（插值）（插值） 展开展开InterpolationInterpolation（插值）表达式的子菜单。（插值）表达式的子菜单。10.3.5 Color Conversion（颜色转换）（颜色转换） 展开展开Color Conv

28、ersionColor Conversion（颜色转换）表达式的子菜单。（颜色转换）表达式的子菜单。10.3.6 10.3.6 展开展开Other MathOther Math（其他数学）表达式的子菜单（其他数学）表达式的子菜单 展开展开Other MathOther Math（其他数学）表达式的子菜单。（其他数学）表达式的子菜单。10.3.7 JavaScript Math（脚本方法）（脚本方法） 展开展开JavaScript MathJavaScript Math（脚本方法）表达式的子菜单。（脚本方法）表达式的子菜单。10.3.8 Comp（合成）（合成） 展开展开CompComp（合成）

29、表达式的子菜单。（合成）表达式的子菜单。10.3.9 Footage（素材）（素材） 展开展开FootageFootage（素材）表达式的子菜单。（素材）表达式的子菜单。10.3.10 Layer Sub-object（图层子对象）（图层子对象） 展开展开Layer Sub-objectLayer Sub-object（图层子对象）表达式的子菜单。（图层子对象）表达式的子菜单。10.3.11 Layer General（普通图层）（普通图层） 展开展开Layer GeneralLayer General（普通图层）表达式的子菜单。（普通图层）表达式的子菜单。10.3.12 Layer Prop

30、erty（图层特征）（图层特征） 展开展开Layer PropertyLayer Property（图层特征）表达式的子菜单。（图层特征）表达式的子菜单。10.3.13 Layer 3D（3D图层）图层） 展开展开Layer 3DLayer 3D（3D3D图层）表达式的子菜单。图层）表达式的子菜单。10.3.14 Layer Space Transforms10.3.14 Layer Space Transforms（图层空间变换）（图层空间变换） 展开展开Layer Space TransformsLayer Space Transforms（图层空间变换）表达式的子菜（图层空间变换）表达式的子菜单。单。10.3.15 Camera（摄影机）（摄影机） 展开展开CameraCamera（摄影机）表达式的子菜单。（摄影机）表达式的子菜单。10.3.16 Light（灯光）（灯光） 展开展开Lig