Flash动画设计基础与应用 教学课件 李艳萍 宁跃飞 王辉 第8讲.docVIP

简单动画的制作 一、教学目的 使学员能够灵活的运用这些知识创建各种类型的简单动画。 二、知识点 1、认识帧的类型及帧的编辑 2、了解时间轴并掌握动作补间动画的制作方法 3、掌握形状补间动画的制作方法 4、学习并掌握逐帧动画的制作方法 三、教学过程 1、帧的编辑包括插入、复制、粘贴、删除、清除、移动和翻转等操作。 2、时间轴特效设置与编辑 3、动作补间动画 4、形状补间动画 四、案例分析 1、创建补间动画——空中飞行 ? 新建一个Flash空白文档，并将其命名为“空中飞行”。选择工具箱中的【矩形】工具,在“图层1”中绘制一个动画背景。如图8-41所示。 图8-41绘制背景 ? 选择【文件】→【导入】→【导入到舞台】命令，弹出【导入】对话框，选择“素材/ch08/花.gif”文件，单击按钮,将文件导入到舞台上。如图8-42所示。 图8-42导入位图 ? 按住Alt键拖动位图复制几个，单击工具箱中的【任意变形】工具,调整图形的大小和位置。如图8-43所示。 图8-43绘制花草 ? 单击插入图层按钮新建一图层，并将其命名为“飞机”。选择【文件】→【导入】→【导入到舞台】命令，弹出【导入】对话框，选择“素材/ch08/飞机.gif”文件，单击按钮,将文件导入到舞台上。如图8-44所示。 图8-44导入位图 ? 按F8键弹出【转换为元件】对话框，在【名称】文本框中输入“飞机”，在【类型】选项组选择“影片剪辑”单选按钮，然后单击按钮关闭对话框。如图8-45所示。 图8-45【转换为元件】对话框 ? 单击“飞机”层的第1帧，将飞机移到舞台的右侧。如图8-46所示。 图8-46改变飞机的位置 ? 在“飞机”层的第30处按F6键插入关键帧，并将飞机移动到左侧。在图层1的第30帧处按F5键插入帧。如图8-47所示。 图8-47插入关键帧和帧 ? 单击“飞机”层，在其【属性】面板中的【补间】文本框中选择“动画”。如图8-48所示。 图8-48添加动作补间 ? 按Ctrl+Enter组合键，预览动作补间动画的效果。如图8-49所示。 图8-49最终效果 2、创建形状补间动画——国庆佳节 ? 新建一个Flash空白文档，在其【属性】面板上设置【文档属性】为“400×300像素”，【背景颜色】为“白色”。如图8-52所示。 图8-52【文档属性】面板 ? 选择【文件】→【导入】→【导入到舞台】命令，打开【导入】对话框，选择“素材/ch08/图庆.jpg”。如图8-53所示。 图8-53【导入】对话框 ? 单击按钮，将位图导入到舞台中，并在【图层1】的第80帧处按F5键插入帧。如图8-54所示。 图8-54导入位图 ? 新建一图层并将其命名为“灯笼1”，单击工具箱中的【椭圆工具】按钮，在【颜色】面板中设置【笔触颜色】为，【填充样式】为“放射状”，渐变条的左端为“白色”，右端的色值为“#FF0000”，如图8-55所示。 图8-55设置【颜色】面板 ? 隐藏【图层1】，选择【灯笼1】层，单击工具箱中的【椭圆工具】按钮，在舞台上绘制一个大小为65×40像素的灯笼主体。如图8-56所示。 图8-56绘制灯笼主体 ? 单击工具箱中的【矩形工具】按钮，在【颜色】面板中设置【笔触颜色】为，【填充样式】为“线性”，渐变条的左端色值为“#FF9900”，中间色值为“#FFE57A”右端的色值为“#FFCC00”，如图8-57所示。 图8-57设置【颜色】面板 ? 在舞台上绘制一个大小为“30×10像素”的矩形，复制这个矩形，分别放在灯笼的上下方，再绘制一个大小为“3×15像素”的提手，放在灯笼的上面，再用【直线工具】在灯笼下面绘制几个线条作为灯笼穗。如图8-58所示。 图8-58绘制灯笼的上下端和提手 ? 复制绘制好的灯笼，新建三个图层并将其分别命名为“灯笼2”、“灯笼3”、“灯笼4”，将复制的灯笼在这三个图层中各粘贴一个，并调整其位置。显示图层1。如图8-59所示。 图8-59复制灯笼 ? 分别在【灯笼1】、【灯笼2】、【灯笼3】、【灯笼4】的第20帧和第40帧处按F6键插入关键帧。如图8-60所示。 图8-60插入关键帧 ? 单击【灯笼1】层中的第40帧处的关键帧，将灯笼删除。单击工具箱中的【文本工具】，在其【属性】面板中设置：【文本类型】为静态文本，【字体】为隶书，【字体大小】为60，【颜色】为红色，并在删除灯笼的位置上输入“庆”字，按Ctrl+B组合键，将文字打散。如图8-61所示。 图8-61输入文字 五、重点难点及解决方案 在动画的制作过程中，可以使用时间轴特效在文本中轻松地添加动画。添加时间轴特效后可以使文本产生弹跳、淡入淡出或爆炸等效果。将时间轴特效应用于影片剪辑时，Flash会将特效嵌套在影片剪辑中。 ? 选择【文件】→【打开】命令，打开“素材\ch08