第10章 Adobe After Effects 的表达式文档格式.docx

第10章 Adobe After Effects 的表达式文档格式.docx

《第10章 Adobe After Effects 的表达式文档格式.docx》由会员分享，可在线阅读，更多相关《第10章 Adobe After Effects 的表达式文档格式.docx（45页珍藏版）》请在冰豆网上搜索。

（3）在Timeline窗口中选择“Circle1”层，在工具栏中选择

椭圆遮罩工具，为当前的固态层制作圆形遮罩，如图10-3所示。

4.图10-3绘制Mask

（4）选择“Circle1”层，按“P”键展开“Position”属性，在按住Alt键的同时单击Position属性名前面的码表图标

，为Position制作表达式动画。

在Position的表达式输入框中输入以下内容：

[512,Math.sin（time）*-180+288]

（5）表达式中使用一个中括号表示一个Position数组，其中position[0]为512，也就是Position的横坐标保持为512；

position[1]为Math.sin（time）*-180+228，Math.sin（time）为数学中的正弦函数，它的最大值是1，最小值是-1，Math.sin（time）*-180+288表示横坐标的变化范围为108~468，这样就为圆形的固态层做好了一个在Y轴上做上下正弦运动的动画，如图10-4所示。

5.图10-4添加表达式

提示：

AfterEffects表达式语言是基于JavaScript1.2语言，使用它的标准内核语言，并且在其中内嵌诸如Layer（图层）、Comp（合成）、Footage（素材）、Camera（摄像机）……之类的扩展对象，这样AfterEffects表达式就可以访问到AfterEffects项目中的绝大多数的属性值了。

使用AfterEffects表达式需要注意以下几个问题：

1.JavaScript程序语言区分大小写。

2.AfterEffects表达式使用分号作为一条语句的分行。

3.单词间多余的空格被忽略（字符串中的空格除外）。

（6）在Timeline窗口中选择“Circle1”图层，按“Ctrl+D”组合键，将“Circle1”图层复制一份，图层自动命名为“Circle2”。

选择Circle2图层，按U键显示其表达式输入框，将其表达式改为：

[512,Math.sin（time）*180+288]

（7）这样“Circle2”图层就产生和“Circle1”图层方向相反的正弦运动，如图10-5所示。

6.图10-5复制层

选择需要添加表达式的属性后可以使用快捷键“Alt+Shift+=”键来添加表达式，也可以使用Animation（动画）>

AddExpression（添加表达式）菜单命令为属性添加表达式。

（8）按组合键Ctrl+Y，再次新建一个固态层，将其命名为“Beam”，如图10-6所示。

7.图10-6固态层设置

（9）选择“Beam”层，单击Effect（滤镜）>

Generate（生成）>

Beam菜单命令，为图层添加Beam滤镜，Beam滤镜的设置如图10-7所示。

8.图10-7参数设置

（10）为Beam滤镜的StartingPoint制作表达式动画，使用表达式关联器将其关联至Circle1图层的Position属性上；

EndingPoint制作表达式动画，使用表达式关联器将其关联至Circle2图层的Position属性上，如图10-8所示。

9.图10-8表达式关联器

（11）这时候就做好了两个小球弹力拉伸的动画，如图10-9所示。

10.图10-9动画预览

（12）执行Composition（合成）>

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为15秒，将CompositionName（合成名字）命名为“小球2”，如图10-10所示。

11.图10-10合成设置

（13）使用相同的方法再做一个如图10-11所示的表达式动画。

也可以直接复制前面做好的“小球1”合成，然后修改遮罩形状即可。

12.图10-11制作表达式动画

（14）执行Composition（合成）>

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为15秒，将CompositionName（合成名字）命名为“小球组合”，如图10-12所示。

13.图10-12合成设置

（15）在项目面板中选择“小球1”、“小球2”合成拖入“小球组合”合成中，如图10-13所示。

14.图10-13将“小球1”、“小球2”合成拖入“小球组合”合成中

（16）在Timeline窗口中选择“小球1”、“小球2”层，连续按快捷键“Ctrl+D”3次，将图“小球1”、“小球2”层分别复制3层，如图10-14所示。

15.图10-14复制图层

（17）在“小球组合”合成中，选择所有图层，按“R”键展开图层的Rotation属性，然后分别将它们的Rotation值调整为-45.0°

、90.0°

、45.0°

、0.0°

、22.5°

、-22.5°

、67.5°

和-67.5°

，如图10-15所示。

效果如图10-16所示。

16.图10-15设置图层的Rotation属性值

17.图10-16效果预览

（18）执行Composition（合成）>

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为15秒，将CompositionName（合成名字）命名为“万花筒”，如图10-17所示。

18.图10-17效果预览

（19）在项目面板中选择“小球组合”合成拖入“万花筒”合成中，选择“小球组合”层，按快捷键“Ctrl+D”，将“小球组合”层复制一层，并设置第二个图层的Scale值为180.0%，Opacity值为30%，如图10-18所示。

19.图10-18参数设置

（20）选择第一个图层，按R键在Timeline窗口中展开Rotation属性，在按住Alt键的同时单击Rotation属性名前面的码表图标

，为其Rotation属性设置表达式动画，在表达式输入框中输入以下内容：

Math.sin（time）*360

这句表达式的意思是让图层在-360°

~360°

之间进行反复旋转，Math.sin（time）表示的是-1~1的取值范围，如图10-19所示。

20.图10-19添加表达式

（21）同样地为第二个图层设置Rotation表达式动画，不过在其表达式输入框中输入：

Math.sin（time）*-360

让第二个图层的旋转方向与第一个图层的旋转方向相反，如图10-20所示。

21.图10-20添加表达式

（22）按组合键Ctrl+Y新建一个固态层，将其命名为“Grid”，并放置于“万花筒”合成底层，如图10-21所示。

22.图10-21添加表达式

（23）选择“Grid”层，执行Effect（滤镜）>

Grid（网格）菜单命令，为该图层添加Grid滤镜，设置SizeFrom为CornerPoint，设置Border值为1.0，Color为1.0，如图10-22所示。

23.图10-22参数设置

（24）为Grid滤镜的Corner属性制作表达式动画，在表达式输入框中输入如下内容：

[Math.sin（time）*90+160,Math.sin（time）*90+120]

这样网格的间距也做有节奏的缩放变化，如图10-23所示。

24.图10-23添加表达式

（25）执行Layer（层）>

New（新建）>

AdjustmentLayer（调节层）菜单命令，为图层添加一个调节层，如图10-24所示。

25.图10-24调节层设置

（26）选择调节层，执行Effect（滤镜）>

ColorCorrection（颜色控制）>

Hue/Saturation（色相/饱和度）菜单命令，为调节层添加一个Hue/Saturation（色相/饱和度）滤镜，参数设置如图10-25所示。

26.图10-25Hue/Saturation参数设置

（27）为Hue/Saturation滤镜的ColorizeHue属性制作表达式动画，在表达式输入框中输入表达式：

这样就为Hue/Saturation滤镜的色调设置了一个循环动画，动画效果截图如图10-26所示。

27.图10-26预览效果

（28）执行Composition（合成）>

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为15秒，将CompositionName（合成名字）命名为“完成”，如图10-27所示。

28.图10-27合成设置

（29）在项目面板中，将“万花筒”合成该拖入“完成”合成中，如图10-28所示。

29.图10-28将“万花筒”合成拖入“完成”合成中

（30）在“完成”合成中，执行Layer（层）>

Solid（固态层）菜单命令，新建固态层，命名为“BG”，如图10-29所示。

30.图10-29固态层设置

（31）选择“BG”层，执行Effect（滤镜）>

Ramp（渐变）菜单命令，为“BG”层添加Ramp特效，参数设置如图10-30所示。

31.图10-30参数设置

（32）为Ramp特效的StartColor属性与EndColor属性添加表达式：

如图10-31所示。

wiggle（0.1,2）和wiggle（0.1,5）

32.图10-31添加表达式

本教程制作完毕，最终效果如图10-32所示。

33.图10-31预览效果

◆案例小结

表达式的使用可以减少很多繁琐的动画制作过程，本案例使用表达式Math.sin（value）与Wiggle制作物体运动动画及颜色变化动画等。

10.1.2课堂练习——钟表指针旋转一

34.

◆练习知识要点

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为10秒，将CompositionName（合成名字）命名为“时钟刻度”，如图10-32所示。

35.图10-31合成设置

（2）执行Layer（层）>

Solid（固态层）菜单命令，新建固态层，命名为“刻度1”，Width设置为15，Height设置为45，颜色设置为褐色（R:

61，G:

26，B:

9），如图10-32所示。

36.图10-31固态层设置

（3）选择“刻度1”层，按快捷键A展开图层的AnchorPoint（中心点）属性并设置为（7.5，150），如图10-32所示。

37.图10-32设置AnchorPoint（中心点）属性参数

（4）选择“刻度1”层，执行Layer（层）>

LayerStyles（层样式）>

Stroke（描边）菜单命令，给图层添加描边样式，并把Color设置为白色，Size设置为3，如图10-33所示。

38.图10-33参数设置

（5）选择“刻度1”层，按组合键Ctrl+D键复制一层，选择复制出来的图层，按R键展开Rotation属性，按住Alt键的同时鼠标单击Rotation属性左边的码表

，为Rotation属性添加表达式：

this_comp.layer（this_layer,-1）.rotation+30

如图10-34所示。

39.图10-34添加表达式

（6）选择被添加表达式的图层，按组合键Ctrl+D复制出10层，如图10-35所示。

由于添加了表达式，所以复制出来的图层被自动旋转排列。

40.图10-34复制图层

（7）执行Composition（合成）>

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为10秒，将CompositionName（合成名字）命名为“时钟动画”，如图10-35所示。

41.图10-35合成设置

（8）在“时钟动画”合成中新建一固态层命名为“BG”，并为“BG”层添加Effect（滤镜）>

Ramp（渐变）特效，参数设置如图10-36所示。

42.图10-36参数设置

（9）在项目面板中，选择“时钟刻度”合成，并拖入“时钟动画”合成中，并为“时钟刻度”层添加Effect（滤镜）>

Perspective（透视）>

DropShadow（阴影）特效和Effect（滤镜）>

BevelAlpha（Alpha倒角）特效，参数设置如图10-37所示。

43.图10-37参数设置

（10）使用工具栏中的

“钢笔工具”，在合成窗口中华一条线，同时系统会新增一个形状图层命名为“时针”，颜色设置为红色，宽度设置为21px，如图10-38所示。

44.图10-38新建形状层

（11）选择“时针”层，按快捷键R展开Rotation属性，为Rotation属性制作关键帧动画，在0秒处设置值为0°

，在10秒处设置值为243°

，如图10-39所示。

45.图10-39关键帧设置

（12）选择“时针”层，添加Effect（滤镜）>

DropShadow（阴影）特效，参数设置如图10-40所示。

46.图10-40参数设置

（13）用相同的方法再制作出一个“分针”层，颜色设置为紫色，宽度设置为10px，如图10-41所示。

47.图10-41制作“分针”层

（14）选择“分针”层，按“R”键展开Rotation属性，按住Alt键不放单击Rotation属性左边的码表

为Rotation属性添加表达式：

thisComp.layer（"

时针"

）.rotation*12

如图10-42所示。

48.图10-42添加表达式

（15）设置完成后，按小键盘上的数字键0键预览动画，会发现分针转一圈后时针转一格，如果想要使分针转速慢一点，可以把时针层的Rotation属性的关键帧动画速度调节慢一点即可。

最终效果如图10-43所示。

49.图10-42预览效果

10.1.3课后习题——钟表指针旋转二

50.

◆习题知识要点

课堂练习的钟表动画是通过表达式“thisComp.layer（"

）.rotation*12”来制作完成，而课后习题需要举一反三，使用表达式

分针"

）.rotation/12

来制作完成。

1.新建合成后，创建固态层制作背景，使用Circle特效制作制作圆形钟表。

2.导入素材制作时针与分针并添加表达式。

3.打开3D层开关后，添加灯光层与摄像机层调整参数使得钟表有空间感。

4.最后调节调节层，使用Hue/Saturation特效调整画面颜色最终完成动画制作。

10.2表达式二

使用表达式可以为不同的图层属性创建某种相关性，用户可以不需要了解任何的程序语言，AfterEffects可以自动生成表达式语言。

10.2.1课堂案例——百分比

51.

同过添加表达式来制作完成百分比动画。

这个例子主要是运用Effect（滤镜）>

ExpressionControls（表达式控制）>

SliderControl（滑块控制）特效与表达式结合完成动画制作。

建立固态层，使用Circle（圆）特效制作基础部件，利用RadialWipe特效并添加表达式制作动画效果。

NewCompositionSettings（新建合成）菜单命令，将Preset（预置）设置为PALD1/DVWidescreenSquarePixel，Duration（时长）设置为4秒，将CompositionName（合成名字）命名为“百分比”，如图10-43所示。

52.图10-43合成设置

Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“BG”，单击一下

按钮使固态层尺寸与合成同大，单击OK，如图10-44所示。

53.图10-44固态层设置

（3）选择“BG”层，执行Effect（滤镜）>

Ramp（渐变）菜单命令，StartofRamp（渐变开始位置）设置为（512，-133），StartColor（开始颜色）属性设置为灰色（R:

37，G:

37，B:

37），EndofRamp（渐变结束位置）设置为（512，431），EndColor（结束颜色）设置为深蓝色（R:

0，G:

15，B:

18），如图10-45所示。

54.图10-45参数设置

（4）执行Layer（层）>

Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“PieBG”，单击一下

按钮使固态层尺寸与合成同大，单击OK，如图10-46所示。

55.图10-46固态层设置

（5）选择“PieBG”层，打开3D开关，执行Effect（滤镜）>

Generate（生成）>

Circle（圆）菜单命令，Center（中心）属性设置为（512，288），Radius（半径）属性设置为200，Color（颜色）设置为红色，如图10-47所示。

56.图10-46Circle特效参数设置

（6）执行Layer（层）>

Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“PieSlice1”，单击一下

按钮使固态层尺寸与合成同大，单击OK，如图10-47所示。

57.图10-47固态层设置

（7）选择“PieSlice1”层，打开3D开关，执行Effect（滤镜）>

Circle（圆）菜单命令，Center（中心）属性设置为（512，288），Radius（半径）属性设置为200，Color（颜色）设置为黄色，如图10-48所示。

58.图10-48Circle特效参数设置

（8）选择“PieSlice1”层，执行Effect（滤镜）>

Transition（转换）>

RadialWipe菜单命令，Wipe属性设置为Counterclockwise（逆时针）模式，如图10-49所示。

59.图10-49RadialWipe特效参数设置

（9）执行Layer（层）>

NullObject（空白物体）菜单命令，新建空白层，如图10-50所示。

60.图10-50新建空白层

（10）选择“Null1”层，执行Effect（滤镜）>

SliderControl（滑块控制）菜单命令，如图10-51所示。

61.图10-51添加SliderControl特效

（11）选择SliderControl（滑块控制）特效名称，按键盘上的“Enter”键，修改特效名称为“PieValue1”，并按快捷键“Ctrl+D”复制特效命名为“PieValue2”，如图10-52所示。

62.图10-52修改SliderControl特效的名称并复制特效

（12）给“PieValue1”、“PieValue2”特效的Slider属性添加关键帧动画，在0秒处设置“PieValue1”的Slider属性值为0；

在1秒处设置“PieValue1”的Slider属性值为23；

在1秒01帧处设置“PieValue2”的Slider属性值为0；

在2秒处设置“PieValue2”的Slider属性值为40，如图10-53所示。

63.图10-53关键帧设置

（13）选择“PieSlice1”层，展开RadialWipe特效的TransitionCompletion属性，按住Alt键用鼠标单击TransitionCompletion属性左边的码表

，给TransitionCompletion属性添加表达式：

n=

保持鼠标指针在“n=”等号后边的位置，然后用鼠标按住

Expression