Flash动画制作简明教程素材与教学课件8.ppt

第8章 再论元件使用技巧 图形元件使用技巧 影片剪辑使用技巧 按钮元件使用技巧 元件的管理 使用公用库中的按钮8.1 图形元件使用技巧 8.1.1 图形元件的特点 由于图形元件中的动画片断是附属于主影片时间轴的，所以具有以下特点：当按下当按下【EnterEnter】键在时间轴上预览动画时，可以预览图键在时间轴上预览动画时，可以预览图形元件实例内的动画效果。形元件实例内的动画效果。将带有动画片断的图形元件实例放在主时间轴上时，需要将带有动画片断的图形元件实例放在主时间轴上时，需要为其添加与动画片断等长的帧，否则播放时无法完整播放。为其添加与动画片断等长的帧，否则播放时无法完整播放。选中舞台上的图形元件实例后，在选中舞台上的图形元件实例后，在“属性属性”面板中可以设面板中可以设置图形元件中动画的播放方式置图形元件中动画的播放方式 。在图形元件中不能包含声音和动作脚本，也不能为舞台上在图形元件中不能包含声音和动作脚本，也不能为舞台上的图形元件实例添加动作脚本。的图形元件实例添加动作脚本。设置动画的播放方式 选择播放方式：“循环”表示在实例附属的时间帧允许的情况下，实例内的动画不停地循环播放；“播放一次”表示实例内的动画只播放一次；“单帧”表示不播放动画。在此可设置播放动画的起始帧。8.1.2 图形元件的应用 在制作Flash动画的过程中遇到下列情况，应使用图形元件：当静态图形或图像需要重复使用，或用来制作动画补间动当静态图形或图像需要重复使用，或用来制作动画补间动画时，可将其制作成图形元件。画时，可将其制作成图形元件。如果希望把做好的如果希望把做好的FlashFlash动画导出成动画导出成GIFGIF等格式的图像动画，等格式的图像动画，或导出成图像序列，那么其中包含动画片段的元件必须是或导出成图像序列，那么其中包含动画片段的元件必须是图形元件；因为如果是影片剪辑，则导出的图像中只能显图形元件；因为如果是影片剪辑，则导出的图像中只能显示影片剪辑第示影片剪辑第1 1帧上的图像。帧上的图像。由于图形元件中的动画可以在主时间轴上直接预览，所以由于图形元件中的动画可以在主时间轴上直接预览，所以在制作大型动画时一般都会使用图形元件，这样方便配音在制作大型动画时一般都会使用图形元件，这样方便配音和对动画进行调整。和对动画进行调整。由于可以控制图形元件中动画的播放方式，所以在制作需由于可以控制图形元件中动画的播放方式，所以在制作需要对播放进行控制的动画时，都会使用图形元件，比如制要对播放进行控制的动画时，都会使用图形元件，比如制作人物说话的动画。作人物说话的动画。选中图形元件实例后，单击选中图形元件实例后，单击“属性属性”面板中的面板中的“交换交换”按按钮钮 ，会打开，会打开“交换元件交换元件”对话框，在这里可以选择需要对话框，在这里可以选择需要在舞台相同位置交换的元件。在为动画添加字幕时经常需在舞台相同位置交换的元件。在为动画添加字幕时经常需要交换元件。要交换元件。“交换元件”对话框 8.2 影片剪辑使用技巧 8.2.1 影片剪辑的特点 影片剪辑具有独立的时间轴，本身便是一段独立的动画。它具有以下特点：无法在主时间轴上预览影片剪辑实例内的动画效无法在主时间轴上预览影片剪辑实例内的动画效果，在舞台上看到的只是影片剪辑第果，在舞台上看到的只是影片剪辑第1 1帧的画面。帧的画面。由于影片剪辑具有独立的时间轴，所以即使主时由于影片剪辑具有独立的时间轴，所以即使主时间轴只有间轴只有1 1帧，也可以完整地播放影片剪辑中的动帧，也可以完整地播放影片剪辑中的动画画 。在影片剪辑内部可以添加别的影片剪辑、按钮元在影片剪辑内部可以添加别的影片剪辑、按钮元件和图形元件实例，从而实现复杂动画效果。件和图形元件实例，从而实现复杂动画效果。可以在影片剪辑内部添加动作脚本和声音，也可可以在影片剪辑内部添加动作脚本和声音，也可以为舞台上的影片剪辑实例添加动作脚本。以为舞台上的影片剪辑实例添加动作脚本。可以为影片剪辑实例添加可以为影片剪辑实例添加“滤镜滤镜”效果。效果。影片剪辑 主时间轴上只有1帧。测试动画时，可看到完整的效果。8.2.2 影片剪辑的应用 当需要制作带有声音和动作脚本的动画片段时，当需要制作带有声音和动作脚本的动画片段时，应使用影片剪辑。应使用影片剪辑。当需要制作独立于主时间轴的动画片段时，应使当需要制作独立于主时间轴的动画片段时，应使用影片剪辑。用影片剪辑。在遇到下列情况时，应使用影片剪辑：课堂练习天鹅飞翔 天鹅飞翔 下面，利用图形元件 和影片剪辑，制作一个天鹅飞翔的动画效果，具体操作步骤请参考书中内容。8.3 按钮元件使用技巧 8.3.1 按钮元件的特点 用来创建按钮元件的对象可以是图形元件实例、用来创建按钮元件的对象可以是图形元件实例、影片剪辑实例、位图、组合、分散的矢量图形等。影片剪辑实例、位图、组合、分散的矢量图形等。在按钮元件内部可以添加声音但不能在帧上添加在按钮元件内部可以添加声音但不能在帧上添加动作脚本。动作脚本。必须为按钮元件添加脚本命令，才能够使其产生必须为按钮元件添加脚本命令，才能够使其产生作用。作用。按钮元件具有以下特点：8.3.2 创建按钮元件 下面通过创建一个按钮来介绍具体步骤：创建按钮元件 绘制按钮轮廓 1.新建一个Flash文档，然后按快捷键【Ctrl+F8】，创建一个名为“播放”的按钮元件。2.在“播放按钮”按钮元件的编辑窗口中绘制一个没有填充色的椭圆，然后将这个矩形原位复制，并利用快捷键【Ctrl+Shift+S】将复制品缩小至80%。按钮元件的时间轴与图形元件和影片剪辑的都不同，其前3帧中的内容决定着按钮在不同状态下的外貌，第4帧中的内容决定着按钮的有效范围，具体含义如下：弹起：弹起：弹起：弹起：该帧中的内容决定着当鼠标指针不接触按该帧中的内容决定着当鼠标指针不接触按钮时，按钮的外观。钮时，按钮的外观。指针经过：指针经过：指针经过：指针经过：该帧中的内容决定着当鼠标指针移到该帧中的内容决定着当鼠标指针移到按钮上面时，按钮的外观。按钮上面时，按钮的外观。按下：按下：按下：按下：该帧中的内容决定着当在按钮上按下鼠标该帧中的内容决定着当在按钮上按下鼠标左键时，按钮的外观。左键时，按钮的外观。点击：点击：点击：点击：在该帧中可以定义响应鼠标的区域，此区在该帧中可以定义响应鼠标的区域，此区域在动画播放时不可见。域在动画播放时不可见。设置线性渐变 填充按钮 3.在“混色器”面板中将“填充颜色”设为由“绿色#00FF00”到“深绿色#009900”的线性渐变。4.在外围的椭圆中由上向下拖动鼠标填充渐变，在内部的椭圆中由下向上拖动鼠标填充渐变，并将外围椭圆的轮廓线改为“深绿色#009900”，内部椭圆的轮廓线改为“绿色#00FF00”。输入文字 制作按钮按下时的外观 5.选择“文本工具”，将“字体”设为“Arial Black”、“字体大小”设为“40”、“字体颜色”设为“黄色#FFFF00”，然后在按钮上输入“play”字样。6.在时间轴上的“指针经过”帧、“按下”帧和“点击”帧处插入关键帧，然后选中“按下”帧中的文字和内部的小椭圆，将它们缩小至90%，并在外围矩形和内部矩形的空隙处填充“深绿色#006600”。8.3.3 常用动作脚本与动作面板 1常用动作脚本 最常用的动作脚本有“on”、“sotp”、“Play”、“gotoAndPlay”和“gotoAndStop”语句，下面我们逐一介绍：“on”on”语句：语句：语句：语句：在按钮实例上添加动作脚本命令语在按钮实例上添加动作脚本命令语句时，必须先为其添加句时，必须先为其添加“on”on”事件处理函数，事件处理函数，“on”on”函数的语法格式为：函数的语法格式为：onon（鼠标事件）（鼠标事件）此处是语句，用来响应鼠标事件此处是语句，用来响应鼠标事件 “sotpsotp”语句：语句：语句：语句：“sotpsotp”命令语句的作用是将动命令语句的作用是将动画停止在当前帧。语法格式为：画停止在当前帧。语法格式为：stop()stop()“Play”Play”语句：语句：语句：语句：“Play”Play”命令语句的作用是使停命令语句的作用是使停止播放的动画从当前位置继续播放。语法格式为：止播放的动画从当前位置继续播放。语法格式为：play();play();“gotoAndPlaygotoAndPlay”语句：语句：语句：语句：“gotoAndPlaygotoAndPlay”语句通语句通常加在关键帧或按钮实例上，作用是当动画播放常加在关键帧或按钮实例上，作用是当动画播放到某帧或单击某按钮时，跳转到指定的帧并从该到某帧或单击某按钮时，跳转到指定的帧并从该帧开始播放。帧开始播放。gotoAndPlaygotoAndPlay语句的语法格式为：语句的语法格式为：gotoAndPlay(scene,framegotoAndPlay(scene,frame););其中其中frameframe表示将播表示将播放头转到哪个帧，可以是帧标签或具体第几帧；放头转到哪个帧，可以是帧标签或具体第几帧；scenescene表示转到哪个场景。如果动画中只有一个场表示转到哪个场景。如果动画中只有一个场景，则输入帧数或帧标签即可。景，则输入帧数或帧标签即可。“gotoAndStopgotoAndStop”语句：语句：语句：语句：“gotoAndStopgotoAndStop”语句的语句的作用是当播放头播放到某帧或单击某按钮时，跳作用是当播放头播放到某帧或单击某按钮时，跳转到指定的帧并从该帧停止播放。其语法格式和转到指定的帧并从该帧停止播放。其语法格式和使用方法同使用方法同gotoAndPlaygotoAndPlay语句相同。语句相同。2动作面板 要为按钮添加动作脚本，需要先选中要添加脚本命令的按钮元件，然后打开“动作”面板，所有的动作脚本都在“动作”面板左侧的脚本命令列表框中。“动作”面板 脚本命令列表框 对象查看列表框 脚本输入窗口 展开展开“动作动作”面板的脚本命令列表框，双击需要面板的脚本命令列表框，双击需要的动作语句进行添加。的动作语句进行添加。展开展开“动作动作”面板的脚本命令列表框，将需要的面板的脚本命令列表框，将需要的动作语句拖到脚本输入窗口。动作语句拖到脚本输入窗口。直接在脚本输入窗口中输入要添加的动作语句。直接在脚本输入窗口中输入要添加的动作语句。单击脚本输入区上方的按钮，从弹出的菜单中选单击脚本输入区上方的按钮，从弹出的菜单中选择要添加的动作语句。择要添加的动作语句。在“动作”面板中可以通过下列任意一种方法添加动作脚本：为按钮元件添加“goto”语句后的“动作”面板 在Flash8.0中，新增了“脚本助手”功能，在“脚本助手”处于选中状态时，会自动为添加脚本命令的对象安排格式，我们只需在“动作”面板中添加参数即可。以为按钮添加“goto”语句为例进行讲解。设置帧标签 在“类型”下拉列表中可以选择“帧编号”、“帧标签”、“表达式”、“下一帧”和“前一帧”。其中比较常用的是“帧编号”和“帧标签”，“帧编号”就是时间轴上帧的编号，选择“帧标签”要为时间轴上的帧设置一个标签，设置标签的方法是选中要设置标签的帧，然后在“属性”面板中输入帧标签的名称。指定触发条件 单击第一行的“on”语句命令，可以设置按钮在什么状态下，会触发第二行的命令。课堂练习控制影片播放 控制影片播放 下面通过为帧和按钮添加动作脚本，制作一个控制影片播放 的动画效果，具体操作步骤请参考书中内容。8.4 元件的管理 在制作Flash动画时，我们可以将一个文档中的元件复制到另一个文档中，以达到文档间素材的共享。复制元件的方法有以下几种：在在“库库”面板的面板的“元件项目列表元件项目列表”中用鼠标右击中用鼠标右击需要复制的元件，在弹出的快捷菜单中选择需要复制的元件，在弹出的快捷菜单中选择“复复制制”菜单，然后切换到目标文档，在菜单，然后切换到目标文档，在“库库”面板面板空白处右击，在弹出的快捷菜单中选择空白处右击，在弹出的快捷菜单中选择“粘贴粘贴”菜单即可。菜单即可。将舞台上的元件实例直接复制到目标文档中，此将舞台上的元件实例直接复制到目标文档中，此时实例所链接的元件也同时被复制到目标文档的时实例所链接的元件也同时被复制到目标文档的“库库”面板中。面板中。在同一文档中，如果希望使用已有元件的部分或全部内容，这时可以先复制一份元件的副本，然后修改副本。直接复制元件 在“库”面板中用鼠标右击要复制的元件，选择“直接复制”菜单项，打开“直接复制元件”对话框，在该对话框中输入元件名，单击“确定”按钮完成复制。8.4.2 删除与重命名元件 同时删除多个元件 为元件重命名 要删除元件，只需在选定元件之后单击“库”面板底部的“删除”按钮，或者将要删除的元件拖到“库”面板底部的“删除”按钮 上即可。利用这种方法可以同时删除选中的多个元件。要重命名元件，只需在“库”面板的“元件项目列表”中双击元件的名称，然后在文本框中输入新名称即可。8.4.3 查找空闲元件 在制作Flash动画时，为了减小动画文件大小，可以将那些没有使用过的元件删除。选择没有使用过的元件 想要快速找到没有使用过的元件，只需单击“库”面板右上角的 按钮，在打开的菜单中选择“选择未用项目”菜单，此时没有使用过的元件将会被选中。8.4.4 排序元件 排序按钮 在“元件项目列表”的顶部，有五个“排序”按钮，它们是“名称”、“类型”、“使用次数”、“链接”、“修改日期”。单击“切换排序顺序”按钮，可在升序与降序之间切换。8.4.5 使用元件文件夹 我们可以将相关的元件放置在一个元件文件夹中，这样可以使“库”面板中的元件变得井然有序，方便查找和管理。要使用元件文件夹可执行以下操作：创建元件文件夹 1打开 素材文档，单击“库”面板底部的“新建文件夹”按钮 ，新建一个元件文件夹，文件夹的名称处于可编辑状态，我们将其命名为“人物”。将元件拖入文件夹 2选择“库”面板中与人物有关的元件，然后将其拖到“人物”元件文件夹上，即可将选中的元件移动到元件文件夹中。展开/折叠元件文件夹 通过快捷菜单新建文件夹 3要展开或折叠某个元件文件夹，直接双击该元件文件夹即可，要展开或折叠所有元件文件夹，可单击“库”面板右上角的 按钮，选择“展开所有文件夹”或“折叠所有文件夹”菜单。用鼠标右击选中的元件，在弹出的快捷菜单中选择“移至新文件夹”菜单，在打开的“新建文件夹”对话框中输入文件夹名，然后单击“确定”按钮，也可新建一个元件文件夹，并将选中的元件移至这个元件文件夹中。8.5 使用公用库中的按钮 Flash本身自带了很多有用的素材，它们被放置在“公用库”中，并被分为“学习交互”、“按钮”和“类”3种类型。我们以使用“公用库”中的按钮为例，为大家讲解“公用库”的使用方法：按钮的公用库 1打开或新建Flash文档后，选中要添加按钮的图层和关键帧，然后选择“窗口”“公用库”“按钮”菜单，打开“按钮”的“公用库”。将按钮拖到舞台 2双击展开“公用库”面板中的各元件文件夹，即可看到Flash提供的各种按钮，选中需要的按钮，将其拖入到舞台即可。