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

1、（3）在Timeline窗口中选择“Circle 1”层，在工具栏中选择椭圆遮罩工具，为当前的固态层制作圆形遮罩，如图10-3所示。4. 图10-3 绘制Mask（4）选择“Circle 1”层，按“P”键展开“Position”属性，在按住Alt键的同时单击Position属性名前面的码表图标，为Position制作表达式动画。在Position的表达式输入框中输入以下内容：512,Math.sin（time）*-180+288（5）表达式中使用一个中括号表示一个Position数组，其中position0为512，也就是Position的横坐标保持为512；position1为Math.s

2、in（time）*-180+228，Math.sin（time）为数学中的正弦函数，它的最大值是1，最小值是-1，Math.sin（time）*-180+288表示横坐标的变化范围为108468，这样就为圆形的固态层做好了一个在Y轴上做上下正弦运动的动画，如图10-4所示。5. 图10-4 添加表达式提示：After Effects表达式语言是基于JavaScript 1.2语言，使用它的标准内核语言，并且在其中内嵌诸如Layer（图层）、Comp（合成）、Footage（素材）、Camera（摄像机）之类的扩展对象，这样After Effects表达式就可以访问到After Effects项

3、目中的绝大多数的属性值了。使用After Effects表达式需要注意以下几个问题：1. JavaScript程序语言区分大小写。2. After Effects表达式使用分号作为一条语句的分行。3. 单词间多余的空格被忽略（字符串中的空格除外）。（6）在Timeline窗口中选择“Circle 1”图层，按“Ctrl + D”组合键，将“Circle 1”图层复制一份，图层自动命名为“Circle 2”。选择Circle 2图层，按U键显示其表达式输入框，将其表达式改为：512,Math.sin（time）*180+288（7）这样“Circle 2”图层就产生和“Circle 1”图层方向

4、相反的正弦运动，如图10-5所示。6. 图10-5 复制层选择需要添加表达式的属性后可以使用快捷键“Alt + Shift + =”键来添加表达式，也可以使用Animation（动画）Add Expression（添加表达式）菜单命令为属性添加表达式。（8）按组合键Ctrl + Y，再次新建一个固态层，将其命名为“Beam”，如图10-6所示。7. 图10-6 固态层设置（9）选择“Beam”层，单击Effect（滤镜）Generate（生成）Beam菜单命令，为图层添加Beam滤镜，Beam滤镜的设置如图10-7所示。8. 图10-7 参数设置（10）为Beam滤镜的Starting Poi

5、nt制作表达式动画，使用表达式关联器将其关联至Circle 1图层的Position属性上；Ending Point制作表达式动画，使用表达式关联器将其关联至Circle 2图层的Position属性上，如图10-8所示。9. 图10-8 表达式关联器（11）这时候就做好了两个小球弹力拉伸的动画，如图10-9所示。10. 图10-9 动画预览（12）执行Composition（合成）New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为15秒，将Comp

6、osition Name（合成名字）命名为“小球2”，如图10-10所示。11. 图10-10 合成设置（13）使用相同的方法再做一个如图10-11所示的表达式动画。也可以直接复制前面做好的“小球1”合成，然后修改遮罩形状即可。12. 图10-11 制作表达式动画（14）执行Composition（合成）New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为15秒，将Composition Name（合成名字）命名为“小球组合”，如图10-12所示。13

7、. 图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，如图1

8、0-15所示。效果如图10-16所示。16. 图10-15 设置图层的Rotation属性值17. 图10-16 效果预览（18）执行Composition（合成）New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为15秒，将Composition Name（合成名字）命名为“万花筒”，如图10-17所示。18. 图10-17 效果预览（19）在项目面板中选择“小球组合”合成拖入“万花筒”合成中，选择“小球组合”层，按快捷键“Ctrl + D”，将“小

9、球组合”层复制一层，并设置第二个图层的Scale值为180.0%，Opacity值为30%，如图10-18所示。19. 图10-18 参数设置（20）选择第一个图层，按R键在Timeline窗口中展开Rotation属性，在按住Alt键的同时单击Rotation属性名前面的码表图标，为其Rotation属性设置表达式动画，在表达式输入框中输入以下内容：Math.sin（time）*360这句表达式的意思是让图层在-360360之间进行反复旋转，Math.sin（time）表示的是-11的取值范围，如图10-19所示。20. 图10-19 添加表达式（21）同样地为第二个图层设置Rotation

10、表达式动画，不过在其表达式输入框中输入：Math.sin（time）*-360让第二个图层的旋转方向与第一个图层的旋转方向相反，如图10-20所示。21. 图10-20 添加表达式（22）按组合键Ctrl + Y新建一个固态层，将其命名为“Grid”，并放置于“万花筒”合成底层，如图10-21所示。22. 图10-21 添加表达式（23）选择“Grid”层，执行Effect（滤镜）Grid（网格）菜单命令，为该图层添加Grid滤镜，设置Size From为Corner Point，设置Border值为1.0，Color为1.0，如图10-22所示。23. 图10-22 参数设置（24）为Gri

11、d滤镜的Corner属性制作表达式动画，在表达式输入框中输入如下内容：Math.sin（time）*90+160,Math.sin（time）*90+120这样网格的间距也做有节奏的缩放变化，如图10-23所示。24. 图10-23 添加表达式（25）执行Layer（层）New（新建）Adjustment Layer（调节层）菜单命令，为图层添加一个调节层，如图10-24所示。25. 图10-24 调节层设置（26）选择调节层，执行Effect（滤镜）Color Correction（颜色控制）Hue/Saturation（色相/饱和度）菜单命令，为调节层添加一个Hue/Saturation（

12、色相/饱和度）滤镜，参数设置如图10-25所示。26. 图10-25 Hue/Saturation参数设置（27）为Hue/Saturation滤镜的Colorize Hue属性制作表达式动画，在表达式输入框中输入表达式：这样就为Hue/Saturation滤镜的色调设置了一个循环动画，动画效果截图如图10-26所示。27. 图10-26 预览效果（28）执行Composition（合成）New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为15秒，将C

13、omposition Name（合成名字）命名为“完成”，如图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特效的Start C

14、olor属性与End Color属性添加表达式：如图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. 练习知识要点New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，D

15、uration（时长）设置为10秒，将Composition Name（合成名字）命名为“时钟刻度”，如图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展开图层的Anchor Point（中心点）属性并设置为（7.5，150），如图10-32所示。37. 图10-32 设置Anchor Point（中心点）属性参数（4）选择“刻度1”

16、层，执行Layer（层）Layer Styles（层样式）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复制

17、出10层，如图10-35所示。由于添加了表达式，所以复制出来的图层被自动旋转排列。40. 图10-34 复制图层（7）执行Composition（合成）New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为10秒，将Composition Name（合成名字）命名为“时钟动画”，如图10-35所示。41. 图10-35 合成设置（8）在“时钟动画”合成中新建一固态层命名为“BG”，并为“BG”层添加Effect（滤镜）Ramp（渐变）特效，参数设置如图1

18、0-36所示。42. 图10-36 参数设置（9）在项目面板中，选择“时钟刻度”合成，并拖入“时钟动画”合成中，并为“时钟刻度”层添加Effect（滤镜）Perspective（透视）Drop Shadow（阴影）特效和Effect（滤镜）Bevel Alpha（Alpha倒角）特效，参数设置如图10-37所示。43. 图10-37 参数设置（10）使用工具栏中的“钢笔工具”，在合成窗口中华一条线，同时系统会新增一个形状图层命名为“时针”，颜色设置为红色，宽度设置为21px，如图10-38所示。44. 图10-38 新建形状层（11）选择“时针”层，按快捷键R展开Rotation属性，为Rot

19、ation属性制作关键帧动画，在0秒处设置值为0，在10秒处设置值为243，如图10-39所示。45. 图10-39 关键帧设置（12）选择“时针”层，添加Effect（滤镜）Drop Shadow（阴影）特效，参数设置如图10-40所示。46. 图10-40 参数设置（13）用相同的方法再制作出一个“分针”层，颜色设置为紫色，宽度设置为10px，如图10-41所示。47. 图10-41 制作“分针”层（14）选择“分针”层，按“R”键展开Rotation属性，按住Alt键不放单击Rotation属性左边的码表为Rotation属性添加表达式：thisComp.layer（时针）.rotati

20、on*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特效制作制作圆形

21、钟表。2. 导入素材制作时针与分针并添加表达式。3. 打开3D层开关后，添加灯光层与摄像机层调整参数使得钟表有空间感。4. 最后调节调节层，使用Hue/Saturation特效调整画面颜色最终完成动画制作。10.2 表达式二使用表达式可以为不同的图层属性创建某种相关性，用户可以不需要了解任何的程序语言，After Effects可以自动生成表达式语言。10.2.1 课堂案例百分比51. 同过添加表达式来制作完成百分比动画。这个例子主要是运用Effect（滤镜）Expression Controls（表达式控制）Slider Control（滑块控制）特效与表达式结合完成动画制作。 建立固态层，

22、使用Circle（圆）特效制作基础部件，利用Radial Wipe特效并添加表达式制作动画效果。New Composition Settings（新建合成）菜单命令，将Preset（预置）设置为PAL D1/DV Widescreen Square Pixel，Duration（时长）设置为4秒，将Composition Name（合成名字）命名为“百分比”，如图10-43所示。52. 图10-43 合成设置Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“BG”，单击一下按钮使固态层尺寸与合成同大，单击OK，如图10-44所示。53. 图10-44 固态层设置（3）选择“BG”层

23、，执行Effect（滤镜）Ramp（渐变）菜单命令，Start of Ramp（渐变开始位置）设置为（512，-133），Start Color（开始颜色）属性设置为灰色（R:37，G:37，B:37），End of Ramp（渐变结束位置）设置为（512，431），End Color（结束颜色）设置为深蓝色（R:0，G:15，B:18），如图10-45所示。54. 图10-45 参数设置（4）执行Layer（层）Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“Pie BG”，单击一下按钮使固态层尺寸与合成同大，单击OK，如图10-46所示。55. 图10-46 固态层设置（5）

24、选择“Pie BG”层，打开3D开关，执行Effect（滤镜） Generate（生成）Circle（圆）菜单命令，Center（中心）属性设置为（512，288），Radius（半径）属性设置为200，Color（颜色）设置为红色，如图10-47所示。56. 图10-46 Circle特效参数设置（6）执行Layer（层）Solid（固态层）菜单命令，新建固态层制作动画背景，命名为“Pie Slice 1”，单击一下按钮使固态层尺寸与合成同大，单击OK，如图10-47所示。57. 图10-47 固态层设置（7）选择“Pie Slice 1”层，打开3D开关，执行Effect（滤镜）Circl

25、e（圆）菜单命令，Center（中心）属性设置为（512，288），Radius（半径）属性设置为200，Color（颜色）设置为黄色，如图10-48所示。58. 图10-48 Circle特效参数设置（8）选择“Pie Slice 1”层，执行Effect（滤镜）Transition（转换） Radial Wipe菜单命令，Wipe属性设置为Counterclockwise（逆时针）模式，如图10-49所示。59. 图10-49 Radial Wipe特效参数设置（9）执行Layer（层） Null Object（空白物体）菜单命令，新建空白层，如图10-50所示。60. 图10-50 新建

26、空白层（10）选择“Null 1”层，执行Effect（滤镜）Slider Control（滑块控制）菜单命令，如图10-51所示。61. 图10-51 添加Slider Control特效（11）选择Slider Control（滑块控制）特效名称，按键盘上的“Enter”键，修改特效名称为“Pie Value 1”，并按快捷键“Ctrl + D”复制特效命名为“Pie Value 2”，如图10-52所示。62. 图10-52 修改Slider Control特效的名称并复制特效（12）给“Pie Value 1”、“Pie Value 2”特效的Slider属性添加关键帧动画，在0秒处设

27、置“Pie Value 1”的Slider属性值为0；在1秒处设置“Pie Value 1”的Slider属性值为23；在1秒01帧处设置“Pie Value 2”的Slider属性值为0；在2秒处设置“Pie Value 2”的Slider属性值为40，如图10-53所示。63. 图10-53 关键帧设置（13）选择“Pie Slice 1”层，展开Radial Wipe特效的Transition Completion属性，按住Alt键用鼠标单击Transition Completion属性左边的码表，给Transition Completion属性添加表达式：n = 保持鼠标指针在“n =”等号后边的位置，然后用鼠标按住Expression