遮罩动画与交互控制城北中学钟振波2015.4.9学习目标：知识与技能：合理地进行动画场景的制作，掌握遮罩动画和动画交互的技术要领；过程与方法：参与到视频自学和同学互助互学过程中，综合遮罩动画的多种运用技巧；情感态度与价值观：从《猜猜我是谁》中引发思考，提高警惕，谨防被骗；从佛山美景遮罩动画制作中，感受佛山的美丽，文明佛山，你我齐参与。重点：遮罩与被遮罩的关系、遮罩动画的综合制作难点：动画交互的动作代码调用教学过程：一、引入：猜猜我是谁1.播放诈骗活动视频《猜猜我是谁》引导学生：提高警惕，谨防被骗。2.遮罩动画《猜猜我是谁》遮罩动画显示部分图片，能猜出是谁？（明星→同学）现实中都有很多人不能猜出我是谁？引导：用脑想问题，用眼睛看清事情的真相，双眼看世界。引出望远镜制作遮罩动画。二、任务驱动教师展示动画情节，布置任务:选用佛山新八景的图片进行制作，能猜出是什么景点吗？《遮罩动画》，已经有初步的了解学习，能否按要求制作遮罩动画，并探索七彩文字的遮罩动画？三、制作遮罩动画1.场景1（望远镜观看佛山美景）：提供佛山新八景背景图片，让学生完成望远镜的动画和遮罩操作，迅速完成。提示：(1)拖出背景元件；(2)绘制“望远镜”的图形元件；(3)创建“望远镜”的补间动画；(4)遮罩操作。学生制作完成场景1动画。小结遮罩关系：背景不动，前景运动。2.影片剪辑制作（七彩文字）：分析七彩文字，得出遮罩关系：前景不动，背景的颜色在运动。提示：(1)插入->新建“影片剪辑”；(2)拖出七彩长方形，创建补间动画；(3)输入文字（自由输入标题文字）；(4)遮罩操作。影片剪辑的运用：新建图层，拖出“七彩文字”影片剪辑。3.场景2（拓展-动画交互）一个空白的场景，让有能力的学生自由创作。方法提示：类似于场景1，遮罩元件是用代码来控制。(1)拖出背景元件；第1页共2页(2)绘制自己喜欢图形的“影片剪辑”（或运动的影片剪辑）；(3)设置影片剪辑的动作代码（不会的可复制代码）；(4)遮罩操作。温馨提示：学生不太会在函数栏调用动作的，可以直接复制代码，逐步加深。小结：背景不动，前景用鼠标来控制动画。开始拖动的代码停止拖动的代码on(press){startDrag(this);}on(release){stopDrag();}4.巡视、指导学生制作（对于个别不太会的学生，可以参考视频录像教程，或学生互助学习。）5.作品初现，适当改进。两个场景的动画完成后，能否适当改进一下，如把背景加上淡淡的、灰黑的背景图？遮罩的图形能换成其它有趣的图形？背景图元件：alpha或亮度进行调整。遮罩元件：更换形状，或动态显示。发挥自己的想法和创意，小小改进，就会有意想不到的效果。四、发布分享作品1.按要求发布作品。两个场景会自动串联成欣赏佛山美景的动画。2.学生上传作业，并进行投票与评价。五、点评与小结1.展示评价系统中学生互评的结果,查看各人的支持票数，并给予点评。2.小结：场景1：背景：静止；前景：运动；→影片剪辑：使用动作代码来控制七彩文字：背景：运动；前景：静止的文字；第2页共2页
