课题：制作基本动画（巩固练习）

课时：3课时

教学目标：

1. 学会制作影片剪辑的方法，理解影片剪辑的意义。

2. 进一步熟悉常用工具的使用方法。

3. 培养自主的学习能力。

4.学生探究动画制作的规律，领悟动画制作的实质，并能够举一反三，触类旁通。

教学重点和难点：

1. 重点：变形动画

2. 难点：创建影片剪辑的方法，理解影片剪辑的意义。

教学过程：

实践练习：

一、制作“多边形变成圆形”的动画，其步骤如下：

①     　　　　执行“修改      文档”命令，在弹出的“文档属性”对话框中，设定动画的大小为“400px×150px”，单击“确定”按钮。

②     单击图层1的第1帧，按住工具栏中的“矩形工具”，在弹出的下拉菜单中选择“多角星形工具”，设置填充色为“绿色圆形渐变色”，在场景编辑区左侧画一个五边形。

③     　　　　单击时间轴的第30帧，执行“插入      空白关键帧”命令，插入一个空白关键帧。

④     选择“椭圆”工具，在场景编辑区右侧画一个圆。

⑤     单击时间轴窗口下边的“绘图纸外观”按钮，在第30帧处能看到第1帧的画面内容，以便调整场景中元件的位置。

⑥     单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”，可见时间轴的第1帧到第30帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线，表示这段动画是“形状补间”动画。

⑦     　　　　制作完毕，执行“控制      播放”命令，观察动画效果。

二、制作“老鼠变成小猪”的动画

① 将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖动到舞台中。

　　　　　　　　② 选定“老鼠”图片，执行“修改      位图      修改位图为矢量图”命令，将“老鼠”图片转换成矢量图，删除周围多余部分。

③ 在时间轴第30帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。

④ 将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。

⑤ 单击第1帧，在帧“属性”面板中，设置“补间”项为“形状”。

⑥ 播放观看动画效果。

三、制作“小精灵张嘴吃豆”动画

 ① 打开Flash，新建一个Flash文档，使用椭圆工具，并设置填充颜色为蓝色，在舞台上画一个圆。

 ② 在时间轴的第18帧插入关键帧，并用选择工具将舞台上的圆移到合适的位置，然后用部分选取工具将圆调整为张嘴的形状。

 ③ 单击第1帧，在属性面板中将“补间”设置为“形状”。

　　　　 ④ 制作完毕，执行“控制      播放”命令，观察动画效果。

四、制作花儿“6朵”开放的动画

 ① 建立一个新文档。

　　　　 ② 执行“插入      新建元件”命令，创建名为“盛开的小花”的影片剪辑。

 ③ 将第1层改名为“茎干”，并在第1帧用“刷子”工具画出绿色茎干，再在第20帧插入帧。

 ④ 创建新图层，并命名为“花”，分别在第10帧、第20帧插入空白关键帧。

 ⑤ 设置“粉红”、“放射状”渐变色，分别在第1、10、20帧用“椭圆”工具画椭圆，再用“部分选取”工具将椭圆变形成三个花朵形状。

 ⑥ 分别在第1、10、20帧设置“形状补间”动画。

　　　　　　　　 ⑦ 执行“文件     导入     导入到库”命令，将“绿色家园”图片导入到库。

⑧     单击“场景1”标签回到场景，将图层1改名为“背景”。选中“背景”层的第1帧，将元件库中的“绿色家园”图片拖到场景中作为背景。

⑨     创建新图层，并命名为“小花”。6次从元件库中将名为“小花”的影片剪辑拖放互场景中，并调整这6朵小花的大小和位置。

⑩     　　　　完成作品，执行“控制      测试影片”命令，观看效果。

五、综上所述，制作“形状补间”动画的主要步骤如下：

 ① 在动画的起始处插入关键帧，然后在起始帧场景中编辑对象。

 ② 在结束帧处插入关键帧，然后在结束帧场景中编辑对象。

 ③ 选择起始帧，在“属性”面板的“补间”选项中选择“形状”。

六、在七巧板的基础上，制作一个动画，将原来静态跑步姿势的图形加工为动态的跑步造型。

 1、绘制七巧板

 ① 启动Flash软件，在绘图区绘制一个线条颜色为蓝色、填充色为红色的正方形。

 ② 使用直线工具，按住Shift键小心绘制该正方形的两条对角线；想办法绘制出余下的线条（可以画辅助线，但使用后可以选中它并按Delete键将其删除），将正方形分成七个板块。

 ③ 使用颜料工具，选择你所喜欢的颜色对七个板块进行填充。

 ④ 选用橡皮擦工具（选用“擦除线段”状态）擦除所有的线条。

 ⑤ 用箭头工具小心移开每个板块（注意移动过程中，不要将两个色块叠放），至此，一套漂亮的七巧板就初步做成了。

 ⑥ 保存设计作品为FLA格式的文件以便下次继续编辑使用。根据需要，我们还可以导出所制作的结果为相应的图像文件（建议导出GIF或JPG格式的图像文件）。

1、  构建运动造型

借助Flash的箭头工具和任意变形工具可以把七巧板变为跑步、舞蹈等造型。箭头工具的任务是移动和定位板块，任意变形工具的作用是旋转板块，必要时可以借助菜单命令进行水平和垂直翻转，还可以使用文字工具在适当的位置写上漂亮的文字。

2、  制作动态的跑步造型

①     打开“七巧板跑步造型·fla”文件，选中“跑步造型”图层，通过菜单命令“插入/转换为元件”将跑步造型图转换为可供创建动画的图形元件“跑步”。

②     在时间轴上的“跑步造型”图层的第20帧处插入关键帧（菜单命令为“插入/关键帧”），并在此帧中仔细将七个板块拼成七巧板初始图形。

③     单击选中“跑步造型”图层的第1帧，设置动画的“中间”属性为“形状”。

④     同样，在“文字”图层的第20帧插入关键帧，并将文字移动到一个新的位置，回到第1帧，设置动画的“中间”属性为“移动”。

⑤     　　　　执行“控制      测试影片”命令，观看运行效果，保存文档（FLA格式）以备以后修改时使用，然后导出动画作品（SWF格式），双击该文件图标，观看动画效果。

七、制作太阳从左从右移动的动画

 ① 建立一个新文档，双击图层1，将图层改名为“背景”。

　　　　　　　　 ② 执行“文件     导入      导入到库”命令，将一幅名为“绿色家园”的背景图片导入到元件库中。

　　　　 ③ 执行“窗口     库”命令，打开元件库。选择“背景”层的第1帧，将元件库中的“绿色家园”图片拖入场景，并调整好大小和位置。选中第40帧，按F5键插入帧，使动画延长到40帧，即在1~40帧均能显示这幅图片，现锁定“背景”层，单击图层区左下角的“插入图层”按钮创建图层2，将图层2改名为“太阳”。

　　　　　　　　　　　　　　　　④ 执行“文件     导入     导入到库”命令，将“太阳”图片导入到元件库中，并拖放到场景的左上方。选中“太阳”图片，执行“修改     位图      转换为矢量图”命令，将“太阳”图片转换为矢量图。用“选择”工具选取图片边缘的多余部分。按Delete键删除。

　　　　⑤ 选中“太阳”图片，执行“修改     转换为元件”命令，将其转换成名为“太阳”的图形元件。

⑥ 在图层“太阳”的第40帧插入关键帧，将元件“太阳”移动到场景右侧。单击第1帧，在帧“属性”面板中，设置“补间”框中的选项为“动画”。

　　　　⑦ 执行“控制      播放”命令，观看效果。

八、制作“旋转的风车”动画

 ① 建立一个新文档，将图层1改名为“杆”。分别用“线条”工具和“椭圆”工具在场景中画出风车的立杆和转轴。

 ② 创建新图层，并命名为“叶片”。

　　　　 ③ 执行“窗口      混色器”命令，在“混色器”面板中设置“粉红色”、“线性”，选择“椭圆”工具，选择“无轮廓线”，画一个椭圆。

 ④ 用“选择”工具选中椭圆，复制后粘贴2次。

⑤ 用“任意变形”工具分别对所复制的椭圆图形适当旋转，使它们拼合成风车叶片形状。

⑥     　　　　　　　　执行“编辑     全选”命令，选中风车叶片形状图案；执行“修改      转换成元件”命令，将被选定的对象转换成名为“叶片”的图形元件。

⑦     　　　　　　　　单击时间轴的第40帧，执行“插入     时间轴      关键帧”命令，插入1个关键帧。

⑧     单击第1帧，在帧的“属性”面板中设置“动作”补间，这时，在时间轴的第1帧到第40帧间产生一条箭头线。

⑨     创建新图层，命名为“背景”，并在图层区将该层移到最下方，再导入“绿色家园”图片到背景层的第1帧。

⑩     　　　　适当调整场景中各元素的位置，执行“控制      播放”命令，观看效果。

九、综上所述，制作“动画补间”动画的主要步骤为：

① 在动画的起始帧，插入关键帧，然后在起始帧场景中编辑对象。

② 选择结束帧，并插入关键帧，然后在结束帧场景中编辑对象。

③ 选择起始帧，右击，在快捷菜单中执行“创建补间动画”命令或在“属性”面板的“补间”下拉列表中选择“动画”选项。

学生自主探究学习，师指导学生自己动手操作，并巡回观看并指出学生在操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。