【原创】(校级)教案：路径动画和遮罩效果

第四节路径动画和遮罩效果

一、教学目标

知识与技能：

1、了解引导层和遮罩的基本概念。

2、掌握创建运动引导层的操作。

3、掌握创建遮罩效果的操作。

过程与方法：

通过教师实例讲解，学生自主学习与自主实践，培养学生解决实际问题的能力。

情感态度与价值观：

培养学生自主学习的能力，不畏困难自强不息的精神，提升素质，发展个性。

二、教学的重点和难点：

如何创建路径动画和遮罩效果。

三、教学准备：多媒体网络控制系统、足量的电脑、FLASH

四、教学方法：讲授法实践法

五、教学安排：1课时

六、教学过程：

（一）导入

展示实例。

（二）讲授新课

1．如何创建引导层。

⑴新建一个FLASH文档，图层1命名为“蝴蝶”；

⑵单击“文件”菜单下的“导入”下的“导入到库”，在弹出的“导入库”窗口框中，选择路径，找到“蝴蝶.gif”，单击“打开”，那可将“蝴蝶.gif”调到库中；

⑶从库中，将“蝴蝶.gif”拖动到舞台中，单击第100帧，按F6键插入关键帧；

⑷右击第1帧，创建运动补间动画；

⑸单击“时间轴”面板左下方的“添加运动引导层”按钮；

⑹单击“引导层”图层，单击“铅笔工具”，在舞台上绘制一条运动曲线；

⑺单击第1帧，用“选择工具”选中“蝴蝶”的中心圆点，并拖到运动曲线的起始位置，让“蝴蝶”的中心圆点与曲线的起始点吻合；

⑻单击第100帧，将“蝴蝶”拖到曲线的终点位置，同样也要注意让“蝴蝶”的中心圆点与曲线的终点吻合；

⑼回到第1帧，按Ctrl+Enter看动画效果；

⑽单击“蝴蝶”图层第1帧，在“属性”面板中勾选“调整到路径”；

⑾按Ctrl+Enter看动画效果。

2．如何创建遮罩效果

⑴新建一个FLASH文档，修改“图层名称”为“文字层”，单击“属性”面板中“550×440像素”按钮，在弹出的“文档属性”窗口中调整舞台大小为550×100像素；

⑵单击“文本工具”，输入“FLASH中的遮罩效果”，用箭头工作选中文本，连续按Ctrl+B键两次，分离文字，用“颜料桶工具”填充七彩色；

⑶右击“文字层”的第40帧，并插入普通帧；

⑷插入一个新图层，修改“图层名称”为“遮罩层”，单击“椭圆工具”，在舞台左侧画一个圆，并让圆的高度超过文字的高度，颜色不限；

⑸在“遮罩层”的第40帧插入关键帧，并将圆拖至最右侧，回到第1帧，在“属性”面板的“补间”项中选择“形状”；

⑹右击“遮罩层”，在弹出的菜单中选择“遮罩层”

⑺按Ctrl+Enter看动画效果。

3.拓展作业

（1）分析《覆盆子》演示动画制作步骤。

（2）模仿演示动画，进行创作。

（3）对《覆盆子》后续动画进行构思。

（三）小结

今天，我们学习运动引导层的操作及遮罩效果的操作，用好这两种效果，将会实现一些特殊的效果。对于运动引导层，在第一帧要让元件的中心圆点与曲线的起始点吻合；在最后一帧要注意让元件的中心圆点与曲线的终点吻合；对于遮罩效果，要注意显示出来的是被遮的部分。

七、教学反思：

本节课通过播放FLASH动画，激发学生学习的兴趣，创设问题情景，导出课题。而后根据教学内容，设置适当的学习任务，让学生自主学习，培养学生的自学能力，增强学生学习的信心。并且要求学生交流心得体会，共同进步。接着，适当的延伸，让学生进行合作学习，培养他们自主学习能力；适当加大难度，进行小组讨论，解决问题，培养学生不畏困难自强不息的精神。随后，教师讲解动画样例的创作思路，引导学生活跃思路，进行动画样例的后续创作的构思。教师设置新的问题，引起学生思考，让学生课后研究，培养学生的拓展性思维。最后教师对本节要点进行总结，提醒学生注意。

本节课采用教师演示与学生实践相结合的方法，让学生当堂巩固所学知识，促进学生对知识的理解与掌握，通过评选优秀作品进行展示，调动学生学习积极性，收到了较好的效果。