AdobeAfterEffectsCS4教学资料第8天第7课时4.2.7绿色家园

1、文档来源为 :从网络收集整理 .word 版本可编辑 .欢迎下载支持104.2绿色家园案例课时：共8课时427知识点：了解AE CS3中JavaScript的基本应用本课包括内容：应用AE CS3表达式，制作飞舞的蝴蝶1 .使用AE CS3的表达式控制蝴蝶翅膀扇动1） 在项目窗口中加入一个新的文件夹，命名为07_butterfly,按键盘Ctrl + I导入”第八天 第四章 绿色家园 第7课时 工程文件”文件夹下的body.png,wing.png,并将其放置到 07_butterfly项目文件夹当中.2） Ctrl + N,创建一个新的合成，命名为07_butterfly,分辨率为800 x

2、 600，持续时间为10秒, 将它放置到07_butterfly项目文件夹当中.3） 双击07_butterfly使之出现在时间线上，将项目窗口中07_butterfly 文件夹下的 body.png,wing.png拖放到时间线当中，如图Folder07_b*Jtterflv*PHG FileSolid01 cloudswing.png罗 body pngConnpQ,sitiGniPMG Fite0:00:00:00(25,00I 郭 ane乜 body-ng4）点选时间线上 wing.png,按Ctrl + D复制一份 撚后分别重命名为leftWing及rightWing,将body.p

3、ng更命为body,如图02_FfJ_0107_but terFly x(25 JO Fps)宰护Layer oipgParent丄Lrightwing耳7 None2leftWing fJanei3世 body皿 / fJone图5）观察合成窗口 ，效果如图图6） 当前合成窗口中，只显示了左边的翅膀.需要将右翅膀也显示为正确方式.7） 点选rightWing层,按s键,显示其缩放属性，将缩放属性后的缩放链接约束功能关闭 将x轴的数值修改为-100,如图图8）观察合成窗口 ，发现翅膀与身体之间的分布不对称.点选rightWing及leftWing,按p键显示这两个层的位置属性，将leftwin

4、g的Position（位置）的x轴数值修改为390,如图(25,00 fps)护圏鼻d iff!夕爭氐車Layer卑话 l 氏百Parent1 匸rightWing尋*NoneTC Position00,0；300,02 fJleftWiiug/ NoneIPosition390.0,U| |ita Ji|i mi.300.0xi|3body0 */筍NneT图9）把时间线窗口中的rightWing,lefwing,body三个层的三维开关打开,将rightWing 及leftwing作为子物体与body层做父子关系指定，如图(25,00 FpsLayer Narre 3. body rjon

5、elJ rightwing 甘 leftWing| 3. bodf10）观察合成窗口，效果如图图11）在时间线上点选rightWing层，按r键显示其旋转属性，找到Y Rotation（Y轴旋转角度）. 按住Alt键,在属性左侧的小码表上单击，调出它的表达式控制项，如图乜 nghtWing Q /3 h册OrientatiDn0.0*0.04,&舊 RotdjoriUM rtEFX RotationOx 土g卫Expression! V R.= | tk 0t ranocrn, y Rotation| 2 RoEaticn0 x 4-0.02 *P| kflWing导/甸3 *5 bodya?

6、-/i)fJoris12)将表达式中的 transform.yRotation 替换成 Math.sin(time*3)*80,如图图13) 在时间线窗口左右拖动时间指示器，观察合成窗口，发现蝴蝶的右翅膀已经随着时间 的变化而产生了扇动的效果.14) 点选leftWing层，按r键,显示其旋转属性，找到Y Rotation属性，按住Alt键，点击左侧 的小码表，显示出表达式控制.点击表达式控制项的第三个小按钮不放，拖出一条连接线 将其拖到rightWing层Y Rotation属性上后松手 将会在leftWing层的表达式内容栏中显 示出 thisComp.layer(rightWing).t

7、ransform.yRotation,如图图15) 这里表达式的意义是leftWing的y轴旋转属性应用了rightWing层y轴的旋转属性.16) 观察合成窗口，发现两只翅膀的扇动方向是一致的 ，因此，需要对leftWing层的表达式 进行小小的修改，在 thisComp.layer(rightWing).transform.yRotation 前加入一个负号，即 -thisComp.layer(rightWi ng).tra nsform.yRotatio n,如图2 H leRWing尋zljj3 bod/Ll-& lentcitiloii0.0 0.0*, 0.0*j野 X Rotat

8、ionOk +0.0*p 令 Y RotationOx -78,6mininiiiiiiiiBEpres5ion： YR.-thlsCoop.layerfrlghtWIriigiJtransform yRotation Qi ZRoirdtion。严 +n,QiQ3 乜 body寻z* Nane图2.蝴蝶的飞行1）将项目窗口中的07_buttefly合成拖动到时间线01_clouds窗口的mask层下方，将其更名为butterflyA,并打开它的三维开关及连续栅格化塌陷开关，如图2）将sky层的单独显示开关打开，将butterflyA的比例缩小至10% .3）观察合成窗口 ，效果如图图4）按r

9、键显示butterflyA层的旋转属性，设置如下属性X Rotation :-90Y Rotatio n : 25在第0帧处,将蝴蝶放置到画面的右下角 在第6秒处,将蝴蝶放置到画面的左上角如图：06(25,00 F 站)PositionQrferitatto n0.1? O.O6,TX RotationOx -90.0IY RotationOx +5.Ci IIE FIbutterflyA一 3翊也 442.3j 0.01 RotationOx乜旷图Layer Nanie1 mask5）点选butterflyA层侗时按下 Ctrl + Alt + O,调出Auto-Orientation（自动定向）对话框选择 其下的Orient Along Path（沿着路径的方向），如图Aut o-Orientat ionAmtentatli onI ?0ri 电mt Alonj fatlhOOri 电T owar ds C unr t6）调节路径的手柄，观察合成窗口，效果如图图7）将butterflyA层复制三份，然后依次命名为 butterflyB, butterflyC, butterflyD,在合成窗口 中调节它们的飞行路径，以产生差别.8）在时间线窗口中将这四只蝴蝶的时间范围进行随机旋转，产生错落的效果，观察合成窗口，效果如图图注意AE CS3的表达式中的语句是区分大小