05 动作 元件按钮案例ppt课件

1、第8章 再论元件使用技巧,图形元件使用技巧 影片剪辑使用技巧 按钮元件使用技巧 元件的管理 使用公用库中的按钮,8.1 图形元件使用技巧,8.1.1 图形元件的特点,由于图形元件中的动画片断是附属于主影片时间轴的，所以具有以下特点：,当按下【Enter】键在时间轴上预览动画时，可以预览图形元件实例内的动画效果。 将带有动画片断的图形元件实例放在主时间轴上时，需要为其添加与动画片断等长的帧，否则播放时无法完整播放。 选中舞台上的图形元件实例后，在“属性”面板中可以设置图形元件中动画的播放方式 。 在图形元件中不能包含声音和动作脚本，也不能为舞台上的图形元件实例添加动作脚本。,设置动画的播放方式,

2、选择播放方式：“循环”表示在实例附属的时间帧允许的情况下，实例内的动画不停地循环播放；“播放一次”表示实例内的动画只播放一次；“单帧”表示不播放动画 。,在此可设置播放动画的起始帧。,8.1.2 图形元件的应用,在制作Flash动画的过程中遇到下列情况，应使用图形元件：,当静态图形或图像需要重复使用，或用来制作动画补间动画时，可将其制作成图形元件。 如果希望把做好的Flash动画导出成GIF等格式的图像动画，或导出成图像序列，那么其中包含动画片段的元件必须是图形元件；因为如果是影片剪辑，则导出的图像中只能显示影片剪辑第1帧上的图像。 由于图形元件中的动画可以在主时间轴上直接预览，所以在制作大型

3、动画时一般都会使用图形元件，这样方便配音和对动画进行调整。 由于可以控制图形元件中动画的播放方式，所以在制作需要对播放进行控制的动画时，都会使用图形元件，比如制作人物说话的动画。,选中图形元件实例后，单击“属性”面板中的“交换”按钮 ，会打开 “交换元件”对话框，在这里可以选择需要在舞台相同位置交换的元件。在为动画添加字幕时经常需要交换元件。,“交换元件”对话框,8.2 影片剪辑使用技巧,8.2.1 影片剪辑的特点,影片剪辑具有独立的时间轴，本身便是一段独立的动画。它具有以下特点：,无法在主时间轴上预览影片剪辑实例内的动画效果，在舞台上看到的只是影片剪辑第1帧的画面。 由于影片剪辑具有独立的时

4、间轴，所以即使主时间轴只有1帧，也可以完整地播放影片剪辑中的动画 。 在影片剪辑内部可以添加别的影片剪辑、按钮元件和图形元件实例，从而实现复杂动画效果。,可以在影片剪辑内部添加动作脚本和声音，也可以为舞台上的影片剪辑实例添加动作脚本。 可以为影片剪辑实例添加“滤镜”效果。,影片剪辑,主时间轴上只有1帧 。,测试动画时，可看到完整的效果 。,8.2.2 影片剪辑的应用,当需要制作带有声音和动作脚本的动画片段时，应使用影片剪辑。 当需要制作独立于主时间轴的动画片段时，应使用影片剪辑。,在遇到下列情况时，应使用影片剪辑：,课堂练习天鹅飞翔,天鹅飞翔,下面，利用图形元件 和影片剪辑，制作一个天鹅飞翔的

5、动画效果，具体操作步骤请参考书中内容。,8.3 按钮元件使用技巧,8.3.1 按钮元件的特点,用来创建按钮元件的对象可以是图形元件实例、影片剪辑实例、位图、组合、分散的矢量图形等。 在按钮元件内部可以添加声音但不能在帧上添加动作脚本。 必须为按钮元件添加脚本命令，才能够使其产生作用。,按钮元件具有以下特点：,8.3.2 创建按钮元件,下面通过创建一个按钮来介绍具体步骤：,创建按钮元件 绘制按钮轮廓,1.新建一个Flash文档，然后按快捷键【Ctrl+F8】，创建一个名为“播放”的按钮元件 。,2.在“播放按钮”按钮元件的编辑窗口中绘制一个没有填充色的椭圆，然后将这个矩形原位复制，并利用快捷键【

6、Ctrl+Shift+S】将复制品缩小至80% 。,按钮元件的时间轴与图形元件和影片剪辑的都不同，其前3帧中的内容决定着按钮在不同状态下的外貌，第4帧中的内容决定着按钮的有效范围，具体含义如下：,弹起：该帧中的内容决定着当鼠标指针不接触按钮时，按钮的外观。 指针经过：该帧中的内容决定着当鼠标指针移到按钮上面时，按钮的外观。 按下：该帧中的内容决定着当在按钮上按下鼠标左键时，按钮的外观。 点击：在该帧中可以定义响应鼠标的区域，此区域在动画播放时不可见。,设置线性渐变 填充按钮,3.在“混色器”面板中将“填充颜色”设为由“绿色#00FF00”到“深绿色#009900”的线性渐变 。,4.在外围的椭

7、圆中由上向下拖动鼠标填充渐变，在内部的椭圆中由下向上拖动鼠标填充渐变，并将外围椭圆的轮廓线改为“深绿色#009900”，内部椭圆的轮廓线改为“绿色#00FF00” 。,输入文字 制作按钮按下时的外观,5.选择“文本工具” ，将“字体”设为“Arial Black”、“字体大小”设为“40”、“字体颜色”设为“黄色#FFFF00”，然后在按钮上输入“play”字样。,6.在时间轴上的“指针经过”帧、“按下”帧和“点击”帧处插入关键帧，然后选中“按下”帧中的文字和内部的小椭圆，将它们缩小至90%，并在外围矩形和内部矩形的空隙处填充“深绿色#006600” 。,8.3.3 常用动作脚本与动作面板,1

8、常用动作脚本,最常用的动作脚本有“on”、“sotp”、“Play”、“gotoAndPlay”和“gotoAndStop”语句，下面我们逐一介绍：,“on”语句：在按钮实例上添加动作脚本命令语句时，必须先为其添加“on”事件处理函数，“on”函数的语法格式为： on（鼠标事件） 此处是语句，用来响应鼠标事件 “stop”语句：“stop”命令语句的作用是将动画停止在当前帧。语法格式为：stop(),“Play”语句：“Play”命令语句的作用是使停止播放的动画从当前位置继续播放。语法格式为：play(); “gotoAndPlay”语句：“gotoAndPlay”语句通常加在关键帧或按钮实例

9、上，作用是当动画播放到某帧或单击某按钮时，跳转到指定的帧并从该帧开始播放。gotoAndPlay语句的语法格式为：gotoAndPlay(scene,frame);其中frame表示将播放头转到哪个帧，可以是帧标签或具体第几帧；scene表示转到哪个场景。如果动画中只有一个场景，则输入帧数或帧标签即可。 “gotoAndStop”语句：“gotoAndStop”语句的作用是当播放头播放到某帧或单击某按钮时，跳转到指定的帧并从该帧停止播放。其语法格式和使用方法同gotoAndPlay语句相同。,2动作面板,要为按钮添加动作脚本，需要先选中要添加脚本命令的按钮元件，然后打开“动作”面板，所有的动作

10、脚本都在“动作”面板左侧的脚本命令列表框中 。,“动作”面板,脚本命令列表框,对象查看列表框,脚本输入窗口,展开“动作”面板的脚本命令列表框，双击需要的动作语句进行添加。 展开“动作”面板的脚本命令列表框，将需要的动作语句拖到脚本输入窗口。 直接在脚本输入窗口中输入要添加的动作语句。 单击脚本输入区上方的按钮，从弹出的菜单中选择要添加的动作语句。,在“动作”面板中可以通过下列任意一种方法添加动作脚本：,为按钮元件添加“goto”语句后的“动作”面板,在Flash8.0中，新增了“脚本助手”功能，在“脚本助手”处于选中状态时，会自动为添加脚本命令的对象安排格式，我们只需在“动作”面板中添加参数即

11、可。,以为按钮添加 “goto”语句为例进行讲解 。,设置帧标签,在“类型”下拉列表中可以选择 “帧编号”、“帧标签”、“表达式”、“下一帧”和“前一帧”。其中比较常用的是“帧编号”和“帧标签”，“帧编号”就是时间轴上帧的编号，选择“帧标签”要为时间轴上的帧设置一个标签，设置标签的方法是选中要设置标签的帧，然后在“属性”面板中输入帧标签的名称。,指定触发条件,单击第一行的“on”语句命令，可以设置按钮在什么状态下，会触发第二行的命令。,课堂练习控制影片播放,控制影片播放,下面通过为帧和按钮添加动作脚本，制作一个控制影片播放的动画效果，具体操作步骤请参考书中内容。,8.4 元件的管理,在制作Fl

12、ash动画时，我们可以将一个文档中的元件复制到另一个文档中，以达到文档间素材的共享。复制元件的方法有以下几种：,在“库”面板的“元件项目列表”中用鼠标右击需要复制的元件，在弹出的快捷菜单中选择“复制”菜单，然后切换到目标文档，在 “库”面板空白处右击，在弹出的快捷菜单中选择“粘贴”菜单即可。 将舞台上的元件实例直接复制到目标文档中，此时实例所链接的元件也同时被复制到目标文档的“库”面板中。,在同一文档中，如果希望使用已有元件的部分或全部内容，这时可以先复制一份元件的副本，然后修改副本。,直接复制元件,在“库”面板中用鼠标右击要复制的元件，选择“直接复制”菜单项，打开“直接复制元件”对话框，在该

13、对话框中输入元件名，单击“确定”按钮完成复制。,8.4.2 删除与重命名元件,同时删除多个元件 为元件重命名,要删除元件，只需在选定元件之后单击“库”面板底部的“删除”按钮 ，或者将要删除的元件拖到“库”面板底部的“删除”按钮 上即可。利用这种方法可以同时删除选中的多个元件。,要重命名元件，只需在“库”面板的“元件项目列表”中双击元件的名称，然后在文本框中输入新名称即可 。,8.4.3 查找空闲元件,在制作Flash动画时，为了减小动画文件大小，可以将那些没有使用过的元件删除。,选择没有使用过的元件,想要快速找到没有使用过的元件，只需单击“库”面板右上角的 按钮，在打开的菜单中选择“选择未用项

14、目”菜单，此时没有使用过的元件将会被选中。,8.4.4 排序元件,排序按钮,在“元件项目列表”的顶部，有五个“排序”按钮，它们是“名称”、“类型”、“使用次数”、“链接”、“修改日期” 。,单击“切换排序顺序”按钮，可在升序与降序之间切换 。,8.4.5 使用元件文件夹,我们可以将相关的元件放置在一个元件文件夹中，这样可以使“库”面板中的元件变得井然有序，方便查找和管理。要使用元件文件夹可执行以下操作：,创建元件文件夹,1打开 素材文档，单击“库”面板底部的“新建文件夹”按钮 ，新建一个元件文件夹，文件夹的名称处于可编辑状态，我们将其命名为“人物” 。,将元件拖入文件夹,2选择“库”面板中与人物有关的元件，然后将其拖到“人物”元件文件夹上，即可将选中的元件移动到元件文件夹中 。,展开/折叠元件文件夹,通过快捷菜单新建文件夹,3要展开或折叠某个元件文件夹，直接双击该元件文件夹即可，要展开或折叠所有元件文件夹，可单击“库”面板右上角的 按钮，选择“展开所有文件夹”或“折叠所有文件夹”菜单。,用鼠标右击选中的元件，在弹出的快捷菜单中选择“移至新文件夹”菜单，在打开的“新建文件夹”对话框中输入文件夹名，然后单击“确定”按钮，也可新建一个元件文件夹，并将选中的元件移至这个元件文件夹中 。,8.5 使用公