《Flash第4章基本动画制作》由会员分享，可在线阅读，更多相关《Flash第4章基本动画制作（52页珍藏版）》请在金锄头文库上搜索。
1、第4章 基本动画制作4.1 实例“属性”面板和转换为元件4.1.1 实例“属性”面板当选择“影片剪辑”选项时，该面板如图4-1-1所示。该面板内各选项的作用如下。图4-1-1 影片剪辑实例的“属性”面板 图4-1-2 “交换元件”面板 图4-1-3 “辅助选项”面板图4-1-5 “复制元件”对话框2图形实例的“属性”面板图4-1-6 图形实例的“属性”面板图4-1-7 “转换为元件”对话框图4-1-8 在元件编辑窗口中导入GIF动画3将舞台工作区中的动画转换为元件（1）选取动画的所有帧。单击鼠标右键，调出帧快捷菜单，单击帧快捷菜单内的“复制帧”菜单命令，将选中的所有帧复制到剪贴板中。（2）单击
2、“插入”“新建元件”菜单命令，调出“创建新元件”对话框。（3）在该对话框内，输入元件名字（例如“动画元件1”），选择元件类型，再单击“确定”按钮。此时，“库”面板中增加了一个名字为“动画元件1”的元件，但它还是一个空元件，没有内容。同时舞台工作区切换到元件编辑窗口。（4）单击选中帧控制区域内第1帧，再单击鼠标右键，调出帧快捷菜单。单击该菜单内的“粘贴帧”菜单命令，将剪贴板内的所有帧粘贴到元件编辑窗口内。（5）单击元件编辑窗口中的场景名称图标，回到主场景。4复制元件在“库”面板中，由一个元件复制出另一个相同的元件，再双击“库”面板内复制的元件，进入该元件的编辑状态，修改该元件的属性，即可获得一个
3、新的元件。复制元件的方法有两种。 元件复制为元件的方法 实例复制为元件的方法图4-1-5 “复制元件”对话框【实例32】鱼缸和游鱼1“鱼缸和游鱼1”动画运行后的2幅画面如图4-1-10所示。可以看到，一些不同颜色、不同大小的小鱼在鱼缸中，以各种不同的姿态来回游动，鱼缸内还有飘动的水草。该动画的制作方法如下。 图4-1-10 “鱼缸和游鱼1”动画播放后的2幅画面1制作元件（1）新建一个Flash文档，设置舞台工作区宽为430像素、高为320像素，背景为浅蓝色。以名称“【实例32】鱼缸和游鱼1.fla”保存。（2）打开“游鱼.fla”Flash文档，调出它的“库”面板，将“库”面板内的“Fish
4、Movie Clip”影片剪辑元件拖曳到“【实例32】鱼缸和游鱼1.fla”动画的“库”面板中。“Fish Movie Clip”影片剪辑元件内是一条小鱼来回移动的动画，共有95帧。（3）进入“鱼缸”图形元件的编辑状态，在舞台工作区内绘制一幅鱼缸图形（它由三部分组成），如图4-1-11左图所示。然后，单击影片剪辑元件编辑窗口的按钮，回到主场景。（4）进入“石头”图形元件的编辑状态，在舞台工作区内绘制一幅石头图形，如图4-1-11中图所示。然后，单击影片剪辑元件编辑窗口的按钮，回到主场景。（5）进入“水”图形元件的编辑状态，在舞台工作区内绘制一幅水图形，如图4-1-11中图所示。然后，单击影片剪
5、辑元件编辑窗口的按钮，回到主场景。 图4-1-11 “鱼缸”、“石头”和“水”图形元件（6）进入“水草”影片剪辑元件的编辑状态，选中“图层1”图层第1帧，在舞台工作区内绘制一幅水草图形，如图4-1-12左图所示。选中“图层1”图层第11帧，F6键，然后，调整水草图形的形状，如图4-1-12右图所示。选中“图层1”图层第20帧，F5键。回到主场景。（7）进入“水波”影片剪辑元件的编辑状态，选中“图层1”图层第1帧，在舞台工作区内绘制一幅椭圆图形，填充白色到灰色再到白色的线性渐变色，形成水图形如图4-1-13所示。回到主场景。 图4-1-12 “水草”图形元件 图4-1-13 水图形2制作动画（1
6、）将“库”面板内的“鱼缸”图形元件拖曳到舞台工作区中，2次将“库”面板内的“石头”图形元件拖曳到舞台工作区中，将“库”面板内的“水波”影片剪辑元件拖曳到舞台工作区中，4次将“库”面板内的“水草”影片剪辑元件拖曳到舞台工作区中。然后，适当调整它们的大小和位置。（2）4次将“库”面板内的“Fish Movie Clip”影片剪辑元件拖曳到舞台工作区中，在舞台工作区内形成4个小鱼的影片剪辑实例。（3）调整舞台工作区内的这些小鱼的影片剪辑实例的大小与位置，使它们分布在鱼缸内的各个地方。（4）选中一条小鱼对象。再调出“属性”面板，利用该面板，调整小鱼的颜色，并适当调整小鱼的位置。按照这种方法，将各条小鱼
7、的颜色均进行调整。（5）选中左边的一条小鱼对象，调出它的“属性”面板。再选择“属性”面板内“实例行为”下拉列表框中的“图形”选项，将选中的小鱼影片剪辑元件实例转换为图形实例。然后，设置在“图形选项”下拉列表框中选择“循环”选项，在“第一帧”文本框内输入一个30，表示该实例从给定的数字所指示的帧开始播放。“属性”面板设置如图4-1-14所示。（6）按照上述方法，分别将其他小鱼影片剪辑元件实例进行处理，要求“第一帧”文本框内输入90以内不一样的数字。其中一个小鱼影片剪辑元件实例的图4-1-14 “属性”面板设置（7）在“图层1”图层的下边增加一个新的“图层2”图层，选中“图层2”图层第1帧，将“库
8、”面板内的“水”图形元件拖曳到舞台工作区中。适当调整它的大小和位置。（8）按住Ctrl键，选中“图层1”图层和“图层2”图层的第95帧，按F5键，使两个图层的第1帧到第95帧的内容一样。4.2 动画简介和动作动画“属性”面板4.2.1 动画简介1Flash动画的种类（1）帧帧动画（2）补间动画利用帧帧动画和补间动画，可以制作大小、位置、角度、形状、颜色、亮度、透明度等分别变化或同时变化的动画，可以制作围绕对象中心点顺时针或逆时针转圈或者来回摆动的动画，可以制作沿着引导线移动的动画，还可以制作其他各种变化形式的动画。2动作动画的特点动作动画是补间动画中的一种。4.2.2 动作动画关键帧的“属性”
9、面板图4-2-1 动画关键帧的“属性”面板【实例33】五彩风车“五彩风车”动画播放后的2幅画面如图4-2-2所示，可以看到，在一幅美丽的卡通风景背景中，一排五颜六色的大风车随风转动。通过学习该实例，可以进一步掌握制作图形元件和制作围绕中心点转圈动画的方法。“五彩风车”动画的制作方法程如下。 图4-2-2 “五彩风车”动画播放后的2幅画面1绘制红色风车图形元件（1）创建并进入“风车图形”图形元件的编辑窗口。选中“图层1”图层的第1帧。使用工具箱内的“矩形工具”，绘制一个线条颜色为黑色、笔触样式为极细线，无填充的矩形图形，如图4-2-3所示。（2）调出“混色器”面板。设置填充色为浅红色到红色再到深
10、红色的线性填充，此时，“混色器”面板设置如图4-2-4所示。使用工具箱内的“颜料桶工具”，在舞台工作区中的矩形图形中，沿着如图4-2-5中箭头所示方向拖曳鼠标，为矩形图形填充渐变色，如图4-2-6所示。注意：如果一次填充效果不好，可以重复拖曳几次直到达到满意效果为止。 图4-2-3 矩形图形 图4-2-4 “混色器”面板设置 图4-2-5 沿箭头填充（4）使用工具箱内的“选择工具”，将鼠标指针移动到舞台工作区中矩形图形的左上角，当鼠标指针右下方出现一个小角图形时，拖曳鼠标改变矩形的形状，如图4-2-7所示。（5）绘制一个三角形图形并给它添加填充，如图4-2-8所示。使用工具箱内的选择工具，在舞
11、台工作区中拖曳选中全部图形，按Ctrl+G键，将选中的对象组成组合，形成风车的一瓣。（6）使用工具箱内的任意变形工具，旋转图形对象。调出“变形”面板，在该面板内的“旋转”文本框中输入90，3次单击该面板内的“复制并应用变形”按钮，复制3个旋转90、180和279度的图形。使用工具箱内的选择工具，将复制的图形移开，如图4-2-9所示。 图4-2-6 填充矩形 图4-2-7 修改图形 图4-2-8 三角图形 图4-2-9 4个风车瓣（7）调整4个风车瓣的位置，组成一个风车图形，如图4-2-10所示。将它们组成组合。（8）单击元件编辑窗口中的场景名称图标或按钮，回到主场景。2制作旋转的风车（1）调出
12、“库”面板。然后，进入“风车”影片剪辑元件的编辑窗口。单击选中“图层1”图层的第1帧，将“库”面板中的“风车图形”图形元件拖曳到舞台工作区的中心位置。（2）使用工具箱内的“选择工具”，右击“图层1”图层的第1帧，弹出帧快捷菜单，再单击该菜单中的“创建补间动画”菜单命令。在其“属性”面板中“旋转”下拉列表框中选择“顺时针”选项，在其右边的文本框中输入3，表示动画围绕对象的中心点顺时针旋转3次。（3）选中“图层1”图层的第100帧，按F6键，创建第1帧到第100帧动作动画。（4）在“图层1”图层下边新建一个“图层2”图层，选中“图层2”图层的第1帧。使用工具箱内的“矩形工具”，绘制一个线条颜色为黑
13、色、笔触样式为极细的黑色到黄色再到黑色的线性填充的长条矩形图形，作为风车支棍，如图4-2-11所示。单击选中“图层2”图层的第50帧，再按F5键，使第1帧到第50帧的所有帧与第1帧内容一样。（6）单击元件编辑窗口中的场景名称图标或按钮，回到主场景。3制作多个风车动画（1）单击选中主场景“图层1”图层第1帧，导入一幅风景图像，如图4-2-12所示。 图4-2-10 风车图形 图4-2-11 风车支棍图形 图4-2-12 背景图像（2）在“图层1”图层之上添加“图层2”图层，6次将“库”面板内的“风车”影片剪辑元件拖曳到舞台工作区内，形成6个风车。使用工具箱内的“任意变形工具”，调整6个风车的大小
14、和位置。（3）参考【实例13】“水晶球按钮”动画中所述方法，分别调整6个风车影片剪辑实例的颜色和饱和度。【实例34】彩球跷跷板“彩球跷跷板”动画播放后的2幅画面如图4-2-13所示。可以看到，两个彩球不断弹起和落下，同时跷跷板也随之上下摆动。在彩球下落时，彩球作加速运动；在彩球上弹时，彩球作减速运动。该动画的制作方法如下。 图4-2-13 “彩球跷跷板”动画播放后的2幅画面1制作跷跷板动画（1）设置舞台工作区背宽为536像素，高为250像素，景色为白色。使舞台显示标尺和几根用来给动画定位的辅助线，如图4-2-14所示。以名称“【实例33】彩球跷跷板.fla”保存。（2）将“图层1”图层的名称改
15、为“支架”。在舞台工作区内绘制一幅支架图形。在“支架”图层下边创建一个名称为“跷跷板”的图层，在舞台工作区内绘制一个红色轮廓线、棕色填充的矩形图形，作为跷跷板。（3）使用工具箱内的“任意变形工具”，单击选中跷跷板图形，使跷跷板图形的中心点标记出现，再用鼠标拖曳调整中心点到跷跷板图形的中心处，如图4-2-15所示。然后，顺时针旋转跷跷板图形一定的角度，如图4-2-15所示。 图4-2-14 几根辅助线 图4-2-15 第1帧跷跷板图形中心点标记的位置（4）在“跷跷板”图层创建第30帧到第40帧、第100帧到第110帧的动作动画，第30帧和第110帧的画面如图4-2-16所示（还没有彩球图形），第40帧和第100帧的画面如图4-2-17所示（还没有彩球图形）。按住Ctrl键，单击选中“跷跷板”图层和“支架”图
