flash文档第16课.ppt

1、第十六课交互式动画制作，课前指导课说明了实战后练习，课前指导，提高重点知识，重点知识，用按钮制作交互式动画，制作菜单等。读者应仔细阅读相关部分，将机器实战练习和掌握结合起来。提高知识，自动加载其他动画。初学者们暂时不学习，可以等到有了一定的基础后再学习。教室说明、动画对象数控制交互式菜单自动加载其他动画、闪存动画功能之一是，除了用户可以欣赏之外，还具有通过闪存动画、单击按钮和选择选项控制动画播放的强大交互功能。牙齿部分介绍了交互式动画制作方法。它控制动画对象的数量。以下是通过小实例体验交互式动画乐趣的方法。首先，如图16-1所示，打开第10课课程说明中制作的“采集花粉的蝴蝶”动画(见图16-1

2、)。以下实现了在单击花丛中的蝴蝶上添加一只蝴蝶的效果，具体操作如下。图1-，(1)在动画中选择视频剪辑元件“蝴蝶”，然后在“属性”面板中将实例名称设置为“HD”(参见图16-2)。图16-2，(2)选择视频剪辑元件“蝴蝶”，以便在实现单击蝴蝶时获得两只蝴蝶的结果，然后在“动作”面板中输入onClipEvent (load) /当前加载语句/复制影片剪辑HD，生成动画剪辑hd1，并将其放置在当前蝴蝶所在的层集属性(HD1、_ X、X 130)中。/将动画分段hd1的X坐标增加130个像素，(3)按Ctrl Enter播放动画，单击鼠标，原始蝴蝶的左边出现了另一只相同的蝴蝶，同样地，摆动着翅膀。如

3、图16-3所示。图16-3，下面创建了典型的弹出菜单“档案”菜单。其他菜单的制作方法类似。唯一的例外是按钮元件的放置位置不同。创建主菜单，如下所示：(1)创建场景大小200200像素、背景色深绿色的新文件。(2)创建名为“主菜单”的按钮元件，进入按钮元件剪辑区域。“弹起”帧、单击矩形工具、在场景中绘制矩形、将填充颜色设置为白色到灰色的线性渐变，然后添加黑色着色以增加立体感。使用、(3)文本工具，在矩形框中输入“档案”字符，然后将其设置为“宋体，37，粗体”，如图16-4所示。(4)选择“指针经过”帧，按F6键插入关键帧，选择矩形左边框和上边框，使用墨水瓶工具将其设置为白色，将下边框和右边框的颜

4、色设置为黄色，以便在指针移动到按钮上时产生凸起效果。图16-4，(5)在“按下”帧中插入关键帧，将左边框和上边框的颜色调整为土色，将下边框和右边框的颜色调整为白色，将“档案”文字稍微向右下方移动，以便单击(1)按F11键打开“库”面板，选择“主菜单”组件，单击单击右键，然后从弹出的快捷菜单中选择“重制”。(2)以相同的方式获得“打开”、“关闭”、“保存”和“另存为”元件。“库”面板如图16-7所示。、图16-7、图16-6、(3)将双击“库”面板中“新建”前面的图标移动到“新建”元件剪辑区域，然后将每个帧中的文本更改为“”(4)创建、菜单动画剪辑。(1)创建名为弹出菜单的影片剪辑元件。(2)在

5、元件剪辑区域中，选择第1帧，打开“库”面板，然后将主菜单元件拖动到剪辑区域中的适当位置。、(3)在第2帧中，按F6插入关键帧，将元件“打开”、“关闭”、“保存”、“另存为”拖放到剪辑区域中的相应位置，然后“对齐”、“对齐”选择第10帧，然后按F6键插入关键帧，并将门gotoAndStop(1)添加到“动作”面板中。(5)在第1帧中选择“档案”按钮元件，然后将on (release) gotoAndStop(2)语句添加到“动作”面板中。/跳转牙齿按钮，选择第2帧、(6)第2帧中的“新建”按钮，然后离开“动作”面板中的on (rollout) goto and play (/鼠标按钮/当光标位于

6、按钮上时，保持第2帧状态(7)，在选中添加到“新建”按钮元件的门的情况下，按Ctrl C键复制门。(8)选择“打开”按钮元件，然后在“动作”面板中按Ctrl V粘贴语句。使用相同的方法，将门粘贴到另一个按钮元件中。单击返回到、(9)场景，打开“库”面板，将弹出菜单元件拖放到场景中，然后按Ctrl Enter测试效果，如图16-9所示。、图16-9、通过自动加载其他动画、自动加载其他动画自动连续播放多个动画，或在加载动画时需要loadMovieNum语句。语法格式为loadmovienum (URL，level，variables)。其中URL是加载SWF文件的绝对或相对URL。相对路径必须相对

7、于0级的SWF文件。所有SWF文件必须存储在同一文件夹中，并且文件名不能包含文件夹或磁盘驱动器说明。和level是整数，指定SWF文件加载到Flash Player中的级别。Variables是一个可选参数，它指定用于发送变量的HTTP方法。如果没有要发送的变量，则省略牙齿参数()。以下是一些小示例，以获得牙齿效果。在动画开头显示说明文本，播放单击按钮的动画，播放到第20帧时自动加载下一个动画，要加载的动画和材质，读者可以创建或从3358www.dx-下面的“下载区域”节目代码下载的停止屏幕，具体地说，(1)要先加载的动画(牙齿是第11课的百叶窗Flash将创建新文件，将其设置为背景大小400

8、300像素，然后将其保存到与要加载的动画(桌面)相同的位置。(2)打开“公用库”中的“库-按钮”面板，然后将Playback类下的“gel right”拖到舞台下方。(3)建立新的图层2，然后将素材ball.swf汇入元件库(如图16-10所示)，元件库中就会自动出现名为ball的影片剪辑元件。、图16-10、(4)选择图层2的第1帧，在“库”面板中选择元件“球”，然后将其拖到舞台上，如图16-11所示您可以根据需要设置文本格式。、图16-12、(5)通过创建新层并在播放按钮左侧输入图16-12等字符，可以根据需要设置文本格式。(6)创建一个新图层，选择第2帧，在播放按钮的右侧输入“1”，在第

9、4、5和620帧中按F6键插入关键帧，然后将第2帧中的数字更改为“10”，将第4帧中的数字更改为“9”(7)将所有图层的帧继承为第20帧，然后按act在第20帧处插入关键帧，打开“动作”面板，然后选择loadMovieNum(“百叶窗效果”)。添加动画加载动作，如swf ，0)。/百叶窗效果。加载swf”影片，并将其设置为与当前动画级别相同的级别。返回、(8)动画第1帧，添加stop语句，选择播放按钮，然后添加on (release) gotoAndPlay(2)语句。/跳跃单击牙齿按钮，按第2帧(9) Ctrl Enter键播放动画，播放单击按钮，屏幕倒计时开始，数字更改为1时，动画“百叶帘

10、效果”将播放。出现多个屏幕，如图16-13所示。、图16-13、首先创建Windows的主作业界面，然后创建“开始”按钮和“开始”菜单。将“开始”按钮和“开始”菜单中的每个项目创建为按钮元件，单击“开始”按钮，弹出“开始”菜单，在此处选择“执行”命令，将打开“执行对话框通过本机器的实战练习，读者可以对交互式动画有更深的认识。图15-14，图15-15，创建Windows背景，(1)创建新片段，设置舞台大小825600像素(牙齿数据按Windows桌面图片的长宽比设置)，导入图片，图片：(2)创建名为“背景”的影片剪辑元件，进入剪辑区域，选择第1帧，然后添加stop语句。然后在第6帧中，按F7插

11、入空白关键帧，在第10帧中，按F5继承帧。(3)创建名为“按钮”的新按钮元件，将图片“开始”导入“弹起”帧，然后在“单击”帧中按F5以继承帧。(4)返回到“背景”元件剪辑区域，打开“库”面板，然后将按钮元件“开始”拖动到元件剪辑区域的中心。选取元件，然后将on (release) gotoAndStop(6)陈述式加入动作面板。/跳跃牙齿按钮，在第6帧停止，(5)选择第6帧，获取图“菜单”和“开始”，然后调整这两个图的位置，如图16-17所示。图16-17，(6)，您可以单击时间轴中的按钮，单击前进按钮，然后从弹出菜单中选择“全部绘制”命令以查看对象在所有帧中的位置。(7)创建新图层，以便在将

12、鼠标光标移动到“运行”上方时，“运行”选项更改颜色，然后在“指针经过”帧中插入关键帧，并绘制与“运行”按钮完全相同的大小、矩形颜色的alpha(8)返回“背景”元件的剪辑区域，然后绘制名为“子菜单”的新图层，图16-18，(9)在图层“子菜单”的第6帧中插入关键帧，在“库”面板中选择“运行”元件，然后将其拖到元件剪辑区域，确保将其与图像“菜单”一起放置，图110要获得牙齿效果，请在“背景”元件中输入“；(12)在“隐藏”图层的第6帧中插入关键帧，然后绘制足以使自由变换工具复盖整个工作区的矩形，(13)将绘制的矩形转换为按钮元件，选择矩形按钮，然后在“属性”面板中将alpha值设置为0%，不会影

13、响桌面背景的显示。然后，将on (release) gotoAndStop(1)语句添加到“动作”面板中。/跳跃单击牙齿按钮并在第1帧停止。这样，如果在“开始”菜单外单击时转到动画帧1并停止，则“开始”菜单消失。将： (1)移动到“背景”组件的剪辑区域，在“子菜单”层的第11帧处插入空白关键帧，如图所示，然后将“对话框”设置为“插图”。获取jpg ，然后使用单击、图16-20、(2)文本工具从“运行”对话框“打开”下拉框位置中拖动其中一个输入文本框。文本的属性设置如图16-21所示。图15-21，(3)在子菜单层中，选择“执行”按钮，添加on (release) gotoAndStop(11)语句/单击牙齿按钮，然后在第11帧停止单击执行按钮(4)创建名为“确定”的按钮元件，然后在“弹起”帧中“检查图片”。导入jpg ，返回到“背景”元件剪辑区域，然后将“确认”元件拖动到第11帧的“确认”对话框上，选择、(5)确认元件，然后选择on(release)gotoands/跳跃单击牙齿按钮，停止在第1帧(6)到牙齿Windows XP的模拟动画制