flash元件、实例和库高二

Flash动画制作元件、实例和库

教学目标：（１）了解元件和实例的基本概念（２）

掌握创建和使用不同类型的元件（３）掌握“库”资源的使用方法认识元件和实例创建元件

创建按钮编辑元件本章内容使用元件实例库资源元件：Flash中创建的可以反复使用的图形、按钮或是影片剪辑等资源，这些资源将放在库中.而实例就是元件的具体表现，当库中的元件拖动到舞台上后，就将它称之为成为实例（instance）元件有三种类型：

影片剪辑元件按钮元件图形元件一、认识元件和实例

元件是Flash中创建的可以反复使用的图形、按钮或是影片剪辑等资源，这些资源将放在库中；而实例就是元件的具体表现，当库中的元件拖动到舞台上后，就将它称之为实例。创建不同类型的元件

元件元件又叫符号或组件，是Flash动画的基本组成元素，具有独立时间轴的特殊对象。元件是可以被重复利用的图像、动画、按钮、字体等。使用元件可以缩小文档的尺寸、加快播放的速度。元件与实例之间的关系是父子关系。在舞台中，要对实例属性进行修改必须切换到元件编辑状态或“打散”。一个元件在同一个舞台上可以有多个实例，修改一个实例，只会对该实例产生影响，而修改一个元件，舞台上该元件的所有实例将发生相应的变化，这样将会大大简化对重复的图像、按钮、影片剪辑等对象的编辑工作，也减少了文件的大小。应用元件图形元件（Graphic）是静止的矢量图形或没有音效和交互的动画。它有自己独立的时间轴，不显示在当前作品的时间轴上。应用元件影片剪辑元件（MovieClip）用于创建可独立于主影像时间线播放并可重复使用的动画片段（独立的小电影），它支持音频信息及交互响应，或包含另一个元件。与图形元件不同：影片剪辑元件完全独立于主时间线。即，若主时间线只有一帧，其内的影片剪辑元件有10帧，该10帧电影剪辑元件仍能完整播放。影片剪辑元件只能通过“控制”|“测试影片”播放，不能在舞台上按回车键预览。应用元件

按钮元件(button)按钮（Button）元件支持鼠标操作。用于创建在动画中对标准的鼠标事件（如单击、指向等）做出响应的交互式按钮。按钮元件支持鼠标操作，由“弹起”、“指针经过”、“按下”、“点击”4个状态组成。二、创建元件把工作区中的现有元素转换成元件

创建新元件将动画转换为影片剪辑

复制元件选中工作区中的某个元素选择“修改”→“转换成元件”命令，这时弹出“转换为元件”对话框，输入元件的名称并选择元件类型选择“窗口”→“库”命令，打开库面板，即看到刚才建立的新元件方法如下：1、把工作区中的现有元素转换成元件“转换为元件”对话框２、创建新元件方法如下：选择“插入”→“新建元件”命令，将弹出“创建新元件”对话框单击库面板中的按钮，在弹出的菜单中选择“创建新建元件”命令单击库面板最底下的按钮，也可以打开“创建新建元件”对话框，输入元件的名称，选择元件的类型，单击“确定”按钮后，即可新建一元件

“创建新元件”对话框

创建新元件元件编辑模式

使用绘图工具绘图或导入媒体等建立元件的内容当建完元件后单击下图中的“场景1”，返回到场景编辑状态

在当前位置编辑

在新窗口中编辑元件

在元件编辑模式下编辑元件退出元件编辑模式３、编辑元件在当前位置编辑

选中一个元件的实例，选择“编辑”→“编辑位置”命令，或者右击，在弹出的快捷菜单中选择“在当前位置编辑”，或直接双击弹出菜单

在新窗口中编辑元件

在工作区选中一个元件实例后，右击，从弹出的快捷菜单中选择“在新窗口中编辑”，选中的元件在新的独立窗口中出现

退出元件编辑模式当编辑完元件后，要退出元件编辑模式，可以使用以下方法：单击工作区左上角的场景名称按钮

，例如，单击如下图中所示的场景1选择“编辑”→“编辑文档”命令

退出元件编辑模式复制元件的方法如下：

４、复制元件在库面板中选择一个元件单击库面板中的按钮，从弹出的菜单中选择“直接复制”命令，这时会弹出“元件属性”对话框，输入新元件的名称并选择所复制的元件的类型。确定后库窗口会增加一个与被复制元件一样的新元件，只需要在元件编辑模式下对它进行一定的修改就可以成为一个新元件了５、将动画转换为影片剪辑转换方法如下：在舞台上制作一个动画在时间轴任意一个单元格上右击，在弹出的快捷菜单中选择“选择所有帧”右击，在弹出的快捷菜单中选择“复制帧”命令，或者直接选择“编辑”→“复制帧”命令，即可将所有帧都复制到剪贴板上将动画转换为影片剪辑4.选择“插入”→“新建元件”命令，在弹出的对话框中输入元件名称，选择影片剪辑作为元件的类型，然后单击“确定”按钮，则舞台切换到元件编辑模式，用户可以编辑元件5.单击时间轴的第一帧，并选择“编辑”→“粘贴帧”命令，将刚才复制到剪贴板上的动画粘贴进来；或在第一帧上右击，在弹出的快捷菜单中选择“粘贴帧”，也可将动画粘贴到元件编辑模式舞台上6.选择“编辑”→“编辑文档”命令，回到电影编辑模式；或者单击舞台左上方的场景编辑按钮四、公用库资源为了方便调用元件，减少重复工作，提高工作效率，在Flash中附带了很多元件，都保存在公用库里，选择“窗口”→“公用库”命令，弹出“学习交互”、“按钮”、“类”子菜单“学习交互”、“按钮”、“类”公用库面板

实例11制作气球元件一、绘制气球（1）新建Flash文件，执行【插入】|【新建元件】命令，弹出【创建新元件】对话框，输入元件【名称】为“气球”，选择【行为】为【影片剪辑】，单击【确定】按纽。（2）利用椭圆工具绘制气球基本形状；利用铅笔工具绘制气球的充气口部分。给气球填充一种渐变颜色。如图3-5(a)及(b)所示。图3-5气球绘制（3）删除气球的边缘线段，利用椭圆工具在气球上绘制高光部分。如图3-5(c)所示。（4）绘制栓气球的绳子，最终得到如图3-6所示的气球元件制作桃花元件1、绘制花瓣a.选择“椭圆工具”，将笔触颜色设为“无”，填充色类型设为“线性”，在混色器中修改渐变颜色，绘制出一个花瓣。b.使用“填充变形工具”修改花瓣颜色的渐变方向。2、复制花瓣，组合成桃花a.将花瓣的旋转中心拉至底端。b.在变形窗口中设置旋转角度，复制并应用变形。c.绘制出如右图的桃花。实例12创建多色气球（5）从“库”面板中拖放三次“气球”至动画舞台，得到三个气球的实例，利用“任意变形工具”，修改气球的大小以及旋转角度，得到图3-7左侧的图形。（6）选中一个气球实例，，点击“设置”对其颜色进行高级设置，如图3-8所示。最终得到图3-7右侧的各色气球图形。图3-7气球实例属性的修改改变实例属性为实例交换元件改变实例类型打散实例三、使用元件实例任务二使用实例

创建实例

实例就是元件的具体表现，当库中的元件拖动到舞台上后，就将它称之为实例。

编辑实例，可以采用编辑修改一般对象的方法，此外每个实例都有自己的属性，利用它的“属性”面板可以改变实例的位置、大小、颜色、亮度、透明度等属性。编辑实例不会再受相应元件和其它有同一元件创建的其它实例的影响。任务二使用实例

创建实例实例的“属性”面板：“颜色”下拉列表框：可以设置实例的亮度、色调、透明度等。亮度：“颜色”下拉列表框右侧增加了一个带滑动条的文本框，范围从-100%~+100%；色调：调整RGB所对应的滑块可以改变实例的颜色。

Alpha（透明度）：“颜色”下拉列表框右侧增加了一个带滑动条的文本框，范围从0%~100%；任务二使用实例

创建实例实例的“属性”面板：高级：单击“颜色”下拉列表框右侧增加的“设置”按钮，弹出“高级效果”对话框，百分数区域范围从0%~100%调整，数值区域从-255~+255调整。复制元件：“属性”面板的“交换”按钮实例元件使用

调整实例颜色变换实例形状更改实例行为变换元件

只要将“库”面板中的元件拖放到舞台上即可应用，放置在舞台上的对象只是对“库”面板中相应元件的引用，通常被称之为实例。37元件使用调整实例颜色

选中实例的情况下，“属性”面板的右侧为调整实例颜色的列表框，如图所示。选中不同的选项，可对实例设置不同的颜色效果。调整实例亮度

选中红色的“双足”实例，如图所示设置，效果如图。

38元件使用调整实例色彩

选中舞台上红色的“双足”实例，按照图所示设置，此时红色的“双足”实例呈亮黄色。调整实例颜色调整实例透明度

选中舞台上红色的“双足”实例，按照图所示设置，此时透过红色的“双足”实例可以看到其下方的图像内容。39元件使用调整实例高级选项

选中舞台上的“图像”实例，在“属性”面板的颜色列表框中选择“高级选项”项，如图所示设置各项参数，此时“图像”实例中的颜色发生本质的变化。调整实例颜色40元件使用

倾斜实例（1）选中舞台上的“双足”实例，选择任意变形工具，同时单击工具选项区中的“旋转和倾斜”按钮，此时实例外围呈现8个方形手柄。（2）将光标移至中间的句柄呈现时，按住鼠标左键横向拖动，虚线显示部分就是实例倾斜后的结果；释放鼠标左键后，就可以看到倾斜实例的最终结果。变换实例形状41元件使用

旋转实例（1）选中舞台上的“双足”实例，选择任意变形工具，同时单击工具选项区中的“旋转和倾斜”按钮，此时实例外围呈现8个方形手柄。（2）将光标移至拐角的句柄呈现时，按住鼠标左键旋转拖动，虚线显示部分就是实例旋转后的结果；释放鼠标左键后，就可以看到旋转实例的最终结果。变换实例形状42元件使用拉伸实例（1）选中舞台上的“双足”实例，选择任意变形工具，同时单击工具选项区中的“缩放”按钮，此时实例外围呈现8个方形手柄。（2）将光标移至中间的句柄呈现时，按住鼠标左键横向拖动，虚线显示部分就是实例拉伸后的结果；释放鼠标左键后，就可以看到拉伸实例的最终结果。变换实例形状43元件使用变换实例形状缩放实例（1）选中舞台上的“双足”实例，选择任意变形工具，同时单击工具选项区中的“缩放”按钮，此时实例外围呈现8个方形手柄。（2）将光标移至拐角的句柄呈现时，按住鼠标左键斜向拖动，虚线显示部分就是实例等比例缩放后的结果；释放鼠标左键后，就可以看到缩放实例的最终结果。44元件使用

选择舞台上的黑色“双足”实例，将其进行水平倾斜处理，然后在“属性”面板中调整实例色调为100%红色，如图所示。单击“属性”面板中的“交换”按钮，或者选择“修改”|“交换元件”命令，弹出“交换元件”对话框，选择其中的图形元件Hand，如图所示。变换元件45元件使用单击“确定”按钮后，如图所示，实例设置均没有任何改变。舞台上的实例却已经发生变化了，如图所示。变换元件46改变实例属性选中一元件的实例，“属性”面板变为该实例的属性。在该面板中，用户可以改变实例的属性实例“属性”面板

步骤如下:为实例交换元件在工作区选中一个实例单击实例属性面板中的“交换”按钮，弹出“交换元件”对话框，在其中的目录里列出了该动画已有的可以作为更换的元件。单击另一元件，确定后即完成交换

“交换元件”对话框

改变实例类型在Flash8中，改变实例类型很简单，只要选中实例，然后在“属性”面板中的下拉列表框中选择实例的类型即可改变实例类型

打散实例打散实例：可以切断它与元件的联系，成为非群组的形状和直线的集合从而可对实例的局部进行较为细致的操作选中需要打散的实例选择“修改”→“分离”命令，将实例打散为图形元素的组合，或使用快捷键Ctrl+B使用绘图工具修改元素

打散实例的步骤如下：实例练习：作业11气球飘动步骤一、制作气球飘动影片剪辑元件1、利用前面讲过的引导层动画，