第10章 Adobe After Effects 的表达式.docx
- 文档编号:5684725
- 上传时间:2022-12-31
- 格式:DOCX
- 页数:45
- 大小:4.61MB
第10章 Adobe After Effects 的表达式.docx
《第10章 Adobe After Effects 的表达式.docx》由会员分享,可在线阅读,更多相关《第10章 Adobe After Effects 的表达式.docx(45页珍藏版)》请在冰豆网上搜索。
第10章AdobeAfterEffects的表达式
第10章表达式
Aftereffects提供基于JavaScript的优秀表达式工具和函数,使许多平时难以想象的效果的制作有了可能。
Aftereffects表达式是通往制作AE高级特效的重点和难点。
说是重点,因为通过表达式可以做出关键帧动画所达不到的效果,而这些效果,通常是AE的精华所在;说它难,因为它涉及初级的程序设计和空间代数。
Aftereffects6.0以前的版本,表达式是和MOTIONMATH这个脚本集共存的,6.5以后MOTIONMATH就完全被更灵活,使用更方便的表达式所替代了。
总而言之,学好表达式是学好AE的重中之重,希望大家能够通过下面的学习,对AE表达式有个感性的认识并制作出初步的表达式动画。
10.1表达式一
应用一段简单的脚本语言,可以对不同的图层属性设置某种关联效果,这就是表达式的魅力。
对于习惯了感性思维的视觉艺术家来说,没有什么比熟悉程序代码更让人觉得头疼的了,但是在AfterEffects中,通过表达式关联器(ExpressionPickWhip)和表达式命令菜单就可以简单快速地制创建表达式。
10.1.1课堂案例——动感旋转
1.图10-1
◆案例学习目的
在表达式中,使用一些数学算法有时候会得到一些意想不到的效果,在本例中就将介绍Math.sin(value)公式的应用。
◆案例分析
这个例子主要是用表达式Math.sin(value)公式与Wiggle(抖动)表达式来制作完成。
◆案例知识要点
使用圆形遮罩工具绘制小球与线条,利用表达式制作动画效果。
◆制作流程
(1)执行Composition(合成)>NewCompositionSettings(新建合成)菜单命令,将Preset(预置)设置为PALD1/DVWidescreenSquarePixel,Duration(时长)设置为15秒,将CompositionName(合成名字)命名为“小球1”,如图10-1所示。
2.图10-1合成设置
(2)按组合键Ctrl+Y,新建一个50×50大小的颜色固态层(注意:
不能是黑白固态层),命名为“Circle1”如图10-2所示。
3.图10-2固态层设置
(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(滤镜)>Generate(生成)>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属性制作表达式动画,在表达式输入框中输入表达式:
Math.sin(time)*360
这样就为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(层)>New(新建)>Solid(固态层)菜单命令,新建固态层,命名为“BG”,如图10-29所示。
30.图10-29固态层设置
(31)选择“BG”层,执行Effect(滤镜)>Generate(生成)>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.
◆练习知识要点
(1)执行Composition(合成)>NewCompositionSettings(新建合成)菜单命令,将Preset(预置)设置为PALD1/DVWidescreenSquarePixel,Duration(时长)设置为10秒,将CompositionName(合成名字)命名为“时钟刻度”,如图10-32所示。
35.图10-31合成设置
(2)执行Layer(层)>New(新建)>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(滤镜)>Generate(生成)>Ramp(渐变)特效,参数设置如图10-36所示。
42.图10-36参数设置
(9)在项目面板中,选择“时钟刻度”合成,并拖入“时钟动画”合成中,并为“时钟刻度”层添加Effect(滤镜)>Perspective(透视)>DropShadow(阴影)特效和Effect(滤镜)>Perspective(透视)>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(滤镜)>Perspective(透视)>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”来制作完成,而课后习题需要举一反三,使用表达式
thisComp.layer("分针").rotation/12
来制作完成。
1.新建合成后,创建固态层制作背景,使用Circle特效制作制作圆形钟表。
2.导入素材制作时针与分针并添加表达式。
3.打开3D层开关后,添加灯光层与摄像机层调整参数使得钟表有空间感。
4.最后调节调节层,使用Hue/Saturation特效调整画面颜色最终完成动画制作。
10.2表达式二
使用表达式可以为不同的图层属性创建某种相关性,用户可以不需要了解任何的程序语言,AfterEffects可以自动生成表达式语言。
10.2.1课堂案例——百分比
51.
◆案例学习目的
同过添加表达式来制作完成百分比动画。
◆案例分析
这个例子主要是运用Effect(滤镜)>ExpressionControls(表达式控制)>SliderControl(滑块控制)特效与表达式结合完成动画制作。
◆案例知识要点
建立固态层,使用Circle(圆)特效制作基础部件,利用RadialWipe特效并添加表达式制作动画效果。
◆制作流程
(1)执行Composition(合成)>NewCompositionSettings(新建合成)菜单命令,将Preset(预置)设置为PALD1/DVWidescreenSquarePixel,Duration(时长)设置为4秒,将CompositionName(合成名字)命名为“百分比”,如图10-43所示。
52.图10-43合成设置
(2)执行Layer(层)>New(新建)>Solid(固态层)菜单命令,新建固态层制作动画背景,命名为“BG”,单击一下
按钮使固态层尺寸与合成同大,单击OK,如图10-44所示。
53.图10-44固态层设置
(3)选择“BG”层,执行Effect(滤镜)>Generate(生成)>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(层)>New(新建)>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(层)>New(新建)>Solid(固态层)菜单命令,新建固态层制作动画背景,命名为“PieSlice1”,单击一下
按钮使固态层尺寸与合成同大,单击OK,如图10-47所示。
57.图10-47固态层设置
(7)选择“PieSlice1”层,打开3D开关,执行Effect(滤镜)>Generate(生成)>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(层)>New(新建)>NullObject(空白物体)菜单命令,新建空白层,如图10-50所示。
60.图10-50新建空白层
(10)选择“Null1”层,执行Effect(滤镜)>ExpressionControls(表达式控制)>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
- 配套讲稿:
如PPT文件的首页显示word图标,表示该PPT已包含配套word讲稿。双击word图标可打开word文档。
- 特殊限制:
部分文档作品中含有的国旗、国徽等图片,仅作为作品整体效果示例展示,禁止商用。设计者仅对作品中独创性部分享有著作权。
- 关 键 词:
- 第10章 Adobe After Effects 的表达式 10 表达式
![提示](https://static.bdocx.com/images/bang_tan.gif)