1、任务3：按钮控制翻页动画的播放1、启动Flash cs5，单击“文件”“新建”命令，新建一个类型为“ActionScript2.0”的空白Flash文件，宽为600像素，高为500像素，如图1所示，其它值保持默认。任务实施：（本任务实例具体的制作过程）图12、单击“文件”“导入”“导入到库”命令，将素材文件“sg1.jpg”、“sg2.jpg”、“sg3.jpg”导入到库面板中。图23、单击“视图”“标尺”命令，将水平标尺和垂直标尺显示在舞台上。从水平标尺上按住鼠标左键不放拖出两条水平辅助线，分别位于50像素和380像素；同样从垂直标尺上按住鼠标左键不放拖出三条垂直辅助线，分别位于50像素、3
2、00像素和550像素；如图2所示。图34、选中图层1的第1帧，从库面板中拖出素材文件“sg1.jpg”放在舞台上，利用工具箱中的“任意变形工具”对图像进行等比例缩放，由于图像太大，我们可以截取其中的一部分。把图像按Ctrl+B打散，选择工具箱中的“矩形工具”，笔触为红色、无填充色，在图像上绘制一个大小为250*330像素的矩形，并双击矩形的边框线以选中矩形，调整其位置如图3所示。选中矩形区域以外的图像部分，按Delete键删除，将红色的矩形框移动到舞台外待用，如图4所示。选择图像按Ctrl+G键组合对象。图45、在图层1的上方新建图层2，选中图层2的第1帧，从库面板中拖出素材文件“sg2.jp
3、g”放在舞台上，使用步骤4中的操作方法，截取图像如图5所示，正好将图层1中的图像覆盖，组合图像成一个整体。6、选中图层2的第50帧按F6键插入关键帧，在该层第150帧之间任意处右击，选“创建传统补间”命令。选中工具箱中的“任意变形工具”，单击第1帧中的对象显示出对象的中心点标记，将该中心点移动到图像左侧边缘的中心点处，如图6所示。同理将第50帧中对象的中心点标记也移动到图像左侧边缘的中心点处。图5图67、选中图层2的第50帧中的对象，单击“修改”“变形”“水平翻转”命令，将该帧的对象沿其左侧边缘的中心点水平翻转了180度，如图7所示。8、选择图层1的第50帧按F5键插入普通帧，使该层动画延长一
4、段时间，如图8所示。图7图89、单击“控制”“测试影片”“测试”命令或按Ctrl+Enter，某帧动画效果如图9所示，实现了从下边翻页的效果。但最后一帧的动画效果立体感不强，如图10所示，如何解决这个问题？图9图1010、选择图层2的第50帧，选中工具箱中的“任意变形工具”单击该帧的对象，出现八个控制柄，将鼠标指针移动到对象左侧中间的控制柄处变成两条垂直箭头状时，按住鼠标左键不放稍微垂直向上拖动鼠标，使该帧中的对象微微向上倾斜，如图11所示，测试影片实现了从上边翻页的效果。拖动播放头到第25帧时图像已经翻到了垂直位置。图1111、为了实现下面翻页效果位置的统一，在第50帧处图像2的最左上端添加
5、一条水平辅助线，如图12所示。图1212、在图层2的上方新建图层3，选中图层3的第1帧，从库面板中拖出素材文件“sg3.jpg”放在舞台上，使用步骤4中的操作方法，截取图像如图13所示，正好将图层2中的图像覆盖，组合图像成一个整体。图1313、按照上述方法创建图层3的第1帧到第50帧的翻页动画效果。图1414、测试动画效果发现，图层3中的翻页效果把图层2的翻页效果完全盖住。分别选择图层2和图层3的第25帧和第26帧按F6键插入关键帧。选择图层3的第125帧，右击选中的帧，从弹出的快捷菜单中选择“删除帧”命令，将选中的帧删除。并将剩余的帧选中，水平向右拖动到第26帧到第50帧之间，如图14所示。
6、15、选择图层2的第26帧和第50帧之间的所有帧，右击选中的帧，从弹出的快捷菜单中选择“删除帧”命令，将选中的帧删除，效果如图15所示。图1516、测试影片，效果如图16所示。图1617、把以前制作的两个文字型按钮：“播放”按钮，复制到当前的库面板中。图1718、按Ctrl+L键打开“库”面板，选中“播放”按钮后右击，从弹出的快捷菜单中选择“直接复制”命令，弹出“直接复制元件”对话框，更改名称为“停止”、类型为“按钮”，单击“确定”，效果如图17所示。19、双击库面板中的“停止”按钮图标，进入其元件的编辑状态，修改其各帧中的文字为“停止”，如图18所示，退出该按钮元件的编辑状态。20、在图层3
7、的上方新建图层4，选中图层4的第1帧，从库面板中拖出“播放”按钮和“停止”按钮，分别放在舞台的下方，选中这两个按钮元件的实例对象，打开“对齐”面板，不勾选“与舞台对齐”选项，设置这两个按钮实例“底对齐”，效果如图19所示。图18图1921、选中“播放”按钮的实例后右击，从弹出的快捷菜单中选择“动作”命令，或者单击“窗口”“动作”命令（也可以按F9键），此时打开“动作按钮”面板，如图20所示。图20图21图2222、首先，在“ActionScript版本选择”下拉列表框中选择类型为“ActionScript 1.0&2.0”；其次，单击“全局函数”选择“影片剪辑控制”，双击其下的“on”命令，则
8、在右侧的代码区进行显示，如图21所示，从弹出的快捷菜单中选择“press”或“release”命令；接着，把光标放在右侧代码区的大括号中，关闭面板左侧的“影片剪辑控制”，打开“时间轴控制”，双击其中的命令“play”，则在右侧大括号中显示，如图22所示。最后关闭“动作”面板。23、按照上述方法，在“停止”按钮实例上书写代码“on(press)stop();”如图23所示。图23 注意：注意：我们这两处的代码是写在按钮实例身上的，它有固定的格式：on(press)。下面我们就来继续尝试在“帧”上如何书写代码。控制影片播放的命令：Stop：使影片停止在当前时间轴的当前帧中。Play：使影片从当前帧
9、开始继续播放。24、测试影片结果发现：还没有单击“播放”按钮，影片就已经开始播放了。说明动画的起始帧首先应该处于停止播放状态，只有通过单击按钮才可以播放或停止。25、选择图层4的第1帧，按F9键或单击“窗口”“动作”命令或右击选“动作”命令，此时打开“动作帧”面板，如图24所示。图2426、首先，在“ActionScript版本选择”下拉列表框中选择类型为“ActionScript 1.0&2.0”；其次，打开“全局函数”，选择“时间轴控制”，双击其中的命令“stop”，则在右侧大括号中显示，如图25所示。最后关闭“动作帧”面板回到主场景中，发现图层4的第1帧上有个字母a，如图26所示。图25图26注意：注意：写在帧上的代码会有一个标识：形似字母写在帧上的代码会有一个标识：形似字母a。27、单击“视图”“辅助线”“清除辅助线”命令，删除所有添加的辅助线。或者单击“视图”“辅助线”“显示辅助线”命令，隐藏所有添加的辅助线。28、测试影片，动画停在初始状态，单击“播放”按钮，动画开始播放，而且动画只播放一遍，不再向以前一样自动循环播放，可以自己控制何时播放。单击“停止”按钮，正在播放的动画停在当前位置，再次单击“播放”按钮时动画才接着播放。效果如图27所示。29、保存文件。图27
