西南师大版八下信息技术 3.动感地带--逐帧动画与渐变动画 教案

《制作Flash渐变动画》教学设计
教师：
课题：《制作Flash渐变动画》
教材分析： 此微课选自于西师版信息技术八年级下册，第３课《动感地带——逐帧动画与渐变动画》中的制作Flash渐变动画。
学情分析： 精彩的flash作品在网络上非常受欢迎也非常流行，而学生对网络的喜爱与熟悉，使得他们对Flash动画并不陌生，而且还有强烈的好奇心和学习兴趣，这为我们的教学打下了坚实的基础。通过１、２课的学习，学生对动画原理已基本了解，对Flash软件中工具的使用比较熟悉。
教学目标： 知识与技能
（1）了解运动渐变和形状渐变动画的区别；
（2）掌握运动渐变、形状渐变动画的操作技能；
（3）熟练运用铅笔工具、椭圆工具、变形工具；
（4）了解插入帧、插入关键帧、插入空白关键帧的作用与区别；
（５）了解元件的作用。
2、过程与方法
（1）新知引入课题；
（2）以任务驱动的方式，让学生在小组合作探究的操作体验中，掌握操作技能；
（3）通过展示评比的方式，让学生初步体会Flash渐变动画的精彩，升华内容。
3、情感态度与价值观
（1）培养学生的生活情趣以及细致观察的习惯；
（2）让他们感受到创作的快乐。
教学重难点： 重点：运动渐变、形状渐变动画的区别
难点：铅笔工具、椭圆工具、变形工具的使用。
教学方法：启发式、激励式、协作探究式、示范式、任务驱动式教学方法
教学环境：计算机多媒体教室
教学过程
活动一：新知引入
教师活动 Flash渐变动画是与逐帧动画相对应的另一种动画形式，它只需建立动画片段的第一个关键帧画面和最后一个关键帧画面，中间的动作由Flash软件自动完成。
Flash的渐变动画分为两类：一类是运动渐变，别一类是形状渐变，它们的区别在于：
运动渐变
形状渐变
在时间轴上的表现
长箭头，淡紫色
长箭头，淡绿色
首尾关键帧组成元素
影片剪辑、图形元件、按钮、文字、位图
矢量图形，如果使用图形元件、按钮、文字，则必先打散，即转化为矢量图形
尾部关键帧操作方法
插入关键帧，首尾为同一元件
插入空白关键帧，首尾可为不同对象，需分别打散为矢量图形
动画效果
元件由一个位置到另一个位置的变化。实现同一个元件的大小、位置、颜色、透明度、旋转等属性的变化
矢量图形由一种形状逐渐变为另一种形状的动画。实现两个矢量图形之间的变化，或一个矢量图形的大小、位置、颜色等的变化
今天，我们就以《旋转的大风车》为例来学习如何制作Flash渐变动画！
学生活动 学生观察思考。
教具 课件
活动二：探索动画设计思路
教师活动 １、我们先来分解一下制作《旋转的大风车》动画需要哪些元素？
元素１：背景图片。
元素２、风车：运动（旋转）的风车叶片
静止的风车柄
　　　　　　　
元素３、文字
２、设计图层
（1）图层一：背景
思考１：风车中旋转的风车叶片和静止的风车柄，两个部分放在同一个图层可行吗？
是不行的，因为要对风车叶片设置动画属性让其旋转，而风车柄是静止的，所以必须把它们放在独立的图层里。
（２）图层二：风车柄
思考２：如果要制作４个风车，把４个风车叶片都放在同一个图层里可行吗？
也是不行的。因为每个风车叶片都对应着一个首尾关键帧，才能对其设置动画属性，所以也必须将每个风车叶片放在独立的图层里。
（３）图层三：风车叶片１
（４）图层四：风车叶片２
（５）图层五：风车叶片３
（６）图层六：风车叶片４
（７）图层七：文字
３、设计动画属性
(1)要给风车叶片设置什么动画属性才能让其旋转呢？
首先要将风车叶片转换成图形元件，再设置成运动渐变（动画补间）并顺时针旋转。
(2)给文字设置成什么动画属性呢？
首先要将文字分离打散，转换成矢量图形，再设置成形状渐变（形状补间）。
学生活动 在老师的引导下，以自主探索为主，小组协作为辅的模式，探索动画设计思路。
教具 微课
活动三、探索动画制作流程
教师活动 打开flash８，新建一个文档。
１、图层一：导入背景图片到舞台，命名为背景。
２、图层二：绘制４个风车柄，命名为风车柄。
思考：用什么工具绘制呢？
建议可以用铅笔工具，笔触颜色为“白色”、高度为７，
技巧：按住shift键画出来的是垂线。
３、图层三：绘制风车叶片，并转换成图形元件（难点），命名为风车１。
思考：用什么工具绘制呢？
建议可以用椭圆工具，笔触为“无颜色”，填充色任选，
①绘制小圆，
技巧：按住shift键画出来的是正圆。
②用线条工具将小圆剖成两半，
③用选取工具，选中不需要的部分剪切掉，形成半圆，
④用任意变形工具将半圆的中心点移到右下角，
⑤用窗口菜单的“变形”工具，设置旋转９０度，单击三次“复制并应用变形”按钮，制作出另外三个半圆，形成风车叶片。
技巧：因为制作的风车是四个叶片， 360/4=90度，所以旋转９０度。
⑥填充颜色，设置为“红色到白色的放射状渐变”，对风车进行填充。
⑦选中制作好的风车叶片，将其转换为图形元件，命名为“风车”。
４、图层四，直接从库里将风车元件拖到舞台的风车柄上，命名为风车２。
５、图层五，直接从库里将风车元件拖到舞台的风车柄上，命名为风车３。
６、图层六，直接从库里将风车元件拖到舞台的风车柄上，命名为风车４。
７、让风车动起来，设置渐变动画。
①在图层三的第３０帧处插入关键帧，发现背景图片和风车柄不见了，
②给图层一、二的３０帧处分别插入帧，让画面延伸到３０帧，
③给图层三设置运动渐变动画，并顺时针旋转，
④同样的方法，分别给图层四、五、六，分别设置运动渐变动画，并顺时针旋转，
⑤测试影片。
８、图层七，输入文字。
①第１帧中输入文字“旋转的”，将其打散分离，转换成矢量图形，
②第３０帧插入空白关键帧，输入文字“大风车”，将其打散分离，转换成矢量图形，
③给图层七设置形状渐变动画。
９、测试并保存影片，旋转的大风车动画制作完成。
学生活动 以任务为驱动，通过老师的微课，小组协作，学生自主探索渐变动画的制作流程。
教具 微课
活动四：展示评价
教师活动 先在小组内评选出最优秀的作品，再在全班展示；
由全班学生对其进行综合评比，老师进行点评，表扬优秀之处，指出不足之处。
评价项目
等级
创意新颖、构思独特
口 五星 口 四星 口 三星
画面美观，色彩和谐
口 五星 口 四星 口 三星
技术运用熟练、准确
口 五星 口 四星 口 三星
学生活动 结合老师的点评，参照对比自己的作品，进行改进完善。
活动五、拓展
教师活动 　　在制作动画的过程中，我们用到了插入关键帧、插入帧、插入空白关键帧，它们有什么样的区别呢？
插入关键帧是保持原有的帧动作无变化，中间可以设置运动渐变动画和形状渐变动画；
插入帧只是延续前面的帧动作，无其他作用；
插入空白关键帧是不再延续前面的画面，进入另一个动作画面。
学生活动 操作体会插入关键帧、插入帧、插入空白关键帧的作用与区别
活动六、小结
教师活动 现在我们来回顾一下，创作一个动画：
首先要分析、策划动画中所需要的元素，并依此设计动画图层，收集或绘制动画元件；
其次按图层进行动画制作，制作每个图层首尾关键帧里的元素，按需要设置动画属性；
最后测试影片并保存。