中职Flash动画制作(高教版)教程：制作基本动画

1、1 2学会制作影片剪辑的方法，理解影片剪辑的意义。5引导学生探究动画制作的规律，领悟动画制作的实质，并能够举一反三，触类旁通。 补间”动画和“形状补间”动画的制作方法，而且要能够感悟到计算机动画制作中的信息文 化，形成一定的信息加工与表达的能力素养，同时利用信息技术学会学习、探究与创造，培 本节制作的动画实例虽然教材中都已给出基本操作步骤，但在实际教学中需循序渐进， 题可作集体讲解，以培养学生自主学习的能力，为进一步学习打下基础。 一次主题活动，由学生根据已有的知识与技能，创造性地制作自定主题的Flash动画作品， 培养学生的创造能力。 实践8-6 是一个文字变形动画。因学生会对文字变形动画很

2、感兴趣，教材中限于篇幅没 有这方面的内容，在此权作补充。 教案 1 教学目标： 2 （ 3 ）分析比较“动画补间”动画和“形状补间”动画的区别，进一步理解动画制作 这两种基本动画制作中的区别，提高学生对动画制作的理性认识。 激励学生进一步学习动画制作，由浅入深、由表及里地掌握动画制作的方法，提高制作动画和欣赏动画的水平，培养学生的自主探索、协作研究的精神。教学方法：讲解与演示相结合，自主学习与合作学习相结合。教学重难点：1 重点：变形动画图形渐变规则图形变形不规则图形变形文字渐变 教学过程： 任务一：制作“多边形变成圆形”的动画。（ 1 ）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆

3、老师的制作步骤。 角星形工具”，设置填充颜色为“绿色圆形渐变色”，在场景编辑区左侧画一个五边形。如 图 8.3-1 画多变形单击时间轴的第 30 帧，执行“插入空白关键帧”命令，插入一个空白关键帧。 选择“椭圆”工具，在场景编辑区右侧画一个圆。单击时间轴窗口下边的“绘图纸外观”按钮，在第30 帧处能看到第 1 帧的画面内容， 以便调整场景中元件的位置。3 单击第 1 帧，在 帧“属性”面板中，设置“补间”项为“形状”，如图8.3-3所示。图 8.3-3 设置帧属性可见时间轴的第 1 帧到第 30 帧之间的影格呈淡绿色，同时标上了一条黑色的箭头线， 表示这段动画是“形状补间”动画。如图8.3-4

4、所示。4 制作完毕，执行“控制播放”命令，观察动画效果。（ 2 ）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。（ 3 ）教师指导学生自己动手操作，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。任务二：制作“老鼠变成小猪”的动画。（ 1 ）教师按下述步骤，一次性完成其中所有操作，学生理解、记忆老师的制作步骤，为学生创造性制作自己的动画作品打下基础。 将“老鼠”和“小猪”两幅图片导入到库中，把“老鼠”图片拖到舞台中。图 8.3-5 拖入“老鼠”图片选定“老鼠”图片，执行“修改位图修改位图为矢量图”命令，将“老鼠”

5、图片转换成矢量图，删除周围多余部分。在时间轴 30 帧处右击，在弹出的快捷菜单中选择“插入空白关键帧”命令。将“小猪”图片拖到场景中并转换为矢量图，删除周围多余部分。5图 8.3-6 拖入“小猪”图片单击第 1 帧，在帧“属性”面板中，设置“补间”项为“形状”。播放观看动画效果。（ 2 ）学生在没有操作步骤参考的情况下，根据对老师演示操作的理解性记忆，模仿制作动画，增强对操作步骤的理解和掌握。（ 3 ）教师指导学生自己动手实践，及时指出学生操作中出现的问题，对做得好的同学进行表扬，并在学生中展示。任务三：总结“形状补间”动画的主要制作步骤。 任务四：学生自主尝试制作动画“盛开的小花”。 67

6、可以反复调入场景，避免重复制作，同时还能减少Flash动画的大小。 在时间轴上的表现组成元素完成的作用“动画补间”动画淡紫色背景加长箭头影片剪辑、图形元件、按钮实现一个元件的大小、位置、颜色、透明等的变化。“形状补间”动画淡绿色背景加长箭头如果使用图形元件、按钮、文字，则必先打散（分离）再变形。教案 2 教学目标： 8教学重点： 教学难点：表达能力，创造力。教学方法：情境导入、探究学习、协作学习、实践创新、拓展评价。评价方法：采用“知识技能创意”的评价维度，评价方法采用过程评价与效果评价相结合，并 借助网络进行评价。评价方式采用小组自评、互评和教师点评相结合。评价量规：见实践指导中的“实践8-

7、7”。教学过程：1创设情境、激发兴趣（8分钟）教师活动：（ 1）简要介绍并播放一个 Flash动画。使学生产生精神上的共鸣，快速进入学习状态。 自行设计界面，至少包括2个对象。动画中要用到移动渐变动画和形状渐变动画。将动画作品通过“网络教室”上传至教师机。学生活动：明确学习任务。 设计意图：培养学生在短时间内抓住事物主要矛盾的能力。 教师活动： 学生活动：小组成员规划创作进程。 （ 5 ）对所掌握的知识、技能进行分析，了解进行创作还需要学习哪些新知识和技能。 设计意图：培养学生的团队意识，为调动学生有效进行探究、创作提供保障。 教师活动： 学生活动： 设计意图：鼓励学生自主创作、开展小组协作。

8、 教师活动： 学生活动： （4）根据评价表和作品创作说明，进行小组自评、互评、教师评价。对于提交的作品，学 生可以通过“网络教室”平台，对每个作品和小组进行评论。设计意图：实施作品网上评论，展示自我风采。让学生尽情欣赏同学们的作品。通过评论其 他同学的作品，提高审美能力，训练语言表达和思维能力。 教师活动：介绍一些好的 Flash 网站及论坛，让那些对 Flash感兴趣的学生得到更大空间的 提高，找到展示自己的舞台。学生活动：充分利用 BBS讨论区，在课余时间和同学、朋友、老师进行交流。设计意图：这一环节充分激发学生的信息技术潜力，让有特长的学生得到最大限度的发挥。 “动画补间”动画 是“元件

9、”或“成组对象”。 配合别的手法，甚至能做出令人称奇的仿3D效果来。（1）“动画补间”动画的概念 （2）构成“动画补间”动画的元素构成“动画补间”动画的元素是元件，包括影片剪辑、图形元件、按钮等，除元件外其 他元素包括文本都不能直接创建“动画补间”动画,而要把这些元素转换成元件才行，只有 把形状组合或者转换成“元件”后才可以制作“动画补间”动画。（3）“动画补间”动画在时间帧面板上的表现 （4）创建“动画补间”动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置一个元件，一帧中只 始帧，在“属性面板”上单击“补间”旁边的小三角，在弹出的菜单中选择“动画”。也可 以右击开始帧，在

10、弹出的快捷菜单中选择“创建补间动画”来建立“动画补间”动画。2认识“动画补间”动画的属性面板Flash的“属性”面板随鼠标选定的对象不同而发生相应的变化。当建立了一个“动画 补间”动画后，单击这段动画的开始帧，“属性”面板就变成为“动画补间”动画的属性面 “动画补间”动画的属性面板上有5个参数：（1）“缓动”选项在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，补间动作动画 效果会根据下面的设置做出相应的变化：在1-100 的负值之间，动画运动的速度由慢到快，向运动结束的方向加速补间。 在1100 的正值之间，动画运动的速度由快到慢，向运动结束的方向减慢补间。 默认情况下，补间帧

11、之间的变化速率是不变的。（2）“旋转”选项有4个选择：选择“无”（默认设置）禁止元件旋转；选择“自动”可以使元件在需要 最小动作的方向上旋转对象一次；选择“顺时针”(CW) 或“逆时针”(CCW) ，并在后面输 入数字，可使元件在运动时顺时针或逆时针旋转相应的圈数。（3）“调整到路径”将补间元素的基线调整到运动路径，此项功能主要用于引导线运动。（4）“同步”复选框使图形元件实例的动画和主时间轴同步。（5）“对齐”选项可以根据对象的中点位置将补间元素附加到运动路径，此项功能主要也用于引导线运 “形状补间”动画 （1）“形状补间”动画的概念 （2）构成“形状补间”动画的元素“形状补间”动画可以实现

12、两个图形之间颜色、形状、大小、位置的相互变化，其变形 图形，如果使用图形元件、按钮、文字，则必先分离再变形。（3）“形状补间”动画在时间帧面板上的表现 （4）创建“形状补间”动画的方法在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状， 一个“形状补间”动画就创建完毕。2认识“形状补间”动画的属性面板 补间动画的属性面板。“形状补间”动画的属性面板上只有2个参数：（1）“缓动”选项在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填入具体的数值，“形状补间” 动画会随之发生相应的变化。在1-100的负值之间，动画运动的速度由慢到快，向运动结束的方向加速补间。 在1100的正值之间，动画运动的速度由快到慢，向运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。（2）“混合”选项“混合”选项中有二项供选择。 “分布式”选项：创