《flash3帧图层元件实例和库逐帧动画补间动画》由会员分享，可在线阅读，更多相关《flash3帧图层元件实例和库逐帧动画补间动画（37页珍藏版）》请在金锄头文库上搜索。
1、帧、图层、元件、实例 本节介绍本节介绍Flash Flash 中的几个基本概念：帧、图层、元中的几个基本概念：帧、图层、元件，它们的应用贯穿动画制作的始终，必须重点掌握。件，它们的应用贯穿动画制作的始终，必须重点掌握。n 帧n 图层n 元件帧帧是动画的基本单元，Flash动画就每一帧的内容连续播放构成的，一帧就相当于电影胶片中的一格。帧在时间轴上，如图所示，帧编辑区中横向排列的小方格就是帧，处于自然状态下没有进行任何操作的帧称为“空白帧”，每一帧对应的上方的数字是该帧的编号。帧编辑区中的红色竖线是播放磁头，播放磁头所在的帧就是当前所编辑的帧。下面介绍两类重要的帧：“普通帧”和“关键帧”。（1）
2、普通帧 ：不参与任何动画效果的帧称为普通帧 。（2）关键帧 ：定义一个动作的起始状态和终止状态的帧称为关键帧 。有一类关键帧，其中没有添加任何对象，只作为一个关键点存在，称为空白关键帧 。插入帧在空白帧上右击，弹出快捷菜单，执行其中的“插入帧”命令，如图所示，即可插入一个静态帧。删除帧在需要删除的帧上右击，弹出快捷菜单，执行其中的“删除帧”命令，如图所示，即可将该帧删除。注意注意：需要删除同一图层中连续的多个帧时，首先单击开头一帧，然后配合键盘上的“Shift”键单击结尾一帧，这时开头帧和结尾帧之间的所有帧被选取，如图所示，右击弹出快捷菜单，执行其中的“删除帧”命令即可将连续的多个帧删除，如图
3、所示。插入关键帧在空白帧在空白帧 或静态帧或静态帧 上右击，弹出如图所示的快捷菜上右击，弹出如图所示的快捷菜单，执行其中的单，执行其中的“ “插入关键帧插入关键帧” ”命令，即可插入一个关命令，即可插入一个关键帧。键帧。插入空白关键帧在空白帧在空白帧 或静态帧上右击，弹出快捷菜单，执行其中的或静态帧上右击，弹出快捷菜单，执行其中的“ “插入空白关键帧插入空白关键帧” ”命令，如图所示，即可插入一个空命令，如图所示，即可插入一个空白关键帧。白关键帧。清除关键帧在需要清除的关键帧上右击，弹出快捷菜单，执行其中在需要清除的关键帧上右击，弹出快捷菜单，执行其中的的“ “清除关键帧清除关键帧” ”命令，
4、如图所示，即可将该关键帧清命令，如图所示，即可将该关键帧清除。除。图层 FlashFlash对对象实行分层管理，即将不同的对象放置在不同的图层中，这对对象实行分层管理，即将不同的对象放置在不同的图层中，这样在修改其中一个对象时不会影响到其他的对象。样在修改其中一个对象时不会影响到其他的对象。可以形象地理解为，可以形象地理解为，图层就是透明的玻璃纸，不同的对象绘制在不同的玻璃纸上，它们相互图层就是透明的玻璃纸，不同的对象绘制在不同的玻璃纸上，它们相互重叠以显示整体的内容，但在修改某一对象时其他对象不受影响。重叠以显示整体的内容，但在修改某一对象时其他对象不受影响。对于图层的操作在时间轴的对于图层
5、的操作在时间轴的“ “图层编辑区图层编辑区” ”中实现，在如图所示的图层中实现，在如图所示的图层编辑区中有三个图层：图层编辑区中有三个图层：图层1 1、图层、图层2 2和图层和图层3 3。默认状态下它们的名称。默认状态下它们的名称分别是：分别是：“ “图层图层1”1”、“ “图层图层2”2”和和“ “图层图层3”3”。下面介绍图层的操作。下面介绍图层的操作。创建图层 单击图层编辑区中的单击图层编辑区中的“ “插入图层插入图层” ”按钮即可新建一个图层，如图所按钮即可新建一个图层，如图所示在示在“ “图层图层3”3”的上方新建了一个的上方新建了一个“ “图层图层4”4”。在图层上双击可修改图层的
6、名。在图层上双击可修改图层的名称，如图称，如图3-113-11所示将图层所示将图层4 4的名称修改为的名称修改为“ “文字层文字层” ”。删除图层选取需要删除的图层，单击图层编辑区下方的“删除图层”按钮即可将该图层删除，如图所示。隐藏图层在动画制作过程中为了避免不同图层中图形的视觉干扰，经常需要在动画制作过程中为了避免不同图层中图形的视觉干扰，经常需要隐藏图层。图层被隐藏后，其中的对象处于不可见状态。隐藏图层。图层被隐藏后，其中的对象处于不可见状态。单击某图层中与图层编辑区上方的单击某图层中与图层编辑区上方的“ “隐藏图层隐藏图层” ”按钮对应的小黑点，按钮对应的小黑点，如图所示，即可将该图层
7、隐藏。例如将如图所示，即可将该图层隐藏。例如将“ “图层图层3”3”隐藏，该图层中对隐藏，该图层中对应隐藏图层按钮的小黑点变成叉形图标，如图所示，单击叉形图标应隐藏图层按钮的小黑点变成叉形图标，如图所示，单击叉形图标即可恢复该图层的可见性。即可恢复该图层的可见性。如如果果单单击击图图层层编编辑辑区区上上方方的的“ “隐隐藏藏图图层层” ”按按钮钮 ，则则可可将将所所有有图图层隐藏，如图所示。再次单击可恢复所有图层的可见性。层隐藏，如图所示。再次单击可恢复所有图层的可见性。 锁定图层在动画制作过程中为了防止图层之间相互影响，经常需要锁定图层。锁定后的图层处于不可编辑状态，禁止任何操作。单击某图层
8、中与图层编辑区上方的“锁定图层”按钮 对应的小黑点，如图所示，即可将该图层锁定。例如将“图层3”锁定，该图层中对应锁定图层按钮 的小黑点变成锁形图标 ，如图所示，单击锁形图标 即可将该图层解锁。如果单击图层编辑区上方的“锁定图层”按钮 ，则可将所有图层锁定，如图所示。再次单击可将所有图层解锁。元件 元件是对象的集合。在动画制作过程中将制作好元件是对象的集合。在动画制作过程中将制作好的内容转换成元件，既方便管理又可以重复使用，并的内容转换成元件，既方便管理又可以重复使用，并且重复使用同一个元件不会增加文件的大小。且重复使用同一个元件不会增加文件的大小。 元件有三种类型：元件有三种类型：图形元件、
9、影片剪辑元件和按图形元件、影片剪辑元件和按钮元件。钮元件。图形元件图形元件的创建方法有两种：直接创建图形元件和将图形转换为图形元件。（1）直接创建图形元件：执行“插入”菜单下的“新建元件”命令，弹出“创建新元件”对话框，在“行为”单选栏中选择“图形”，在“名称”文本框中输入元件的名称，默认名称为“元件1”，如图所示。设置完后单击设置完后单击“ “确定确定” ”按钮，进入元件工作界面，如图所示，该工按钮，进入元件工作界面，如图所示，该工作界面与主工作界面类似。作界面与主工作界面类似。注意：注意：注意：注意：此时的此时的“ “状态栏状态栏” ”显示当前正在编辑的是显示当前正在编辑的是“ “元件元件
10、1”1”，如图所示。，如图所示。在元件工作界面中编辑图形元件，例如绘制一个使用放射状渐变在元件工作界面中编辑图形元件，例如绘制一个使用放射状渐变色填充的圆，如图所示色填充的圆，如图所示。 编辑完毕后在编辑完毕后在“ “状态栏状态栏” ”上单击上单击“ “场景场景1”1”，回到主工作界面。这，回到主工作界面。这时制作的图形元件并没有出现在主工作区中，因为它被自动地保时制作的图形元件并没有出现在主工作区中，因为它被自动地保存在存在“ “库库” ”中，关于库的概念在下一节中将详细介绍。中，关于库的概念在下一节中将详细介绍。（2 2）将图形转换为图形元件：例如在主工作界面中绘制一个应用）将图形转换为图
11、形元件：例如在主工作界面中绘制一个应用放射状渐变色填充的圆，如图所示。放射状渐变色填充的圆，如图所示。选选取取这这个个圆圆，执执行行“ “修修改改” ”菜菜单单下下的的“ “转转换换为为元元件件” ”命命令令，如如图图所所示示。弹弹出出“ “转转换换为为符符号号” ”对对话话框框，如如图图所所示示，在在“ “行行为为” ”单单选选栏栏中中选选择择“ “图图形形” ”，在在“ “名名称称” ”文文本本框框中中输输入入元元件件的的名名称称，单单击击“ “确定确定” ”按钮即可将该图形转换为图形元件。按钮即可将该图形转换为图形元件。影片剪辑元件执执行行“ “插插入入” ”菜菜单单下下的的“ “新新建
12、建元元件件” ”命命令令，弹弹出出“ “创创建建新新元元件件” ”对对话话框框，在在“ “行行为为” ”单单选选栏栏中中选选择择“ “影影片片剪剪辑辑” ”，在在“ “名名称称” ”文文本框中输入元件的名称，如图所示。本框中输入元件的名称，如图所示。设设置置完完后后单单击击“ “确确定定” ”按按钮钮，进进入入元元件件工工作作界界面面，影影片片剪剪辑辑元元件件的的工工作作界界面面与与主主工工作作界界面面相相同同。在在元元件件工工作作界界面面中中制制作作一一个个动动画画片片段段（动动画画的的制制作作在在以以后后的的章章节节中中详详细细介介绍绍），同同样样在在“ “状状态态栏栏” ”中中单单击击“
13、 “场场景景1”1”，如如图图所所示示，回回到到主主工工作作界界面面，影影片片剪剪辑辑元元件件被保存到被保存到“ “库库” ”中。中。注意：注意：注意：注意：在工作界面中是看不到影片剪辑元件的动画效果的，当在工作界面中是看不到影片剪辑元件的动画效果的，当测试影片时该元件中的动画会循环播放。测试影片时该元件中的动画会循环播放。按钮元件执执行行“ “插插入入” ”菜菜单单下下的的“ “新新建建元元件件” ”命命令令，弹弹出出“ “创创建建新新元元件件” ”对对话话框框，在在“ “行行为为” ”单单选选栏栏中中选选择择“ “按按钮钮” ”，在在“ “名名称称” ”文文本本框框中中输输入入元元件件的的
14、名名称称，如如图图所所示示。设设置置完完后后单单击击“ “确确定定” ”按按钮钮，进进入入元元件件工工作作界界面面，按按钮钮元元件件的的工工作作界界面面是是与与众众不不同同的的，时时间间轴轴的的帧帧编编辑辑区区中中只只包包括括四四帧帧：“ “弹弹起起” ”、“ “指指针针经经过过” ”、“ “按按下下” ”和和“ “点击点击” ”，如图所示，如图所示 （1 1）在）在“ “弹起弹起” ”帧中编辑鼠标不在按钮范围内时按钮的状态。帧中编辑鼠标不在按钮范围内时按钮的状态。（2 2）在）在“ “指针经过指针经过” ”帧中编辑当鼠标经过按钮时按钮的状态。帧中编辑当鼠标经过按钮时按钮的状态。（3 3）在）
15、在“ “按下按下” ”帧中编辑鼠标按下按钮后按钮的状态。帧中编辑鼠标按下按钮后按钮的状态。（4 4）在）在“ “点击点击” ”帧中编辑按钮的感应范围，并不直接显示出来。帧中编辑按钮的感应范围，并不直接显示出来。该帧一般很少使用。该帧一般很少使用。下面以实例说明：下面以实例说明：（1 1）在）在“ “弹起弹起” ”帧上右击，弹出快捷菜单，执行其中的帧上右击，弹出快捷菜单，执行其中的“ “插入关插入关键帧键帧” ”命令，如图所示。在该帧的工作区中绘制一个矩形，如图命令，如图所示。在该帧的工作区中绘制一个矩形，如图所示。所示。（2 2）同同样样，在在“ “指指针针经经过过” ”帧帧上上插插入入关关键
16、键帧帧，在在该该帧帧的的工工作作区区中中删除矩形，绘制一个圆，如图所示。删除矩形，绘制一个圆，如图所示。（3 3）在在“ “按按下下” ”帧帧上上插插入入关关键键帧帧，在在该该帧帧的的工工作作区区中中将将圆圆删删除除，绘绘制制一个矩形，如图所示。一个矩形，如图所示。制作完毕，用以上叙述的方法回到主工作区。制作完毕，用以上叙述的方法回到主工作区。该按钮的实际效果是：鼠标未经过之前按钮呈矩形；当鼠标移动该按钮的实际效果是：鼠标未经过之前按钮呈矩形；当鼠标移动到按钮上时，该按钮变为一个圆；鼠标单击按钮时，该按钮又变到按钮上时，该按钮变为一个圆；鼠标单击按钮时，该按钮又变为矩形。为矩形。小结本节介绍了
17、Flash中几个非常重要的概念：帧、图层、元件，这几个概念都必须重点掌握，在以后的动画制作过程中会反复用到。帧分为“普通帧”和“关键帧”。普通帧是不参与任何动画效果的帧，关键帧是定义一个动作的起始状态和终止状态的帧，没有添加任何对象的关键帧称为空白关键帧。帧的操作包括插入帧、删除帧、插入关键帧、插入空白关键帧和清除关键帧。图层的操作在时间轴的“图层编辑区”中实现，包括：创建图层、删除图层、图层文件夹、隐藏图层和锁定图层。元件是对象的集合，包括三种类型：图形元件、影片剪辑元件和按钮元件，必须掌握各种元件的创建方法。动画制作基础从本节开始介绍动画的制作，从本节开始介绍动画的制作，FlashFlas
18、h动画有两种基本形式，即动画有两种基本形式，即逐帧动画和补间动画，其中补间动画又分为运动补间动画和变逐帧动画和补间动画，其中补间动画又分为运动补间动画和变形补间动画。形补间动画。本节主要内容包括：本节主要内容包括：（1 1）动画制作概述。）动画制作概述。（2 2）Flash 8Flash 8动画素材。动画素材。（3 3）逐帧动画。）逐帧动画。（4 4）补间动画。）补间动画。Flash 8动画素材动画制作之前需要收集动画素材，动画制作之前需要收集动画素材，Flash 8Flash 8的动画素材包括图片、的动画素材包括图片、声音、音乐、视频等声音、音乐、视频等，下面详细介绍图片和声音的导入及编辑。
19、，下面详细介绍图片和声音的导入及编辑。图片素材将图片导入舞台将图片导入舞台将图片导入舞台将图片导入舞台执行执行“ “文件文件” ”菜单下的菜单下的“ “导入导入” ”命令，在弹出的子菜单中选择命令，在弹出的子菜单中选择“ “导入到导入到舞台舞台” ”命令，如图所示。弹出命令，如图所示。弹出“ “导入导入” ”对话框，在一定的路径下选择对话框，在一定的路径下选择准备好的图片后单击准备好的图片后单击“ “打开打开” ”按钮，如图所示。按钮，如图所示。图片被导入到舞台中，如图所示。图片被导入到舞台中，如图所示。2. 2. 将图片导入库中将图片导入库中将图片导入库中将图片导入库中执行执行“ “文件文件
20、” ”菜单下的菜单下的“ “导入导入” ”命令，在弹出的子菜单中选择命令，在弹出的子菜单中选择“ “导入导入到库到库” ”命令，如图所示，在弹出的命令，如图所示，在弹出的“ “导入到库导入到库” ”对话框中选择图片后对话框中选择图片后单击单击“ “打开打开” ”按钮，图片被导入到库中，如图所示。使用时将图片拖按钮，图片被导入到库中，如图所示。使用时将图片拖入工作区即可。入工作区即可。声音素材1. 1. 导入声音导入声音导入声音导入声音执行执行“ “文件文件” ”菜单下的菜单下的“ “导入导入” ”命令，在弹出的子菜单中执行命令，在弹出的子菜单中执行“ “导入导入到库到库” ”命令，如图所示。弹
21、出命令，如图所示。弹出“ “导入到库导入到库” ”对话框，如图所示。在一对话框，如图所示。在一定的路径下选择需要的声音文件后单击定的路径下选择需要的声音文件后单击“ “打开打开” ”按钮，声音文件被导按钮，声音文件被导入到库中，如图所示。入到库中，如图所示。2. 2. 将声音添加到文件中将声音添加到文件中将声音添加到文件中将声音添加到文件中通常将声音放置于一个独立的图层中。选取通常将声音放置于一个独立的图层中。选取“ “图层图层1”1”的第的第1 1帧，打开帧，打开属性面板，如图所示，进行设置。属性面板，如图所示，进行设置。可以看到可以看到“ “图层图层1”1”中完整的声音波形，如图所示。按键
22、盘上的中完整的声音波形，如图所示。按键盘上的“ “Enter”Enter”键测试声音效果。键测试声音效果。 逐帧动画逐帧动画的制作须要人工绘制每一帧的内容，逐帧动画的制作须要人工绘制每一帧的内容，类似于传统的动画制类似于传统的动画制作过程。制作逐帧动画工作量相对较大，对美工要求较高，但动画作过程。制作逐帧动画工作量相对较大，对美工要求较高，但动画效果精美。效果精美。实例：燃烧的蜡烛实例：燃烧的蜡烛本实例展示蜡烛燃烧效果，如图所示。本实例展示蜡烛燃烧效果，如图所示。补间动画补间动画补间动画补间动画由计算机自动生成两个关键帧之间的过渡部分的动画称为补间动画。由计算机自动生成两个关键帧之间的过渡部分
23、的动画称为补间动画。补间动画包括：补间动画包括：运动补间动画和变形补间动画。运动补间动画和变形补间动画。运动补间动画运动补间动画运动补间动画运动补间动画运动补间动画用于制作对象运动的效果。给对象指定开始位置和终运动补间动画用于制作对象运动的效果。给对象指定开始位置和终止位置，由计算机自动生成中间的运动过程，实现对象从开始位置止位置，由计算机自动生成中间的运动过程，实现对象从开始位置运动到终止位置的效果。另外，使用运动补间动画的基本过程，通运动到终止位置的效果。另外，使用运动补间动画的基本过程，通过对各种参数的设置，可以制作变形效果，旋转效果和淡入、淡出过对各种参数的设置，可以制作变形效果，旋转效果和淡入、淡出效果，在下面的实例中将介绍到。效果，在下面的实例中将介绍到。注意注意注意注意：用于制作运动补间动画的对象必须是元件，所以如果要使图：用于制作运动补间动画的对象必须是元件，所以如果要使图形对象运动，必须先将其转换为元件。形对象运动，必须先将其转换为元件。
