flash补间动画

《flash补间动画》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、补间形状与补间动画内容一、补间形状——窗帘飘动步骤如下：一、创建影片文档和制作动画背景1、新建一个flash8影片文档，设置舞台背景颜色为淡蓝色，其他保持默认。2、将“图层1”从新命名为“风景”，执行【文件】→【导入】→【导入到舞台】命令，将外部图像文件“风景.jpg”导入到场景中。将风景图片缩小到合适尺寸，选择第80帧，按F5键，增加一个普通帧，以延伸风景图片。3、新添加一个图层，并将这个图层重新命名为“窗户”。在这个图层上，选择工具箱中的【矩形工具】，设置“笔触颜色”为无，“填充色”为淡黄色，在场景中绘制出一个长方形的窗帘盒。选择【矩形工具】

2、，设置“笔触颜色”为淡蓝色，“填充色”为无，线条粗细为2.5，在舞台上绘制出窗框的形状，再用【线条工具】绘制窗框上的一些线条，画窗框时，要注意保持对称，如图1所示：图14、选择“窗户”图层的第80帧，按F5键插入帧。二、创建“窗帘”图形元件1、执行【插入】→【新建元件】命令，新建一个名为“窗帘”的图形元件。2、进入新元件的编辑场景，选择【矩形工具】，设置“笔触颜色”为黑色，“填充色”为无，在场景中绘制出一个矩形，再用【线条工具】在矩形上绘制几道线条，如图2所示：图2图33、打开“混色器”面板，在其中选择填充类型为“线性”，在颜色条下，设置3个色块

3、，从左到右，依次设置为灰色（#c8c8c8）、白色（#fafafa）和灰色（#c4c4c4）,设置如图3所示：4、选择【颜料桶工具】，选择“选项”中的【封闭大空隙】命令。这样填充以后，窗帘就形成几个颜色快，给人感觉是柔软的纱帘在垂下时形成的褶皱，如图4所示：图4图55、按【delete】键把轮廓线条删除，并用【选择工具】调整窗帘的形状，然后，选择整个窗帘形状，执行【修改】→【形状】→【优化】命令，使它变得有一定弧度，比较圆滑，如图5所示：6、分别选择第35帧和第80帧，分别插入关键帧，然后建立第1帧到第35帧之间的补间形状，第35帧到第80帧之间

4、的补间形状。如图6所示：图67、在第35帧处，对场景中的窗帘形状进行变形。在这里用【任意变形工具】选项中的【旋转与倾斜工具】，把窗帘进行倾斜变形，并用【选择工具】对窗帘边缘进行适当调整，反复测试，如果发现窗帘形状破损，那就撤销前一步命令，这里需要细致入微，反复调整，直到满意为止，如图7所示：图7图8至此，“窗帘”图形元件制作完毕，它的动画效果主要是用“补间形状”动画来完成的。三、组装动画1、返回到“场景1”，新建一个图层，并重新命名为“左窗帘”。把这个图层拖到“窗户”层下面，从库面板中拖出“窗帘”元件，把它放到窗帘盒左下方，调整窗帘的大小以配合窗

5、户的整体效果。2、再新建一个图层，并重新命名为“右窗帘”。同样使这个图层在“窗户”层下面，从库面板中再次拖出一个“窗帘”元件，执行【修改】→【变形】→【水平翻转】命令，将“窗帘”摆在窗帘盒右下方，调整对称，如图8所示：3、选择左边的窗帘实例，在属性面板中，设置Alpha值为40%，让窗帘透明，同样把右边的窗帘实例也变得同样透明，如图9所示：图94、分别选择“左窗帘”和“右窗帘”图层的第80帧，按F5键插入帧。至此，本实验制作完毕，测试效果。微风轻吹，窗帘摇曳，美景尽收。内容二、自定义缓入/缓出动画范例——逼真弹跳的球实验2我们利用自定义缓入/缓出

6、动画制作一个逼真弹跳的球。实验步骤：1、利用事先制作好的一些图形元件，直接打开“弹跳球（原始）.fla”文件，在这个文件的基础上进行操作，如图1所示是事先作好的3个图形元件。图12、将“图层1”重命名为“背景”，在这个图层上，将“库”中的“背景”图形元件拖放到舞台上，在“属性”面板上设置坐标为（0，0）。3、新建一个图层，将其重新命名为“球”，在这个图层上，将“库”中的“球”图形元件拖放到舞台正上方，如图2所示：图24、在“球”图层的第60帧插入一个关键帧，并将第60帧上的球移动到舞台中央，在“背景”图层的第60帧插入一个帧，如图3所示：图35、

7、选择“球”图层第1帧，在属性面板中，选择“补间”下拉菜单中的“动画”选项，这样定义了从第1帧到第60帧的补间动画。1、单击“缓动”右边的【编辑】按钮，弹出“自定义缓入/缓出”对话框，如图4所示：图47、在弹出的“自定义缓入/缓出”对话框中，在对角线上单击添加一个节点（在水平位置20帧处添加）。向上拖动这个节点到100%的位置，如图5所示：图5分别水平拖动节点左右两个切点，让两个切点和节点重合，如图6所示：图68、再增加一个切点（在水平位置30帧处添加），然后向下拖动切点到80%的垂直位置，如图7所示：图79、按照第7步骤的方法，再增加第3个节点，

8、如图8所示：图810、按照第8步骤的方法，再增加第4个切点，如图9所示：图9至此，缓动曲线就设置好了，单击【确定】按钮。11、测试效果。