Flash动画设计实例教程.ppt

图8-30 “转换为符号”对话框 返回 图8-14 圆形按钮 返回 第四步：两个按钮对齐，制作光环效果 （1）单击工作区上的“场景1”，返回“场景1”。 （2）单击工具栏上的箭头工具按钮，将圆形选中。选择【窗口】→【设计面板】→【对齐】菜单命令，弹出如图8-15所示的“对齐”对话框。 （3）在“对齐”对话框中，依次单击“对齐/相对舞台分布按钮”、“水平中齐按钮”和“垂直中齐按钮”。将圆形按钮的中心点与舞台中心点对齐。 （4）按【Ctrl+L】组合键打开“库”面板，将“光圈”按钮从库中拖到场景上。 返回 第四步：两个按钮对齐，制作光环效果 （5）将拖入到场景中的“光圈”按钮选中，选择【窗口】→【设计面板】→【对齐】菜单命令，弹出如图8-15所示的“对齐”对话框。在“对齐”对话框中，依次单击“对齐/相对舞台分布按钮”、“水平中齐按钮”和“垂直中齐按钮”。将光圈按钮的中心点与圆形按钮的中心点与舞台中心点对齐。如图8-16 所示。 （6）单击工具栏上的箭头工具按钮，将“光圈”选中。选择【窗口】→【设计面板】→【变形】菜单命令，弹出如图8-17所示的“变形”对话框。并按图8-17进行设置。 （7）设置完成后，连续单击“变形”对话框右下角复制并应用变形按钮，得到如图8-18所示效果。 返回 图 8-15 “对齐”对话框 返回 图8-16 光圈、圆形按钮中心点对齐 返回 图 8-17 “变形”对话框 图 8-18 形成光环 返回 案例小结 通过本案例，学会了如何制作按钮元件以及按钮元件上的四个事件：弹起、鼠标经过、按下和点击，可以通过设置相应事件的帧，控制按钮在不同事件下的动画效果。 返回 案例8.3　活动的百叶窗 返回 练习目的 练习要求 操作步骤 案例小结 练习目的 掌握百叶窗的矩形条的创建方法 掌握为按钮添加动作的方法 返回 练习要求 1．创建百叶窗的矩形条 2．为按钮添加相应动画动作 返回 操作步骤 （1）新建一个Flash 文档，在“属性”面板中设置背景为黑色。 （2）选择【文件】→【导入】→【导入到库】菜单命令，将“fj2.jpg”图形文件导入到库中。 （3）按【Ctrl+F8】组合键创建一个影片剪辑元件名称为“mov”。 （4）在影片剪辑元件的编辑区中，单击工具栏上的矩形工具按钮，单击按钮设置笔触颜色为无色，用浅绿色到淡黄的线性渐变填充，画一个矩形，如图8-20所示。让矩形条位于编辑区的中心。 操作步骤 （5）选中矩形，按【F8】键将矩形转换为图形元件名称为“jx”。 （6）选中第11帧，按【F6】键插入一个关键帧，并选择【修改】→【变形】→【水平翻转】菜单命令，将矩形水平翻转，使渐变成为黄色到绿色。如图8-21所示。 （7）选中第1帧到第11帧中的任意一帧，单击鼠标右键，在弹出的快捷菜单中选择“创建补间动画”命令。 操作步骤(续) （8）按【Ctrl+F8】组合键创建影片剪辑元件，名称为“win”。在编辑区中，从库中拖曳多个影片剪辑元件“mov”，并排列整齐，如图8-22所示。 （9）分别选中每一个矩形条，在“属性”面板中将影片剪辑元件的实例名改为“图形”，并设置“交换”为：循环，“第一帧”为：1。如图8-23所示。 （10）选中第11帧，按【F5】键。 操作步骤(续) （11）单击时间轴上的按钮，添加“图层2”，在第1帧到第11帧上按【F7】键插入空白关键帧，然后在“动作”面板中为第一帧加入语句“stop( )”; 完成后的时间轴如图8-24所示。 （12）返加到“场景1”，从“库”面板中将“fj2.jpg”图形文件拖曳到舞台中，调整图形文件的大小，使其高度与舞台相同，宽度比舞台稍小一些。并将图片放在舞台左边，让舞台右边空出放按钮的位置。如图8-25所示。 （13）单击时间轴上的按钮，添加“图层2”，将影片剪辑元件“win”从库面板中拖曳到舞台上，调整大小，使其完全遮住下面一层的图形。并在“属性”面板中定义实例名为“win”。 操作步骤(续) （14）选择【窗口】→【其他面板】→【公用库】→【按钮】菜单命令，在“库—按钮”面板中，选择“Playback”文件下的“gel Right”按钮。用鼠标将其拖动到舞台右边。用同样的方法，将“Playback”文件下的“gel Left”按钮也拖动到舞台右边。适当调整按钮大小，如图8-26所示。 （15）选择“gel Right”按钮，在“动作”面板中加入以下语句： on (press) { with (win) { nextFrame(); } } 操作步骤(续) （16）选择“gel Left”按钮，在“动作”面板中加入以下语句： on (press) { with(win) { prevFrame();