高职高专计算机实用教程系列规划教材

高职高专计算机实用教程系列规划教材 Flash 8 实用教程中国铁道出版社

第4章元件、实例和库 • 教学目的和要求 • 掌握元件与实例的概念，元件的类型、创建与编辑方法 • 掌握实例的创建与属性设置方法 • 学会使用库和共享库资源

第4章元件、实例和库 • 教学重点和难点 • 元件与实例的概念，元件的类型、创建与编辑方法 • 图形、元件与实例相互关系和区别

第4章元件、实例和库 • 主要内容 • 元件的创建：创建图形符号、创建影片剪辑、创建按钮 • 元件的编辑：缩放、旋转、倾斜、变形、翻转 • 实例的创建、实例的编辑 • 使用库和共享库资源

4.1 元件、实例和库资源概述 • 使用元件来设置动画的好处除了方便管理和调用外，最重要的是如果一个对象要重复使用，只需多次从“库”中调用，而不会增加文件的体积。 • 在这里涉及到“库”面板，它是一个专门用来存储和管理元件的面板。执行“窗口”菜单下的“库”命令，打开“库”面板，如图4.1.1所示。图4.1.1 “库”面板

4.1 元件、实例和库资源概述 • 单击“库”面板右上角的按钮弹出下拉菜单，如图4.1.2所示。在这个菜单中可以执行新建元件、重命名、复制、删除、查看属性等各针对元件的操作。 • 像管理图层一样相同类型的元件也可以存放在同一个文件夹中，在如图4.1.2所示的下拉菜单中执行“新文件夹”命令或单击“库”面板左下角的按钮可以新建一个元件文件夹，如图4.1.3所示。图4.1.2 下拉菜单图4.1.3 元件文件夹

4.1 元件、实例和库资源概述 • 被放置到舞台上的元件，称之为实例。如果元件被修改了，那么应用到电影中的实例也将作相应的修改，因此对于电影中大量的重复元素来说，只要修改了元件，所有实例就会自动更新。

4.2 创建和编辑元件 • 在Flash中创建元件时，既可以直接创建一个空白元件，在该元件的编辑模式中绘制图形作为元件的内容；也可以将舞台中的对象选中，将它们转换成元件。

4.2.1 元件的类型 • 根据功能和使用环境的不同，元件一共有三种形式：影片剪辑、按钮和图形。 • 影片剪辑元件表示的是影片中的小片断，它可以是静态的图形，也可以是一段动画。

4.2.1 元件的类型 • 按钮元件用于创建交互式按钮，它将会对鼠标的按下、拖曳等操作产生互动。按钮元件有4种不同的状态，即“弹起”状态（Up）、“经过”状态（Over）、“按下”状态（Down）、“点击”状态（Hit）。 • 图形元件表示的是一种最简单的元件，它主要用于表现静态的图形。

4.2.2 创建新元件 • （1）执行“插入”菜单下的“新建元件”命令，或使用快捷键<Ctrl+F8>，弹出“创建新元件”对话框，如图4.2.1所示。图4.2.2 元件定位点图4.2.1 “创建新元件”对话框

4.2.2 创建新元件 • （2）在“类型”中选择元件的类型，在“名称”文本框中输入元件的名字，单击“确定”按钮，如图4.2.2所示。 • （3）创建元件的内容。 • （4）返回影片编辑区。

4.2.3 将选定对象转换为元件 • 选取整个图形，执行“修改”菜单下的“转换为元件”命令，弹出的“转化为元件”对话框，如图4.2.4所示，在其中输入元件的名字，并确定元件的类型为“图形”后，单击“确定”按钮。这时，该图形就被转换为元件了。图4.2.4 “转化为元件”对话框

4.2.4 将舞台上的动画转换为影片剪辑 • （1）选中要转换动画所有层上的所有帧，单击鼠标右键，在弹出的菜单中选择“复制帧”命令，如图4.2.5所示。图4.2.5 选择“复制帧”命令

4.2.4 将舞台上的动画转换为影片剪辑 • （2）执行“插入”菜单下的“新建元件”命令，输入该元件的名字，并选择创建“影片剪辑”元件。 • （3）选中一帧，单击右键，在弹出的菜单中选择“粘贴帧”命令。 • （4）回到场景工作区，打开“库”面板就可以看到刚才创建的“影片剪辑”元件了。 • 当然“影片剪辑”元件也可以先执行“插入”菜单下的“新建元件”命令，在弹出的对话框中输入该元件的名字，并选择创建“影片剪辑”元件，然后单击“确定”按钮进入元件编辑工作区，然后在这个工作区中编辑元件的内容。

4.2.5 创建按钮元件 • 执行“插入”菜单下的“新建元件”命令弹出“创建新元件”对话框，选择创建“按钮”元件，立刻进入按钮元件编辑工作区，如图4.2.6所示。图4.2.6 按钮元件编辑工作区

4.2.5 创建按钮元件 • 按钮元件由4个状态组成，分别是“弹起”状态、“指针经过”状态、“按下”状态、“点击”状态。其中： • ·“弹起”状态：表示鼠标光标不在按钮上时的状态。 • ·“指针经过”状态：代表鼠标光标在按钮上时的状态。 • ·“按下”状态：代表鼠标单击按钮元件时状态。 • ·“点击”状态：定义对鼠标光标作出反应的区域，这个反应区域在电影中是看不见的。

4.2.6 编辑元件 • （1）打开“库”面板。 • （2）双击“库”面板中的元件图标，即可进入元件编辑状态。 • （3）根据需要在舞台中对元件进行编辑处理。 • （4）编辑完成后，执行“编辑-编辑文档”命令退出元件编辑状态。

4.3 创建和编辑实例 • 4.3.1 创建实例 • （1）在时间轴面板中单击按钮新建一图层，并选择该层为当前层。 • （2）单击“窗口”菜单中的“库”命令，打开库面板。 • （3）在库中选择元件，用鼠标拖到场景中即可创建该元件的实例。如图4.3.1所示。 4.3.1 从库面板中象场景拖元件

4.3.2 编辑实例 • 1．修改实例的颜色属性 • （1）在场景中选择一个元件实例，打开如图4.3.2所示的元件属性面板。 • （2）单击颜色选项右侧的下拉菜单，打开下拉列表。 4.3.2 属性面板

4.3.2 编辑实例 • 2．更改实例的元件类型 • （1）在场景中选择实例，打开属性面板。 • （2）单击元件类型下拉列表框的下拉按钮，如图4.3.8所示，选择一种类型即可。图4.3.8 元件类型选项列表

4.4 使用库和共享库资源 • 本节将对Flash 8的库的特点、作用及其使用方法进行讲解，并且就库的其他内容进行相关的介绍。

4.4.1 库的界面 • 库界面包括标题栏、预览窗口、文件列表以及库文件管理工具等，如图4.4.1所示。图4.4.1 库的界面

4.4.2 专用库 • 选择“窗口-库”命令，将弹出当前编辑环境下的专用库面板。该库中的文件夹和文件包含了当前编辑环境下所有的元件、导入的位图和其他对象、声音、视频等。还可以使用专用库界面左下角的库管理工具对库中的所有文件和文件夹自由地进行管理操作，这种功能将会给当前环境的动画制作带来方便。

4.4.3 通用库 • 选择“窗口-公用库”，可以在某子菜单中看到按钮、类和学习交互3项，这3项就是3种Flash 8内置的通用库。图4.4.5 按钮库面板

4.4.4 库的管理与使用 • 1．库元件的创建 • 2．库元件的重命名 • 3．库元件的使用

4.4.5 共享库资源 • 共享库资源使用户可以在多个目标影片中使用源影片的资源并可以通过各种方式优化影片资源管理。例如，用户可以使用共享库资源为多个场景或影片提供统一的元件来源，或者创建一个中央资源来跟踪和控制版本修订。我们可以选择共享资源的方式，一是在运行时共享，二是在创作时共享。

4.4.6 库文件的扩充 • （1）在Flash 8的源文件中找到名为“Libraries”的文件夹，可以看到其中包括Flash 8自带的3个通用库。 • （2）将要扩充的Flash 8文件复制到这个目录中。 • （3）重新启动Flash 8，新增的库出现在菜单中。 • （4）选择“窗口-公用库-音乐”命令打开这个新增库，拖动其中元件即可在动画中使用。

4.5 典型实例 • 4.5.1 实例一：电风扇 • 1．创建电影文件。 • 2．制作图形元件。 • 制作扇页。 • 制作外框。 • 制作底座

4.5 典型实例 • 3 ．编辑主场景 • 选择“图层1”的第1帧，将“底座”拖到场景中。 • 以同样的方法将“扇页”和“外框”拖到场景中。 • 最后调整它们的大小，使三者协调，完成制作。

4.5 典型实例 • 4.5.2 实例二：卡通时钟 • 1．创建电影文件。 • 2．制作影片剪辑元件。 • 3．使用时钟。 • 4．保存并测试电影文件。

4.5 典型实例 • 4.5.3 实例三：动态按钮 • 1．创建电影文件。 • 2．制作按钮元件。 • （1）新建一个按钮，命名为“btn”，单击“确定”按钮即进入“btn”按钮的编辑状态。 • （4）分别用鼠标右键 “指针经过”帧和“按下”帧， “插入关键帧” 。 • （5）选中图层的“指针经过”帧，改变它的大小和填充颜色。 • （6）选中“按下”帧，改变它的填充效果。 • 3 ．编辑主场景。 • 4．保存并测试电影文件。

高职高专计算机实用教程系列规划教材

高职高专计算机实用教程系列规划教材

Presentation Transcript