初识flash动画

初识flash动画[教材分析]：教材首先介绍了动画的起源和基本原理（这部分的内容较少，只是点到为止，需要教师再增加一些资源），引导学生去探究动画是如何演变和生成的；再介绍动画制作的几款常用软件（重点介绍了flash软件），为后面flash动画的制作进行铺垫；最后分析了几个简单的flash动画的制作过程（没有详细阐述两类基本动画即逐帧动画和关键帧动画的概念以及两者之间的区别，这部分内容需要教师重点讲解），让学生初步体验动画制作的基本流程。[学情分析]：动画是信息的一种重要表现形式，学生通过电视、网络等媒介都欣赏过各种各样的动画。但是他们对动画的认识仅仅停留在欣赏层面。而接触过flash这个软件的学生更是屈指可数，再加上教材中没有对flash动画的进行大篇幅详细深入地介绍，因此，学生对于flash动画的认识是非常浅显和模糊的。只有通过一些接近学生生活的或是学生感兴趣的事例逐步引导学生从动画的表面深入到动画的内部，了解其本质和成因，才能促使学生从欣赏动画转向探究动画，从模仿制作转向自主创作。[教学目标]：※知识与技能：1、了解动画的起源和基本原理2、初识flash软件，了解flash界面各组成部分的名称及作用3、理解逐帧动画和关键帧动画的概念及区别4、掌握简单的逐帧动画和关键帧动画的基本制作方法※过程与方法：1、通过“手翻书”的视频，帮助学生理解动画的原理。2、让学生利用flash软件来实现“手翻书”的效果，感受计算机动画技术的优越性。3、通过“苹果落地”的动画制作，让学生体验逐帧动画和关键帧动画的一般制作过程和基本操作方法，同时，总结出两者的特点及区别。※情感态度与价值观：1、从具体的动画例子中，让学生体验到善于思考的重要性，激发学生自主探究的热情。2、通过教学评价，引导学生进一步认识计算机动画的艺术性，提高学生欣赏动画的水平。[教学重点及难点]：1、简单的逐帧动画和关键帧动画的基本制作方法（教学重点）2、逐帧动画和关键帧动画的概念及区别（教学难点）[教学策略分析]：在教学过程中，我主要采用了三种教学策略：半成品加工策略、分层教学策略和支架式教学策略。如下图所示：播放“手翻书”视频引出动画的起源引出动画的原理支架式教学策略认识“手翻书”仿照“手翻书”原理制作逐帧动画制作关键帧动画（半成品加工及分层教学）动画分类（图1）半成品加工策略的应用主要为了简化学生从头开始制作作品的过程，减少重复操作，更重要的是让学生着重体验新知识点或要点，提高教师课堂讲授和学生实践学习的效率。分层教学策略的应用主要是为了能确保各个层次的学生在相同时间内都能找到符合自己能力水平的任务，也激励他们始终能朝着上一个目标奋进。支架式教学策略的运用则是通过为学生搭建的一个个支架，引导他们一步步自主探索越来越深入的知识，培养学生自主探究知识的能力。支架式教学策略贯穿整个教学过程。[教学过程]：※片段一：动画的起源和基本原理（1）首先来看一段视频（打开apple.wmv）。视频（见图2）中出现了一本书，是一位学生手绘出来的，他将切苹果的过程分解成若干个动作，依次画在纸上，然后装订成书。当快速翻动书本的时候，纸上的人物就动了起来，只见两道刀光，苹果立刻一分为四，颇有点侠士的风范。在我小的时候还经常能在书摊上买到类似的画面更精美的书，现在已经越来越少了。这种书有个专门的名称，有谁知道叫什么？（图2）（教学意图：用一段简短的视频，激发学生的学习兴趣。同时引出“手翻书”这一动画的雏形，使学生很自然地、饶有兴趣地去了解动画的起源。）（2）手翻书作为一种古老的文化，曾经给了很多人快乐的童年，但也时常让他们感到非常困惑。为什么静止的图画通过翻动，就能使里面的人物“动”起来。其实，奥秘不在书里，而是在于人类的眼睛。人眼有个“视觉暂留”的特性，在眼前已经翻过去的画面不会立刻在人眼中消失，而会停留一小段时间。在前一张画面还没消失之前，下一张画面已经展现在眼前了，所以人就会觉得每张翻动的画面之间好像是连贯的，没有间断，因而观赏到了流畅的动态影像。这就是动画赖以生存与发展的基本原理——“视觉暂留原理”。（教学意图：从学生共同感受到的一个“困惑”中，寻求答案，抓住学生的好奇心，让他们跟随老师一起去寻求答案，而这个答案就是动画的基本原理，实现了知识点的顺利过渡。）※片段二：初识flash软件（1）随着信息技术的发展，人们渐渐地不再满足于靠手翻书来观看一些粗糙的动画，计算机的诞生更是让一些动画爱好者萌生了这样的想法：能否仿照手翻书的工作原理，利用电脑绘制一张张画面，然后再通过某个软件来自动播放呢？今天，我们就要来亲自试试这样的想法是否可行。我这里已经帮同学们准备好了6张图片（见图3），每张图片代表动画的一个分解动作，只要连续播放这6张图片，就可以看到苹果落地的动态的影像。（图3）（教学意图：顺应学生的认知规律，将学生的思路从“纸张版手翻书”引入到制作“电子版手翻书”的情景中来，为利用flash软件进行动画制作进行铺垫。）（2）我们用什么软件来实现上述想法呢？大家所知道的用来制作动画的软件有哪些呢？（教学意图：通过学生回答，简单介绍学生提出的各种动画制作软件，同时，告诉学生目前较为主流的用于制作动画的软件叫flash。）（3）打开课件界面介绍.swf（见图4，此课件是用flash做的，右侧红色文字都做成了按钮，教师讲解的时候可以直接拖动文字放到相应的组件上方，让学生一目了然，印象深刻），介绍flash软件的界面，使学生了解舞台、图层、帧和面板等组成部分的功能及操作方法。（图4）（教学意图：让学生初步了解flash软件的界面组成和一些基础操作，为下面要进行的动画制作环节打基础。）※片段三：制作逐帧动画（1）通过上述学习，相信大家对flash软件有了一定了解。下面我们要做的就是利用flash软件来实现6张图片的连续播放，制作出苹果落地的动画效果。（这个动画的制作，基础操作可以请学生上台操作，几个关键操作如图片的导入、对齐面版的使用和swf文件的生成等由教师操作演示，在师生共同协作下完成动画的制作。）（2）同学们能看出来这个动画讲述的是什么故事吗？三百多年前的一天晚上，一位在花园里赏月的青年，突然看到有个东西从树上掉下来，仔细一看是一只熟透的苹果。从苹果落地这一理所当然的现象中他顿悟到了苹果下落的原因，发现了万有引力定律。他就是英国科学巨匠牛顿。从古至今，有很多人都看到过苹果从树上掉落，为什么唯独牛顿发现了这个伟大的宇宙规律？我想这是与他善于思考分不开的，所以我也希望同学们在学习中能积极动脑，主动去探索知识的奥秘。（教学意图：从具体的动画例子中，让学生体验到善于思考的重要性，激发学生自主探究的热情。）（3）刚才我们制作的动画是将预先画好的图片，一帧一帧地播放出来的。我们把这样的动画叫做“逐帧动画”（见图5）。（图5）（教学意图：看似上述过程是验证了“电子版手翻书”的可行性，实则巧妙引出了“逐帧动画”概念，并让学生了解了逐帧动画的基本制作过程。）（4）让学生自己练习上述范例，同时，再布置几个类似的小练习。如将书本P138页图8.1-1中的8张豹奔跑的分解图片，利用flash软件，制作出豹奔跑的动画等。（教学意图：让学生通过自己的实践，加深对逐帧动画的理解，并亲自体验利用flash软件来制作简单的逐帧动画的过程。接受能力较强的学生可以继续完成教师提供的拓展题，进行更深入地探究。这就是分层教学策略的一个应用。）※片段四：制作关键帧动画（1）逐帧动画在制作时需要把每个动态的画面一个个画下来，然后一帧帧地播放，比较麻烦。那有没有更好的办法呢？（请学生谈谈自己的设想）（2）我们再次来观察一下刚才的动画，有哪些部分是动起来的，哪些部分是从头到尾都不动的呢？（让学生观察后回答）如果我们把不动的画面做成背景，动的部分单独从画面中提取出来做成动画，那制作的效率就会大大提高。（教学意图：逐级提问，慢慢引导学生去寻找更好的动画制作方式，提出自己的设想，激发学生探究的积极性。）（3）预先利用flash做好一个半成品作品（见图6），即将静止的物体（天空、人物、树木等）单独放一个图层，将运动的苹果放一个图层。打开半成品后，教师重点演示苹果由树上落到地上的动画效果的制作过程。（图6）（教学意图：省去一些学生已经学习过的基础步骤，直接讲解重点操作。这不仅减少了知识点的重复，更重要的是让学生着重体会到了信息技术操作的新知识点或要点，大大提高了教师课堂讲授和学生实践学习的效率。这就是半成品加工策略的一个应用。）（4）这种用关键帧设定运动物体的初始状态和结束状态，而中间运动环节由电脑自动生成的动画，我们称之为关键帧动画（见图7）。（5）让学生自己练习上述范例，同时，再布置几个类似的小练习。如书P146页“移动的小球”的简单动画等。（教学意图：让学生通过自己的实践，加深对关键帧动画的理解，并亲自体验利用flash软件来制作简单的关键帧动画的过程，以及关键帧动画和逐帧动画在制作方式上的区别。）※片段五：小结（图7）[教学评价]：教学过程中，我主要采用了两种评价方式：①课上，我设计了很多问题，引导学生积极思考。所以，对一些回答问题出色的学生分别给与了1-5分的平时分加分奖励。由课代表负责记载，下课后登记到课堂评价表上。学期末的时候作为学生平时考察的一个重要指标。②利用屏幕广播功能，随机抽取学生的作品进行当堂点评。第5课形状补间动画教学目标:1.形状渐变动画制作的原理2.作简单的三形互变动画3.变形工具知识与技能：1.形状渐变动画制作的原理2.作简单的三形互变动画3.变形工具过程与方法：通过形状补间动画的实例来了解动画的必要条件和方法。情感态度与价值观：激励学生掌握引导动画的制作，培养学生的自主探索、协作研究的精神，实践并总结动画制作的方法教学重点:1.掌握渐变动画制作的原理教学难点:1.理解运动动画和形状渐变动画的区别教具:极域电子教室，Flash82007，ppt学情分析：大部分同学基础差，操作基础一般，刚学了制作简单的动画。教法:实例演示法，激发兴趣，指导法，鼓励法等。。。学法：观察，自己操作提问教学步骤:一、形状渐变一、形状渐变动画原理形状渐变是动画制作的常用手法，它只能应用于打散的图形。其计算方法是在相近的特征处平滑变换。作者可以充分发挥想象力，创作出构思巧妙的动画作品。原理：Flash自动变形技术可以将一种形状自动变形为另一种形状.制作者只需要指定起始的图形和结束的图形,中间的过渡部分就可由Flash自动完成.二、自由变形工具(FreeTransformTool)自由变形工具用来对选中的对象进行各种变形,包括缩放、旋转、歪斜及扭曲，等等。该工具有5种变形模式，分别是：自由变形模式、旋转和歪斜变形模式、缩放变形模式、扭曲模式和环绕变形模式。三、操作步骤：新建一个Flash文件，1.第1帧，然后选择椭圆工具，在舞台中央绘制一圆，填充颜色为橘黄色。2.第20帧，插入关键帧，然后选择正方形工具，在舞台中央绘制一正方形，填充颜色为橘黄色。3.第10帧，插入关键帧，然后在舞台中央绘制一三角形，填充颜色为橘黄色。4.第30帧，插入帧，使得方形在屏幕上停顿几秒钟。选中第1帧，在属性面板中设置如下：Tween----Shape（设置形状渐变动画）依次在第10、20帧处设置运动属性为：shape（形状渐变动画）5.住Ctrl+Enter，预览动画。二、文字渐变实例演示制作字母A先转变B，然后转变C的动画1.新建一个Flash文档2.执行“修改→文档”调整场景的大小，改变背景颜色。3.选择文本工具，文本框中输入字母“A”4.单击“选择”工具，在控制面板中，字体大小定为96，颜色为黄。5．第10帧，插入关键帧，然后擦出字母“A”，重新输入“B”6.第20帧，插入关键帧，然后擦出字母“B”，重新输入“C”7.选择第1帧，执行“修改→分散”，选择第10帧，执行“修改→分散”，用同样的方法，把字母“C”也分散为形状。8.选择第1帧，属性面板上的补间项目改为“形状”。环绕变形扭曲变形旋转和歪斜缩放变形（scale）9.执行“控制→播放”教与学的具体活动方式