资源简介

姓名：_____________班级：_________
第2章 Flash动画初步
制作补间动画（1）——制作形状补间动画

课型：实践练习 新授课 主备： 审核：
课时：1课时 备课时间： 授课时间：
教法：教师演示、任务驱动、学生示范、合作学习
教具：计算机、PPT
【学习目标】
1.了解形状补间动画的特点和原理。 目标达成良好【 】
2.初步学会导入图片的方法和文字工具的用法。 目标达成良好【 】
3.掌握简单形状补间动画的制作过程。 目标达成良好【 】
【学习重点】位图变形动画、文字变形动画
【学习难点】文字变形动画
课前复习
【有奖答题】通过“砸金蛋”小游戏复习回顾上节课的主要知识点。
二、比较导入
【观察思考】：观察“移动的圆”、“圆变矩形”动画，思考它们有何不同之处？
1.“移动的圆”中改变的是什么？
2.“圆变矩形”中改变的是什么？
答疑解惑：1.圆的位置。 2.形状、位置、颜色。
三、出示目标
出示本节课的学习目标：
1.了解形状补间动画的特点和原理。
2.初步学会导入图片的方法和文字工具的用法。
3.掌握简单形状补间动画的制作过程。
四、课堂学习（自主探究—学习模仿—课堂检测—拓展提高）
（一）图形变形
1.【动一动，拔萝卜】自主探究：制作“圆变矩形”动画
提示：
（1）新建Flash文档，在第1帧绘制圆。
（2）在第30帧插入空白关键帧，绘制一个矩形。
（3）选中一帧，打开“属性”面板，补间：“形状”，
创建形状补间动画，预览效果。
2. 【学一学，变高手】插入帧的快捷键：F5插入一般帧，F6插入关键帧，F7插入空白关键帧。本节课中我们将用到快捷键F6和F7。
（二）位图变形
1.【动一动，拔萝卜】自主探究：制作“孙悟空变猪八戒”动画
制作前简单学习导入外部图片的方法。
提示：
（1）新建Flash文档，“文件→导入→导入到库”，找到图片并导入。
（2）选中第1帧，拖动“孙悟空”到舞台中央。
（3）选中“孙悟空”，“修改→位图→转换位图为矢量图”。
（4）20帧插入关键帧，删除图片，拖动“猪八戒”到舞台中央。
（5）选中“猪八戒”，“修改→位图→转换位图为矢量图”。
（6）选中一帧，在属性面板创建“形状”补间， 查看效果。
2. 【学一学，变高手】位图变形注意事项：位图转换为矢量图
1)Flash中绘制的图形为矢量图。
2)Photoshop中绘制的图形为位图。
3)导入位图时，“修改→位图→转换位图为矢量图”，才能生成正确的形状补间
动画。
（三）文字变形（难点）任务驱动：帮助老师完成动态环保宣传徽章。
任务描述：3.12中国植树节，3.21世界森林日，3.22世界爱水日，3.23世界气象日，所以我们把3月成为环保月。老师制作了一枚环保宣传徽章，为了让它的内容更加丰富，需要大家发挥想象在徽章中央添加动态标语。下面就让我们一起来完成这项任务吧！
1.【教师演示-学生模仿】文字工具的使用
2.【教师演示-学生学习】制作文字变形
3.【跳一跳，摘苹果】课堂检测：完成徽章
提示：
打开文件“环保徽章.fla”
（1）在图层1的第1帧输入文字“节能环保”。
（2）在第10帧、第40帧插入关键帧。将第40帧文字修改为“人人有责”。
（文字内容自行设计更好哦！）
将第40帧文字“节能环保”，两次“修改→分离”或Ctrl+B， 把文字
“打散”成图形。
（5）类似操作，把40帧中的“人人有责”文字也分离（打散）成图形。
（6）选中10~40中一帧，“属性”面板，补间：“形状”，查看效果。
（7）“文件→保存”，以“徽章”为文件名保存文件。
4.【学一学，变高手】文字变形注意事项：将文字打散（分离）
1)文字是组合的对象，需要分离/打散成矢量图形，才能制作变形动画。
2)打散：“修改→分离”，快捷键：Ctrl+B.
3)单个字符只需要“打散”一次，一组字符需要“打散”两次。
★【加加油，飞起来】拓展提高：制作另一枚徽章。
制作“徽章”时同时下发本任务，提供给学有余力的同学进行练习。
五、课堂小结
将本节课主要知识整理归纳编制成不同类型的习题进行集体测试，完成课堂小结。
六、课后反思

展开更多......

收起↑