项目 3 ：形状补间动画任务 2 ：神奇的线条

Flash动画设计与制作 项目3：形状补间动画任务2：神奇的线条

教学目标 • 知识目标： • 了解形状补间动画的定义、原理与制作对象。 • 了解形状补间动画制作的三部曲。 • 能力目标： • 能利用形状补间动画的原理制作出流畅的Flash动画。 • 能熟练应用快捷键插入各类不同作用的帧。 • 能熟练应用常用面板提高操作的有效性和准确性。 • 素质目标： • 培养学生的交流合作能力。 • 培养学生解决问题、自我学习、信息处理的能力。 • 挖掘学生潜在创造力

知识点 • 1. 形状补间动画的原理与制作方法。 • 2. 时间轴上形状补间动画的显示特点。

重点技能 • 能熟练掌握Flash CS3中形状补间动画的制作步骤。 • 能熟练应用各种面板和工具完成形状补间动画的制作过程。 • 熟练应用Ctrl＋B分离对象。

课堂练习 任务2：神奇的线条 • 练习4：多变的形状 • 练习5：奥运五环 • 练习6：米奇的心情

教学过程 • 效果描述 • 线条不停地自由变换成不同的图案，动画效果如图所示。

教学过程 • 设计思路 1．在只定的位置插入空白关键帧，然后绘制需要的图形 2.在两个关键帧之间创建补间形状。

教学过程 • Step 1制作第1个形变效果 1新建一个空白文档，修改舞台“大小” 为“300×300像素”，其余采用默认设置。 2单击工具箱中”线条工具，在下方“属性”面板中设置“笔触颜色”为“#000000”“笔触高度”为“3”,如图3-16所示 1.3在场景中，绘制一条与场景舞台等宽的直线。 1.4单击工具箱中的“选择工具“，选中刚才绘制的线条，按下快捷键”ktrl+k”调出“对齐”面板，依次单击“相对于舞台”“水平中齐”“垂直对齐”按钮舞台效果如图3-17所示 1.5在时间轴板“图层1”的第10帧处，右击鼠标，在弹出的快捷菜单中选择“插入空白关键帧”，或者直接按下“f7”键，如图3-18所示 1.6单击工具箱中的“椭圆工具”在下方的“属性“面板中设置”笔触颜色“为#ff99oo”，笔触高度”为“2”，“填充颜色”为“无色”，如图3-19所示

教学过程 1.7在舞台，按住“shift”键，同时拖动鼠标，绘制每一个我圆。 1.8同样原理，利用“对齐”面板让正圆中心与舞台中重心。 1.9在时间面板，单击“图层1”的第一帧，在下方的“属性”面板中设置“补间”为“形状”，此时，时间轴面板如图3-20所示。 1.10执行菜单栏上的“控制→测试影片“命令，或使用快捷键“ctrl+entel”，测试动画，初步体会形变动画的效果。

教学过程 2．1在时间轴面板“图层1”第20帧处，右击鼠标，在弹出的快捷菜单中选择“插入空白关键帧”，或直接按下“f7”键，如图3-21所示。 2.2单击工具箱中的“矩形工具”在下方的“属性”面板中设置“笔触颜色”“为#0033cc”“笔触颜色”为“2”，“填充颜色”为“无色”，如图3-22所示 2.3在舞台中，按住“shift”键，同时拖到鼠标，绘制一个正方形。然后利用“对齐”面板调整正方形中心与舞台中心重合。 2.4在时间轴面板“图层1”的第30帧处，按下“f7”键，插入空白关键帧，如图3-23所示 2.5单击工具箱中的“多角星型工具”在下方“属性”面板中设置“笔触颜色”为“#ff0000”，“笔触高度”为“2”，“填充颜色”为“无色”，如图3-24所示。 2.6单击“属性”面版上的“选项“按钮，在弹出的”工具设置“对话框中设置多边行的”“样式”“边数“以及”星形顶点大小“，如图3-25 2.7单击“确定“按钮，然后。按住shift键，在舞台中绘制一个六边行。利用”对齐面板调整六边行中心舞台中心重心。 2.8此时，时间轴面板如图3-26所示

教学过程 • 2.9在时间桌你、面板“图层1“的第40帧处，右击鼠标在弹出的快捷菜单自己偶那个选择”插入空白关键帧“或直接按下f7键，如图3-27所示 • 2．10单击工具箱中的“多角星形工具“在下方的”属性“面板中设置“笔触颜色”为#336600“，”笔触颜色“为”2“，”填充颜色“为”无色“，如图3-28所示 • 2.11单击“属性”面板上的“选项”按钮，在弹出的“工具设置”对话框中设置多边形的“样式”“边数”以及“星形顶点大小”如图3-29所示。 • 2．12单击“确定”按钮然后哦安置shift键，在舞台中绘制体格正八角星形，利用“对齐”面板调出正八角星形中心与舞台中心重合。 • 2.13此时，时间抽面板如图3-30所示 • 2.14在时间轴面板。单击第2帧，在弹出快捷菜单中选择“复制帧命令。 • 2.15在时间轴面板。右击第50帧，在弹出的快捷菜单中选择“粘贴帧“命令 • 2.16此时，时间轴面板如图3-31所示 • 2.17在时间轴面板，依次右击“图层1的第10、20、30、40帧，在弹出的快捷菜单中均选择“创建补建形状”。

教学过程 3.1执行菜单栏上的“文件→保存”命令，使用快捷键 ctrl+enter，可以导出并观看动画效果。

教学过程 • 注意事项 • 如果新的动画内容与前一个关键桢没有关系，则影插入空白关键桢，然后哦添加内容。 • 多段连续形变动画，前一个边动画的结果关键桢，是后一行变动画的开始关键桢。 • 3.形变动画没个关键桢的内容都必须是矢量图形，必能组合对象。 • 怎么才能让线条每次变成图形后又变回线条呢？

课后练习 • 掉落的箱子 • 弹跳效果

课后目标评价 • 希望通过课后练习，强化学生对形状补间动画原理的理解，同时熟练掌握Flash CS3形状补间动画的制作过程与技巧，并能熟练应用其原理设计并制作各种效果的作品。鼓励学生展开想象，勇于尝试，设计并并制作有特色的作品。

谢谢大家

项目 3 ：形状补间动画任务 2 ：神奇的线条