flash cs5入门与提高课件第7章 元件、实例
合集下载
中文版FlashCS5基础培训教程
第1章 图形的绘制与编辑
本章简介：
本章本章将介绍Flash CS5 绘制图形的功能和编辑图形的 技巧，还讲解了多种选择图形 的方法以及设置图形色彩的技 巧。读者通过学习，要掌握绘 制图形、编辑图形的方法和技 巧，能要独立绘制出所需的各 种图形效果并对其进行编辑， 为进一步学习Flas
颜色面板
选择“窗口 > 颜色”命令，弹出“颜色”面板。
自定义纯色
在“颜色”面板的“类型”选项中，选择“纯色”选项。在面板下方 的颜色选择区域内，可以根据需要选择相应的颜色。
自定义线性渐变色
在“颜色”面板的“类型”选项中选择“线性”选项 。将鼠标放置 在滑动色带上，在色带上单击鼠标增加颜色控制点，并在面板下方为新增 加的控制点设定颜色及明度。
效果图
调整向量线条和色块
选择“选择”工具，将鼠标移至对象，鼠标下方出现圆弧。拖 动鼠标，对选中的线条和色块进行调整。
部分选取工具
选择“部分选取”工具，在对象的外边线上单击，对象上出现多个节点。 拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状。
改变对象的曲线形状
套索工具
“套索”工具
选择“套索”工具，用鼠标在位图上任意 勾选想要的区域，形成一个封闭的选区，松开
样本面板
在样本面板中可以选择系统提供的纯色或渐变色。选择“窗口 > 样本”命 令，弹出“样本”面板。在控制面板中部的纯色样本区，系统提供了216种纯 色。
“样本”面板
课堂练习——绘制花店标志
使用选择工具和套索工具删除笔画，使用钢笔工具和画笔工具绘制曲线和 螺旋效果，使用变形面板制作图形旋转效果，使用椭圆工具绘制椭圆形制作底 图效果。
课堂学习目标
基本线条与图形的绘制 图形的绘制与选择 图形的编辑 图形的色彩
本章简介：
本章本章将介绍Flash CS5 绘制图形的功能和编辑图形的 技巧，还讲解了多种选择图形 的方法以及设置图形色彩的技 巧。读者通过学习，要掌握绘 制图形、编辑图形的方法和技 巧，能要独立绘制出所需的各 种图形效果并对其进行编辑， 为进一步学习Flas
颜色面板
选择“窗口 > 颜色”命令，弹出“颜色”面板。
自定义纯色
在“颜色”面板的“类型”选项中，选择“纯色”选项。在面板下方 的颜色选择区域内，可以根据需要选择相应的颜色。
自定义线性渐变色
在“颜色”面板的“类型”选项中选择“线性”选项 。将鼠标放置 在滑动色带上，在色带上单击鼠标增加颜色控制点，并在面板下方为新增 加的控制点设定颜色及明度。
效果图
调整向量线条和色块
选择“选择”工具，将鼠标移至对象，鼠标下方出现圆弧。拖 动鼠标，对选中的线条和色块进行调整。
部分选取工具
选择“部分选取”工具，在对象的外边线上单击，对象上出现多个节点。 拖动节点来调整控制线的长度和斜率，从而改变对象的曲线形状。
改变对象的曲线形状
套索工具
“套索”工具
选择“套索”工具，用鼠标在位图上任意 勾选想要的区域，形成一个封闭的选区，松开
样本面板
在样本面板中可以选择系统提供的纯色或渐变色。选择“窗口 > 样本”命 令，弹出“样本”面板。在控制面板中部的纯色样本区，系统提供了216种纯 色。
“样本”面板
课堂练习——绘制花店标志
使用选择工具和套索工具删除笔画，使用钢笔工具和画笔工具绘制曲线和 螺旋效果，使用变形面板制作图形旋转效果，使用椭圆工具绘制椭圆形制作底 图效果。
课堂学习目标
基本线条与图形的绘制 图形的绘制与选择 图形的编辑 图形的色彩
FLASH_CS4课件L7元件库和实例
• 高级：用于调整实例的红、绿、蓝和透明度。 • Alpha（不透明度）
– 0%~100%，0%完全不可见，100%完全可见
实例的属性（3） 循环（仅图形元件）
循环：按照当前实例占用的帧数来循环包含在 该实例内的所有动画序列。 播放一次：从指定帧开始播放动画序列直到动 画结束，然后停止。 单帧：显示动画序列的一帧； 指定要显示的帧。
元件是指在 Flash 创作环境中创建过一次的图形、按 钮或影片剪辑，可以拥有 Flash 能够创建的所有功能， 包括动画。
还可以包含从其它应用程序中导入的插图； 元件一旦被创建（只需创建一次），就会被自动添加到当前 文档的库中， 然后可以在当前文档或其它文档中重复使用 而不会显著增加文件的大小。
名称、类型、文件夹 “确定”后，将该元件 添加到库中，并切换 到元件编辑模式
创建元件（2） 将选定对象转换为元件
在舞台上选择一个或多个 对象，执行下列操作之一 打开“转换为元件”对话框：
• • • • 菜单项“修改|转换为元件” 右键快捷菜单中的“转换为元件” 将选中对象拖到“库”面板上 快捷键F8
按钮的作用
通过给按钮添加动作，把动作设置在on鼠标事件处理程 序中 交互按钮 例：为按钮添加链接
on (press) {getURL(""); } 通过单击按钮在浏览器窗口打开相应的页面
按钮的作用
控制播放按钮 on(press){ play() ;} //播放 on(press){ stop() ;} //停止
• 在舞台上进行的删除， 只是删除了元件的一 个实例 右键快捷菜单中 面板菜单中 “删除”按钮
“库”面板中的“删除”
• • •
更改元件类型 1. 打开“元件属性” 对话框
Flash CS5中文版标准实例教程配套全册教学课件
从图中可以看出该工具栏提供了16个最常用的命令，它可以固定横放 在菜单栏的下面，也可以垂直固定在左右边框上，还可以浮动在屏幕 上。
1.2.4 绘图工具箱
使用Flash CS5进行动画创作，必须绘制各种图形和对象，这就必须 使用到各种绘图工具。绘图工具箱中包含了10多种绘图工具，用户可 以使用这些工具对图像或选定区进行操作。单击工作区右侧的工具箱 缩略图标，即可展开工具箱面板，如图所示。
Flash CS5为了方便用户的使用，将一些使用频率比较高的菜单命令 以图形按钮的形式放在一起，组成了工具栏，如图所示。工具栏中的 按钮可用来快速开始一个新的项目，用户只需单击工具栏上的按钮， 就可以执行该按钮所代表的操作。
通过执行“窗口”/“工具栏”/“主工具栏”命令，可以在Flash CS5的 工作界面显示或隐藏工具栏。
1.2.1 标题栏
标题栏在整个屏幕的最上方。与以往版本相比，Flash CS5对界面进 行了优化，把菜单栏与标题栏合在一起，使得界面整体感觉更为人性 化，工作区域进一步扩大。窗口栏的右侧新增的搜索栏，可以使用户 很方便地搜索到官网上有关的帮助信息。
在Flash CS5中，工作区预设外观模式增加到了七种（动画、传统、 调试、设计人员、开发人员、基本功能、小屏幕），方便不同的用户 群的喜好选择。单击标题栏右上角的“基本功能”按钮，可以快速更 换工作区外观模式。
1.2.5 时间轴
Flash CS5的时间轴窗口默认情况下位于工作区的下方，它是处理帧 和层的地方，而帧和层则是动画的主要组成部分。当选择某一层，然 后在舞台上绘制内容或者将内容导入到舞台中时，该内容将成为这个 层的一部分，因为它是当前所选的内容。时间线上的帧可根据时间改 变内容。舞台中所出现的每一帧的内容表示该时间点上出现在各层上 的所有内容的反映。可以移动、添加、改变和删除不同帧的各层上的 内容以创建运动和动画。在时间线上使用多层层叠技术可将不同内容 放置在不同层，从而创建一种有层次感的动画效果。
1.2.4 绘图工具箱
使用Flash CS5进行动画创作，必须绘制各种图形和对象，这就必须 使用到各种绘图工具。绘图工具箱中包含了10多种绘图工具，用户可 以使用这些工具对图像或选定区进行操作。单击工作区右侧的工具箱 缩略图标，即可展开工具箱面板，如图所示。
Flash CS5为了方便用户的使用，将一些使用频率比较高的菜单命令 以图形按钮的形式放在一起，组成了工具栏，如图所示。工具栏中的 按钮可用来快速开始一个新的项目，用户只需单击工具栏上的按钮， 就可以执行该按钮所代表的操作。
通过执行“窗口”/“工具栏”/“主工具栏”命令，可以在Flash CS5的 工作界面显示或隐藏工具栏。
1.2.1 标题栏
标题栏在整个屏幕的最上方。与以往版本相比，Flash CS5对界面进 行了优化，把菜单栏与标题栏合在一起，使得界面整体感觉更为人性 化，工作区域进一步扩大。窗口栏的右侧新增的搜索栏，可以使用户 很方便地搜索到官网上有关的帮助信息。
在Flash CS5中，工作区预设外观模式增加到了七种（动画、传统、 调试、设计人员、开发人员、基本功能、小屏幕），方便不同的用户 群的喜好选择。单击标题栏右上角的“基本功能”按钮，可以快速更 换工作区外观模式。
1.2.5 时间轴
Flash CS5的时间轴窗口默认情况下位于工作区的下方，它是处理帧 和层的地方，而帧和层则是动画的主要组成部分。当选择某一层，然 后在舞台上绘制内容或者将内容导入到舞台中时，该内容将成为这个 层的一部分，因为它是当前所选的内容。时间线上的帧可根据时间改 变内容。舞台中所出现的每一帧的内容表示该时间点上出现在各层上 的所有内容的反映。可以移动、添加、改变和删除不同帧的各层上的 内容以创建运动和动画。在时间线上使用多层层叠技术可将不同内容 放置在不同层，从而创建一种有层次感的动画效果。
flashcs5入门资料
第一章初识flash1.1flash的前世今生1.2Flash的应用范围1.3Flsh的学习方法1.4你需要了解的基本概念1.4.1矢量图与位图1.4.2色彩的基本知识1.5Flash工作界面1.5.1初识flash界面1.5.2时间轴面板1.5.3工作区1.5.4图层与时间轴面板1.5.5工具箱1.5.6浮动面板第二章flash基础操作2.1 文档操作2.2 绘制图形2.3 描边和填色2.4 编辑图形2.5 其他编辑工具第三章元件及场景的使用3.1元件与库面板的基本操作3.2 元件的分类及用途3.3元件与实例的联系与区别3.4 元件的嵌套3.5 场景及场景面板的使用第四章flash 基本动画类型4.1 什么是动画基本类型4.2 帧与图层4.2 逐帧动画4.3 补间形状动画4.4 补间运动动画（传统补间）4.5 遮罩动画4.6 引导动画4.7 其他动画类型第五章动画短片的制作5.1 动画短片的概况5.2 动画短片剧本的设计5.2 动画形象的设计5.3 动画场景的设计5.4 动画镜头的运用5.5 动画短片实例第六章模板与组件6.1 认识模板6.2 保存和应用模板6.3 组件内容的简介6.4 实例讲解第七章初识动作脚本第八章AS3.0初步第九章Flash的发布第十章综合实例第一章初识flash1.1flash的前世今生flash是由国际著名软件公司Macromedia开发的一款交互式网络矢量动画软件，它与该公司的Dreamweaver和Fireworks一起被称作网页设计三剑客，曾在网页制作中声名显著。
2010年，网页设计三剑客被著名的软件公司Adobe公司收购，从而翻开了flash新的一页。
目前，flash是当今网络最流行的动画作品制作工具，并成为了交互式矢量动画标准。
1.2 flash的应用范围随着网络热潮的不断掀起，Flash动画软件版本也开始逐渐升级。
强大的动画编辑功能及操作平台更深受用户的喜爱，从而使得Flash动画的应用范围越来越广泛，其主要体现在以下几个方面。
《Flash动画制作课程》元件和实例教案
"·属性按钮：单击打开所选项的属性面板·删除按钮：单击删除选中的项目5.2 创建图形元件图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。
一. 将场景中的元素转换成图形元件1.选择要变为元件的元素，可选择一个或多个2.选择菜单“修改”→“转换为元件”或按F8键3.在名称栏中输入元件名称，在行为栏中选择“图形”4.单击"确定"按钮二. 创建新的图形元件1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元件”按钮2.在名称栏中输入元件名称，在行为栏中选择“图形”后，单击"确定"。
3.在舞台中创建元件内容4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式5.3创建影片剪辑元件影片剪辑元件主要用于制作需要重复使用的动画片段。
一. 创建新的影片剪辑元件操作步骤：1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元件”按钮2.在名称栏中输入元件名称，在行为栏中选择“影片剪辑”后，单击"确定"。
3.在舞台中制作影片剪辑的动画内容4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式二.将舞台上的动画转换为影片剪辑操作步骤：1.选择帧•选择某些层的所有帧：按住Shift键，点击时间轴左边要转换为影片剪辑的各层；•选择多个连续的帧：单击某帧，再按住 Shift 键并单击其它帧2. 拷贝帧：右键单击选定的帧，从弹出菜单中选择“复制帧”或选择“编辑”→“时间轴”→“复制帧”3. 新建元件：选择“插入”→“新建元件”；在对话框中给元件命名。
选择“影片剪辑”后单击“确定”4. 在时间轴上右键单击第1层上的第1帧，在弹出的菜单中选择“粘贴帧”5. 单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式。
5.4 实例的创建与修改一.创建实例在创建元件之后，用户就可以使用元件创建实例，电影中的所有地方都可以使用元件实例，包括在其他元件的内部创建实例步骤：1）选中时间轴的层2）选择窗口→库或按Ctrl+L键打开库面板3）将元件拖到舞台上二.改变实例的属性每个实例可以有自己的属性，属性独立于元件。
《FlashCS5多媒体课件制作案例教程》教学课件 007
3.选择“文本工具〞， 在“属性〞面板中将 “文本类型〞设为“静 态文本〞，在“文本
〞图层的舞台中创立 选项文本。
创立题干和选项文本
4.将“文本工具〞 的 “文本类型〞设为“动 态文本〞，在“文本〞
图层的舞台中创立选 项文本。
创立动态文本
5.在“按钮〞图层创立一个矩形并使 用“选择工具〞 调整其形状，然后 为其填充由青色〔#00FFFF〕到深蓝 色〔#0033FF〕再到青色〔#00FFFF〕 的线性渐变，再将其转换为名为 “提交〞的按钮元件。
“多项选择题〞课件
首先制作多项选择题课件的界面，并准备课件的素材，具体步骤如下：
1.新建一个Flash文档，将场景大小设为800×600像素， 然后将“底图.jpg〞图像素材导入到舞台中，并将其“x 〞和“y〞坐标都设为“0〞。
新建并重命名图层
2.在“图层1〞上方新建5个
图层，并将图层分别命名 为“底图〞、“文本〞、“选 项〞、“判断〞、“按钮〞 和“声音〞。
交〞文本，再在指针经过帧、按下帧和 点击帧处插入关键帧，并将“指针经过〞 帧中的文本改为黑色。
编辑“提交〞按钮元件
CheckBox组件用于制作可让使用者同时选择多个工程的复选框，下面为课件 添加CheckBox组件，具体步骤如下：
添加CheckBox组件
1.返回主场景，翻开“组件 〞面板，将User interface类 中的CheckBox组件拖至“选 项〞图层舞台中第1行选项 文本的左侧。
设置“正确声音〞影片剪辑中的声音
2.在“图层1〞上方新建“图层2〞，然 后分别将图层重命名为“声音〞和 |“代码〞，在所有图层的第20帧插 入普通帧，在“声音〞图层的第2帧 插入关键帧，再在“属性〞面板中的 “名称〞下拉列表中选择“正确 音.mp3〞选项，在“同步〞下拉列表 中选择“数据流〞选项。
flash基础教程第七章课件
图 7-21所示的效果
图7-20 帧【属性】面板
图7-21 调整篮球运动速率
flash基础教程第七章课件
（3）通常情况下，篮球在被投射出去之后，还会具有相对于投球人 手的反转运动，所以在【属性】面板中设置【旋转】属性为“逆 时针”，【次】为“5”，如图7-22所示。
图7的运动真实了，但是发现篮球在穿越 “球网”的时候球网没有任何的动作，这是不符合实际情况的， 如图7-23所示。
变形中心
图7-8 放fl置ash汽基础车教程位第置七章课件
7、在“图层2”的第1帧～第80帧之间创建动作补间动画。 8、用鼠标右键单击“图层1”，在弹出的快捷菜单中选择【引导层 】命令，将“图层1”转化为引导层，然后将“图层2”拖到“图层 1”的下面，将其转化为被引导层，此时图层效果如图7-9所示。
3、在“图层1”的第80帧处插入帧。 4、新建图层并重名为“图层2”，并将其拖到“图层1”的下面。 5、将【库】面板中的“汽车1”元件拖动到舞台中，并设置其位置
如图7-7所示 。
变形中心
整体效果
放大图
图7-7 放置汽车元件
6、在“图层2”的第80帧处插入关键帧，设置第80帧处汽车元 件的位置如图7-8所示。
（6）这里设计让蜻蜓分三路进入舞台，其中“路径上”和“路径 下”的“蜻蜓”从舞台左边向右边飞，而“路径中”的“蜻蜓 ”从舞台右边向左边飞。
（40在“路径中”图层上面新建图层并重命名为“蜻蜓上”层，将 “蜻蜓”元件拖入到“蜻蜓上”图层上，并设置其第1帧的位置 如图7-40所示。
图7-28 设置背景图片
图7-29 设置前景图片
2、制作气泡飘动效果。 （1）为了操作方便，将“前景”图层隐藏，然后在“气泡1路径”
和“气泡2路径”图层上绘制如图7-30所示的引导线 。
图7-20 帧【属性】面板
图7-21 调整篮球运动速率
flash基础教程第七章课件
（3）通常情况下，篮球在被投射出去之后，还会具有相对于投球人 手的反转运动，所以在【属性】面板中设置【旋转】属性为“逆 时针”，【次】为“5”，如图7-22所示。
图7的运动真实了，但是发现篮球在穿越 “球网”的时候球网没有任何的动作，这是不符合实际情况的， 如图7-23所示。
变形中心
图7-8 放fl置ash汽基础车教程位第置七章课件
7、在“图层2”的第1帧～第80帧之间创建动作补间动画。 8、用鼠标右键单击“图层1”，在弹出的快捷菜单中选择【引导层 】命令，将“图层1”转化为引导层，然后将“图层2”拖到“图层 1”的下面，将其转化为被引导层，此时图层效果如图7-9所示。
3、在“图层1”的第80帧处插入帧。 4、新建图层并重名为“图层2”，并将其拖到“图层1”的下面。 5、将【库】面板中的“汽车1”元件拖动到舞台中，并设置其位置
如图7-7所示 。
变形中心
整体效果
放大图
图7-7 放置汽车元件
6、在“图层2”的第80帧处插入关键帧，设置第80帧处汽车元 件的位置如图7-8所示。
（6）这里设计让蜻蜓分三路进入舞台，其中“路径上”和“路径 下”的“蜻蜓”从舞台左边向右边飞，而“路径中”的“蜻蜓 ”从舞台右边向左边飞。
（40在“路径中”图层上面新建图层并重命名为“蜻蜓上”层，将 “蜻蜓”元件拖入到“蜻蜓上”图层上，并设置其第1帧的位置 如图7-40所示。
图7-28 设置背景图片
图7-29 设置前景图片
2、制作气泡飘动效果。 （1）为了操作方便，将“前景”图层隐藏，然后在“气泡1路径”
和“气泡2路径”图层上绘制如图7-30所示的引导线 。
FlashCS5课件制作技术 第7章
在【属性】面板中，显示出组件的参数，如图72所示。
图7-2 【参数】选项卡
以下过程解释了如何在创作时将 Button 组件添加到应用程序。在本示例中，单击按钮时
会显示一条消息。
1、创建具有 Button 组件的应用程序： 步骤 1 将 Button 组件从"组件"面板拖到 舞台上。输入实例名称【my_button】。如图 7-3所示。
Flash组件是使用Adobe组件体系结 构第2版构建的。 第2版组件作为编译剪辑(SWC)元件 包含在【组件】面板中。编译剪辑是其代 码已经过编译的组件影片剪辑。 第 2 版组件是用ActionScript 2.0 编写的。每个组件都是一个类，而每个类 都属于一个ActionScript包。
7.2 常用组件
7.2.2
CheckBox组件
复选框是一个可以选中或取消选中的方框。 在【组件】面板中，将CheckBox组件拖曳到舞台 窗口中，如图7-8所示。
图7-8 在文档中添加CheckBox组件
在【属性】面板中，显示组件的参数，如图7-9 所示。
图7-9 【参数】选项卡
下面用实例介绍CheckBox组件的应用。 将CheckBox组件拖曳到舞台窗口后，选择 【属性】面板，在“label”选项的文本框中 输入“数学”，如图7-10所示
图7-15输入restrictAge作为实例名称
步骤3 在时间轴中选择第一帧，打开"动作"面 板，然后输入以下代码。如图7-16所示。
图7-16 输入代码
步骤 4测试效果如下。如图7-17所示。
图7-17测试效果
7.2.3
ComboBox 组件
通过使用ComboBox组件，可以从 下拉列表中做出一项选择。组合框可以 是静态的，也可以是可编辑的。通过使 用可编辑的组合框，用户可以在列表顶 部的文本字段中直接输入文本，也可以 从下拉列表中选择一项。如果下拉列表 到达文档底部，该列表将会向上打开。
Flash CS5高级教程(第2版)课件第7章 教学课件
过程图效果图Βιβλιοθήκη 7.3 课后习题——学字母发音
使用椭圆工具和颜色面板绘制按钮图形，使用变形面板改 变图形的大小，使用对齐面板将按钮图形对齐。
效果图
Flash CS5高级教程（第2版）课件第7 章 教学课件
第7章 教学课件
本章简介：
应用Flash CS5制作教学课件， 制作出来的课件具有容易操作、直观 性强等特点，能使教学内容更具体化 、更丰富、有趣生动。
本章将主要介绍应用Flash CS5 制作教学课件的方法和技巧，并学习 通过大量的图片、文字，结合幻灯片 与组件制作出富有知识性、趣味性的 教学课件。
课堂学习目标
幻灯片课件 计算机课件
7.1 幻灯片课件
使用创建传统补间命令制作动画效果，使用图形属性面板 改变图形的颜色和透明度，使用转换位图为矢量图命令将位图 转换为矢量图，使用文本工具添加文字，使用动作面板添加脚 本语言。
过程图
效果图
7.2 计算机课件
使用文本工具添加文本，使用组件面板制作确定按钮和 答案选项，使用动作面板添加脚本语言。
- 1、下载文档前请自行甄别文档内容的完整性，平台不提供额外的编辑、内容补充、找答案等附加服务。
- 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
- 3、如文档侵犯您的权益，请联系客服反馈,我们会尽快为您处理(人工客服工作时间：9:00-18:30)。
第7章 元件、实例和库
本章重点
本章将向读者介绍元件和实例的创建与编辑方法，以及元件库与公 共库的使用，内容包括图形元件、按钮元件和影片剪辑元件的创建与 操作，如何转换、复制与编辑元件，如何添加实例至舞台，如何对库 中的项目进行创建、删除、重命名、查看，以及如何定义和使用公共 库。
学习目的
通过本章的学习，您可以： 清楚元件与实例的关系。 掌握元件与实例的创建方法。 熟悉库面板的使用。
这样，在舞台上将显示此元件的实例。
7.4.2 编辑实例
1．改变实例类型 （1）在舞台上单击选中要改变类型的实例。 （2）在工作区右侧的实例属性面板的左上角的“元件行为”下拉列表中
选择目的实例类型。 2．改变实例的颜色和透明度 （1）单击舞台上某元件的一个实例，打开实例属性对话框。 （2）单击色彩效果左侧的折叠按钮展开“色彩效果”面板，然后单击
自动进入编辑元件模式，它包含新创建元件的空白时间轴和场景舞台。
7.2.2 将选定元素转换为元件
若要使用舞台中的元素创建元件，应如下操作：
（1）选择舞台上要转化为元件的对象。 （2）在“修改”菜单中选择“转化为元件”命令，弹出“转化为元件”
对话框如图所示。
（3）在对话框中为新元件指定一个名称及类型。 （4）如果需要修改元件注册点位置，单击对话框中注册图标“ ”上
使用元件编辑模式编辑：在舞台工作区中，选择需要编辑的元件实例， 然后在其上面右击鼠标，在弹出的快捷菜单中选择“编辑”命令，即 可进入元件编辑窗口。此时正在编辑的元件名称会显示在舞台上方的 信息栏内，如图所示。
在当前位置编辑：在需要编辑的元件实例上单击鼠标右键，从弹出的 菜单里选择“在当前位置编辑”命令，即可进入该编辑模式。此时， 只有鼠标右击的实例所对应的元件可以编辑，但是其他对象仍然在舞 台工作区中，以供参考，它们都以半透明显示，表示不可编辑，如图 所示。
7.2.4 调用其他影片的元件
将元件导入当前项目后，可以像其他元件一样对其进行操作。不 同文件中的元件之间没有联系，编辑一个元件并不影响另一个。 （1）在“文件”菜单中选择“导入”子菜单里的“导入到库”命令。 （2）从“查找范围”里找到包含用户要使用的元件的Flash文件并打开， 显示库窗口，其中包含打开的Flash文件中使用过的所有元件。 （3）使用的库中的元件拖动至当前影片的舞台。元件以初始名自动添加 至当前项目的库中，当前项目的舞台上也显示元件的一个实例。 （4）在打开的库中拖动任意多个元件至当前项目的舞台上，完成后关闭 窗口。
7.3 编辑元件
7.3.1 复制元件
复制某个元件可以将现有的元件作为创建新元件的起点。复制以后，新 元件将添加至库中，用户可以根据需要进行修改。 要复制元件，可以使用下列的两种方法之一： 1．使用库面板复制元件 （1）在库面板中选择要复制的元件。 （2）在面板右上方点击“ ”按钮，弹出库选项菜单，如图所示。 （3）选择“直接复制…”命令，这时弹出“直接复制元件”对话框，如 图所示。在这个对话框里，输入复制后的元件副本的名称，并为其指定 行为，单击“确定”按钮。 这时，复制的元件就存在于库面板中了。复制前后的库面板对比如图所 示。
在新窗口中编辑：在需要编辑的元件实例上单击鼠标右键，从弹出的 菜单中选择“在新窗口中编辑”命令，可进入该编辑模式。此时，元 件将被放置在一个单独的窗口中进行编辑，可以同时看到该元件和主 时间轴。正在编辑的元件名称会显示在舞台上方的信息栏内。当编辑 完成后，单击工作区右上角的“×”按钮，关闭该窗口，即可回到原
来的舞台工作区，如图所示。
7.4 创建与编辑实例
一旦创建完一个元件之后，就可以在影片中任何需要的地方，包括在 其他元件内，创建该元件的实例了。还可以根据需要，对创建的实例 进行修改，以得到元件的更多效果。
7.4.1 将元件的实例添加至舞台
（1）在时间轴上选择一个图层。 （2）从“窗口”菜单中选择“库”命令，打开库面板。 （3）从显示的列表中，选定要使用的元件， 单击元件名并将其拖动 至舞台。
的小方块，然后单击“确定”按钮关闭对话框。
（5）在“窗口”菜单中选择“库”命令，这时，在打开的库面板里就可 以看到新创建的元件已添加至库中。
7.2.3 特定元件的创建
1．图形元件 创建图形元件时，将显示与主舞台和时间轴基本相同的一个舞台
和时间轴。不同点在于声音和交互性并不作用于图形元件的时间轴。 2．按钮元件
“样式”按钮显示弹出菜单。
➢ 无：不产生任何颜色和透明度效果。 ➢ 亮度：调整实例的总体灰度。100%使实例变为白色，－100%使实例
变为黑色。
➢ 色调：使用色调为实例着色。 ➢ Alpha：调整实例的透明度。0%全透明，100%不透明。 ➢ 高级：选中该选项，将在“样式”下拉列表下方显示高级效果设置选
7.2 创建元件
7.2.1 创建新元件
若要创建新元件，应如下操作： （1）从“插入”菜单中选择“新建元件”命令，打开“创建新元件”对
话框，如图所示。 （2）在对话框中为新元件指定一个名称及类型。 在Flash CS5中，用户在创建元件之时，可以指定元件存放的路径。 （3）单击“库根目录”打开如图所示的“移至…”对话框。 （4）单击“确定”按钮，Flash会自动把该元件添加到库中。此时，将
当创建按钮元件时，将只显示唯一的时间轴，4个帧“弹起”、 “指针经过”、“按下”、“点击”表示不同的按钮元件状态，如图 所示。 3．影片剪辑元件
一个影片剪辑元件实际上是一个小Flash影片，它具有主影片的 所有交互性、声音及功能。用户可以将其添加至影片剪辑按钮、声音、 图形甚至于其他影片剪辑中。影片剪辑的时间轴和主时间轴二者独立 运行。
2．通过选择实例来复制元件
（1）从舞台上选择要复制的元件的一个实例。
（2）从“修改”菜单里选择“元件”子菜单里的“直接复制元件” 命令。
（3）在弹出如图所示的“直接复制元件”对话框里输入元件名，单 击“确定”按钮，即可将复制的元件导入到库中。
7.3.பைடு நூலகம் 编辑元件
编辑元件的方法有很多种，下面介绍几种常用编辑元件的方法。
本章重点
本章将向读者介绍元件和实例的创建与编辑方法，以及元件库与公 共库的使用，内容包括图形元件、按钮元件和影片剪辑元件的创建与 操作，如何转换、复制与编辑元件，如何添加实例至舞台，如何对库 中的项目进行创建、删除、重命名、查看，以及如何定义和使用公共 库。
学习目的
通过本章的学习，您可以： 清楚元件与实例的关系。 掌握元件与实例的创建方法。 熟悉库面板的使用。
这样，在舞台上将显示此元件的实例。
7.4.2 编辑实例
1．改变实例类型 （1）在舞台上单击选中要改变类型的实例。 （2）在工作区右侧的实例属性面板的左上角的“元件行为”下拉列表中
选择目的实例类型。 2．改变实例的颜色和透明度 （1）单击舞台上某元件的一个实例，打开实例属性对话框。 （2）单击色彩效果左侧的折叠按钮展开“色彩效果”面板，然后单击
自动进入编辑元件模式，它包含新创建元件的空白时间轴和场景舞台。
7.2.2 将选定元素转换为元件
若要使用舞台中的元素创建元件，应如下操作：
（1）选择舞台上要转化为元件的对象。 （2）在“修改”菜单中选择“转化为元件”命令，弹出“转化为元件”
对话框如图所示。
（3）在对话框中为新元件指定一个名称及类型。 （4）如果需要修改元件注册点位置，单击对话框中注册图标“ ”上
使用元件编辑模式编辑：在舞台工作区中，选择需要编辑的元件实例， 然后在其上面右击鼠标，在弹出的快捷菜单中选择“编辑”命令，即 可进入元件编辑窗口。此时正在编辑的元件名称会显示在舞台上方的 信息栏内，如图所示。
在当前位置编辑：在需要编辑的元件实例上单击鼠标右键，从弹出的 菜单里选择“在当前位置编辑”命令，即可进入该编辑模式。此时， 只有鼠标右击的实例所对应的元件可以编辑，但是其他对象仍然在舞 台工作区中，以供参考，它们都以半透明显示，表示不可编辑，如图 所示。
7.2.4 调用其他影片的元件
将元件导入当前项目后，可以像其他元件一样对其进行操作。不 同文件中的元件之间没有联系，编辑一个元件并不影响另一个。 （1）在“文件”菜单中选择“导入”子菜单里的“导入到库”命令。 （2）从“查找范围”里找到包含用户要使用的元件的Flash文件并打开， 显示库窗口，其中包含打开的Flash文件中使用过的所有元件。 （3）使用的库中的元件拖动至当前影片的舞台。元件以初始名自动添加 至当前项目的库中，当前项目的舞台上也显示元件的一个实例。 （4）在打开的库中拖动任意多个元件至当前项目的舞台上，完成后关闭 窗口。
7.3 编辑元件
7.3.1 复制元件
复制某个元件可以将现有的元件作为创建新元件的起点。复制以后，新 元件将添加至库中，用户可以根据需要进行修改。 要复制元件，可以使用下列的两种方法之一： 1．使用库面板复制元件 （1）在库面板中选择要复制的元件。 （2）在面板右上方点击“ ”按钮，弹出库选项菜单，如图所示。 （3）选择“直接复制…”命令，这时弹出“直接复制元件”对话框，如 图所示。在这个对话框里，输入复制后的元件副本的名称，并为其指定 行为，单击“确定”按钮。 这时，复制的元件就存在于库面板中了。复制前后的库面板对比如图所 示。
在新窗口中编辑：在需要编辑的元件实例上单击鼠标右键，从弹出的 菜单中选择“在新窗口中编辑”命令，可进入该编辑模式。此时，元 件将被放置在一个单独的窗口中进行编辑，可以同时看到该元件和主 时间轴。正在编辑的元件名称会显示在舞台上方的信息栏内。当编辑 完成后，单击工作区右上角的“×”按钮，关闭该窗口，即可回到原
来的舞台工作区，如图所示。
7.4 创建与编辑实例
一旦创建完一个元件之后，就可以在影片中任何需要的地方，包括在 其他元件内，创建该元件的实例了。还可以根据需要，对创建的实例 进行修改，以得到元件的更多效果。
7.4.1 将元件的实例添加至舞台
（1）在时间轴上选择一个图层。 （2）从“窗口”菜单中选择“库”命令，打开库面板。 （3）从显示的列表中，选定要使用的元件， 单击元件名并将其拖动 至舞台。
的小方块，然后单击“确定”按钮关闭对话框。
（5）在“窗口”菜单中选择“库”命令，这时，在打开的库面板里就可 以看到新创建的元件已添加至库中。
7.2.3 特定元件的创建
1．图形元件 创建图形元件时，将显示与主舞台和时间轴基本相同的一个舞台
和时间轴。不同点在于声音和交互性并不作用于图形元件的时间轴。 2．按钮元件
“样式”按钮显示弹出菜单。
➢ 无：不产生任何颜色和透明度效果。 ➢ 亮度：调整实例的总体灰度。100%使实例变为白色，－100%使实例
变为黑色。
➢ 色调：使用色调为实例着色。 ➢ Alpha：调整实例的透明度。0%全透明，100%不透明。 ➢ 高级：选中该选项，将在“样式”下拉列表下方显示高级效果设置选
7.2 创建元件
7.2.1 创建新元件
若要创建新元件，应如下操作： （1）从“插入”菜单中选择“新建元件”命令，打开“创建新元件”对
话框，如图所示。 （2）在对话框中为新元件指定一个名称及类型。 在Flash CS5中，用户在创建元件之时，可以指定元件存放的路径。 （3）单击“库根目录”打开如图所示的“移至…”对话框。 （4）单击“确定”按钮，Flash会自动把该元件添加到库中。此时，将
当创建按钮元件时，将只显示唯一的时间轴，4个帧“弹起”、 “指针经过”、“按下”、“点击”表示不同的按钮元件状态，如图 所示。 3．影片剪辑元件
一个影片剪辑元件实际上是一个小Flash影片，它具有主影片的 所有交互性、声音及功能。用户可以将其添加至影片剪辑按钮、声音、 图形甚至于其他影片剪辑中。影片剪辑的时间轴和主时间轴二者独立 运行。
2．通过选择实例来复制元件
（1）从舞台上选择要复制的元件的一个实例。
（2）从“修改”菜单里选择“元件”子菜单里的“直接复制元件” 命令。
（3）在弹出如图所示的“直接复制元件”对话框里输入元件名，单 击“确定”按钮，即可将复制的元件导入到库中。
7.3.பைடு நூலகம் 编辑元件
编辑元件的方法有很多种，下面介绍几种常用编辑元件的方法。