flash cs5入门与提高课件第18章翻动的书页.ppt

第18章 翻动的书页 本章重点 本章将向读者介绍一个很漂亮的动画效果，即单击“下一页”按钮，书页向后翻页，单击“上一页”按钮，书页向前翻，翻到最后一页时，单击“完”按钮，书本合上。内容包括封面的设计，隐形按钮的制作，书页翻动的动画，各层动画和播放时间的设置，以及javascript语句，书页翻动的效果图如图所示。 学习目的 通过本章的学习，您可以： 掌握滤镜的使用方法。 掌握对象变形及中心点编辑的方法。 掌握隐形按钮的制作方法。 掌握javascript和关键帧动画。 18.1 封面设计 18.2 页面设计 18.3 翻页动画制作 （24）将第19帧的pages拖放在舞台外。 （25）选择第9帧，单击右键，从上下文菜单中选择“复制帧”，在第30帧上单击右键，选择“粘贴帧”；同理，将第2帧复制至36帧，将第19帧复制到第37帧。 （26）第36帧处将pages的“变形”设置为：水平缩放95%；.垂直倾斜10。 （27）在帧面板中，将第2～9、10～18、20～29、30～36帧的渐变设置为动画渐变动画。如图所示。 18.4 ActionScript语句 （1）新建Actions层，在第1帧处按F6建立关键帧，打开“动作”面板，输入以下ActionScript语句。 stop (); tellTarget (rightflip) { nextFrame (); } （2）同理，在第2、10、18、19、20、29、37帧处建立关键帧，并分别设置其ActionScript语句如下所示： 　　　第2帧： tellTarget (rightflip) { nextFrame (); } tellTarget (rightflip) { nextFrame (); } tellTarget (leftflip) { nextFrame (); } 　　第10帧： tellTarget (leftflip) { nextFrame (); } 第18帧： tellTarget (leftpage) { nextFrame (); } tellTarget (leftpage) { nextFrame (); } 　　第19帧： stop (); 　　第20帧： tellTarget (leftpage) { prevFrame (); } tellTarget (leftpage) { prevFrame (); } 　　第29帧： tellTarget (leftflip) { prevFrame (); } 　第37帧： tellTarget (leftflip) { prevFrame (); } stop (); tellTarget (rightflip) { prevFrame (); } tellTarget (rightflip) { prevFrame (); } （3）单击时间轴上的编辑元件按钮，切换到影片剪辑pages，单击层button的第2帧，选中舞台上的按钮，在动作面板中输入如下代码： on (release) { tellTarget (..) { gotoAndPlay (2); } } （4）在pagebutton层，单击第4帧，选中舞台上的“下一页”按钮，在动作面板中输入如下代码： on (release) { tellTarget (..) { gotoAndPlay (2); } } （5）同理，设置第5帧 “上一页”按钮的代码如下： on (release) { tellTarget (..) { gotoAndPlay (20); } } 　　第6帧“下一页”按钮的代码如下： on (release) { tellTarget (..) { gotoAndPlay (2); } } 第7帧“上一页”按钮的代码如下： on (release) { tellTarget (..) { gotoAndPlay (20); } } ?　　第8帧“完成”按钮的代码如下： on (release) { tellTarget (../leftpage) { gotoAndStop (1); } tellTarget (../leftflip) { gotoAndStop (2); } tellTarget (../rightflip) { gotoAndStop (4); } tellTarget (..) { gotoAndPlay (32); } } （6）回到场景，将影片剪辑flip放置在场景中，摆放好位置。按Ctrl+Enter测试效果。 * * 提示：为