3.3.3 规划与设计第一课时教学实录

动画

力量

——动画的制作与表达

指导教师：白永宁

授课教师：胡彬

工作单位：昆明第十二中学

电话：(0871)2193149 E-mail：xiaobin12-23@163.com BLOG:blog.sina.com.cn/4263025niba 小

大

昆明第十二中学（小动画，大力量——动画的制作与表达）

目录

【教学目标】

.......................................................................................................................................... 2

【教学重点】

.......................................................................................................................................... 2

【教学难点】

.......................................................................................................................................... 2

【涉及课程标准】

.................................................................................................................................. 2

【教材分析】

.......................................................................................................................................... 2

【学情分析】

.......................................................................................................................................... 3

【学习方法】

.......................................................................................................................................... 3

【教学课时】

.......................................................................................................................................... 3

【教学准备】

.......................................................................................................................................... 3

【板书设计】

.......................................................................................................................................... 4

【学生作品评价标准】

.......................................................................................................................... 4

【教学过程】（第一阶段）

.................................................................................................................... 5

【教学过程】（第二阶段）

.................................................................................................................... 6

【教学反思】

.......................................................................................................................................... 8

【教学设计描述】

.................................................................................................................................. 9

一、新课改理念渗透

.......................................................................................................................... 9

（一）解决问题能力

...................................................................................................................... 9

（二）教学内容留一点余味

.......................................................................................................... 9

（三）动机激发

.............................................................................................................................. 9

（四）多维目标整合

.................................................................................................................... 10

二、教学设计

.................................................................................................................................... 10

（一）两条主线

................................................................................................................................ 10

（二）两个阶段

............................................................................................................................ 10

（三）两个拓展

............................................................................................................................ 10

三、教法、学法的一些处理方式 .................................................................................................... 11

（一）问题推进学习

........................................................................................................................ 11

（二）学生学习支持

........................................................................................................................ 11

-1-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【学习目标】

1、

通过欣赏动画《钉子的故事》，在老师的引导下能简单阐述该动画的特点。

2、

通过观察学习逐帧动画，在理解动画原理的情况下，模仿完成FLASH中的逐帧动画的制作过程。

3、

通过使用技能支持卡和设计支持卡，能够在老师的引导下使用关键技术，设计动画角色和动画的基本动作，并表达出动画人物的一组简单动作。

4、

通过欣赏动画《钉子的故事》、《猫》，设计制作动画、分享动画、观看分析中国动画产业的发展情况等学习活动，与同学分享阐述学习的体会和感受，体验动画表达的内涵。

【学习重点】

利用动画表达思想，传达信息

【学习难点】

1．

FLASH制作动画的基本处理方式及帧的作用

2．

利用信息技术和动画的表现技巧表达信息

【涉及课程标准】

《高中课程改革信息技术课程标准》选修模块“多媒体技术应用”

1．

了解多媒体技术的现状与发展趋势，关注多媒体技术对人们的学习、工作、生活的影响

2．

能根据信息呈现的需求，对多媒体信息进行加工制作

3．

理解多媒体技术是人类在信息社会中表达思想、实现交流的一种有效技术

【教材分析】

本节课使用教育科学出版社选修教材《多媒体技术应用》第四章第2节“计算机动画技术基本原理与应用”。根据教材描述，该部分将引导学生去揭密动画信息，体会动画在表达交流信息中的价值，了解动画产生的原理和生成方法，能够根据表达需求设计制作出自己需要的动画。

-2-

昆明第十二中学（小动画，大力量——动画的制作与表达）

教材中使用了一个相对完整的任务来让学生进行体验，而作为一节单一的起始课，为了让学生在第一节课中不仅仅学习到一些基本概念，更能有兴趣、有成果、有方法与过程的体验，我对任务进行了重新设计，采用了一个比较简单可行的动画，并在动画制作中贯穿表达思想，传达信息的方法。在起始课中为学生打开好一扇宽敞的门，让他们向往门内的知识宝藏，保持继续探索学习的欲望和兴趣。

【学情分析】

在读图时代，学生对动画本身具有浓厚的兴趣，而对于如何自己设计并制作动画也会充满好奇和求知欲。本课在范例选择上做到生动有趣、有思想性和感染力，在任务设计上简单可行，并把技术中的关键点总结出来，排除干扰因素，让学生便于掌握和学习。此外，高中生有自己的思想，更有自我展现的意图，因此学习任务是可选择的，同时能够挖掘并发挥出学生的创造性。在作品的彼此分享和欣赏中，学生们互相展示了自我，传达了信息，符合学生心理特点。

【学习方法】

模仿练习法：第一个任务解决技术问题，让学生通过模仿和练习掌握

实践学习法：通过实际操作解决问题，掌握知识与技能

自主学习法：提供技能支持卡，帮助学生自主学习与探索

分层学习法：第1个任务是第2个任务的基础和铺垫，第2个任务是第1个任务的提高与扩展

分享学习法：鼓励同组同学互相学习，分享学生作品，促进相互学习

【教学课时】

新授课1个课时45分钟

【教学准备】

技能支持卡及设计支持卡、动画范例、幻灯片

-3-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【板书设计】

动画的制作与表达

技术要点 设计

动画画面→帧 体型、表情、个性特点

每插入一帧 动作设计→抓住关键

评价要素

技术

设计

角色

动作

信息表达

【学生作品评价标准】

评

价

评

价

角

度

星

级

★★★★★

熟练运用技术，动画流畅自然

角色生动有个性

★★★

基本掌握技术，动画表现正确，没有错误

角色设计能体现体型、表情和装饰的设计

动作流畅，表达正确

★

技术方面有点困难，没有完成动画

缺乏角色个性，只体现了某一方面的设计

动作不太协调，表达不明确

信息表达不清楚

技术

逐帧动画运用

角色设计

设计

动作设计

信息表达

动作流畅自然，生动有趣，能抓住关键点

能清楚准确表达信息，表现力强

表达基本正确

-4-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【教学过程】（第一阶段）

教学环节

引入（5分钟）

教学内容

欣赏动画《钉子的故事》

活学动生欣赏、思考、阐述喜欢《钉子的故事》动画的原因

活教动师[讲解、演示]分析动画，引入主题：

《钉子的故事》用简单的线条、明快的色彩、恰当的音乐效果，以幽默的方式明确的表达了一个公益主题“关心别人，爱护自己”。具有很强的感染力，动画虽小，力量却不小，今天，我们就来学习《小动画，大力量——动画的制作与表达》

一、讲解动画产生的基本原理

二、引导学生思考如果有一组序列图片，利用信息技术手段，如何使它们连续播放形成动画？

[引导提问] 1．

PPT可以实现吗？

2．

FLASH中是如何处理的？

三、演示导入序列图片制作动画

[操作演示] 1．

启动FLASH 2．

新建FLASH文档

3．

导入序列图片（提前展示图片）

要点：选第1张图片

4．

保存动画

要点：swf和fla 格式的保存和区别

意设图计1．激发学生兴趣；

2．引入主题：如何利用动画表达信息；

3．为后面的学习做铺垫

1．使学生了解动画产生的基本原理，并根据原理思考信息技术如何处理动画的方式；

2．理解FLASH中帧的作用

3．掌握技能基础，为下一步的学习扫清技术和概念障碍

第一阶段：

扫除技术和知识障碍

（10分钟）

一、动画产生的基本原理

根据视觉暂留特性，当一组差别微小的静态图片在眼前快速播放时，眼睛就看到了动画。

二、通过导入序列图片的方式制作动画

1．信息技术手段简介

2．FLASH利用连续图片制作动画的方式

关键句：

在FLASH中

动画的画面（图片）→帧

设计概念：舞台、关键帧、时间轴

观察、思考

思考

学习、使用技能卡记录

【模仿操作】完成逐帧动画

-5-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【教学过程】（第二阶段）

教学环节

第二阶段：

设计并制作土豆人动画，用动画表达信息（20）

教学内容

一、任务：设计并制作动画《土豆人

》，选择以下一个动作来完成

1.在跳舞

2.在边洗澡边唱歌

3.伤心的哭起来

4.在发脾气，骂人

5.害怕的发抖

6.其它……

二、设计技巧

1.土豆人长什么样？

（1）体型的表达：高、矮、胖、瘦

技巧：可用细的线条表现瘦弱，粗壮的线条表现矮胖，可借助饰物，以对比的方式突出显示体型特点

（2）表情的表达：喜、乐、哀、怒

技巧：用眼睛、眉毛和嘴的形状搭配简略的表现表情特点，也可借助颜色来表达

（3）个性特点：可爱的、酷的……

技巧：借助装饰物品、颜色来表达角色的个性特点

2.土豆人在做什么？怎样表现？

技巧：集中表现角色的关键部位，借助饰物、服装、用品来表达情景

三、技术实现

关键句：每插入一个关键帧，绘制或修改新的动画画面

活学动生思考

了解制作效果

学习、思考、选择土豆人设计的方式

【操作实践】利用知识技能解决问题，完成动画

活教动师引导（承上启下）

动画制作中，并没有现成的图片，那么如何设计和制作自己的动画呢？

一、明确任务

选一个动作，制作土豆人的动画

[展示动画范例]

二、讲解设计过程

1．设计并制作自己的动画，首先我们要考虑好动画角色

（1）体型

（2）表情

（3）个性特点

以个性特点来使角色具有生命力，在设计中可以借助线条、颜色、装饰物品等来表现

2．设计角色的动作

技巧：抓住关键部位来表达，借助其它物品、衣服等来表现情景

三、示范在技术上如何实现

关键句：每插入一个关键帧，绘制或修改新的动画画面

[操作示范]

意设图计顺着学生的思维，引导进一步的思考与探索

使学生理解动画设计的技巧和基本过程

体验利用信息技术表达信息解决问题的过程

-6-

昆明第十二中学（小动画，大力量——动画的制作与表达）

教学环节

教学内容

学生活动教师活动设计意图进一让学理解体验画的达

分享展示分享展示学生作品

（5分钟）

分享、学分析学生作品

习、表达

1．

角色设计

2．

动作设计

3．

个性特点

步生和动表小结（2）

动画表达信息的基本过程

要表达什么？

角色形象设计

角色动作设计

学习、思引导学生回顾

考、反思

怎样表达？

怎样实现？

学习、思考、小组分享学习的体会和感受

一、进行技术拓展

1．是不是所有的动画都要一帧一帧逐一的绘制呢？

[演示]FLASH可以帮助我们完成一些重复性，可计算动画的中间过程

2．[欣赏]有声音的土豆人动画

声音可以让我们的动画更具有表现力，如何加入声音呢？值得我们今后学习与探索

二、进行知识拓展

中国动画的发展，FLASH动画的感染力

小动画，大力量

从技术层面引导学生掌握利用信息技术解决问题的方法与过程

开拓学生的视野，引导学生持续学习，关注信息技术的发展及对生活的影响，更好的理解动画的表达

拓展（3）

一、技术拓展

1．FLASH制作动画的其它处理方式，解决重复的，可计算的过程

2．声音在动画中的表现能力

二、知识拓展

中国动画的发展及FLASH动画起到的作用

点题：小动画，大力量

-7-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【教学反思】

-8-

昆明第十二中学（小动画，大力量——动画的制作与表达）

【教学设计描述】

一、新课改理念渗透

（一）解决问题能力

传统教学偏向于技术本位，教学设计和实施都是以学生掌握技能为学习目标。新课程改革后，要求学生培养一定的解决问题能力，而技术只是解决问题时用到的一个工具。本节课在设计时贯穿了问题目标分析和方法的引导。尽量教会学生去思考问题、通过工具和方法的选用来体现个人的观点。

（二）教学内容留一点余味

传统教学针对软件来组织学习，教学时会去深入地剖析软件的功能、研究软件的技术。新课程改革则不再深究软件本身的知识体系，做为工具的软件，是为处理问题而服务。所以教学中一般只讲基础性的或要用到的知识技能。其它技能可以鼓励学生自学或探究。留一点味道给学生，也就留住了让学生继续学习的兴趣。本节课在教学内容选择上不过多地纠缠于软件技术，而是围绕实际问题，引入一些学生踮起脚尖就能够得到的技能，通过引导学生使用这些技能来解决问题，从而渗透技能的教学。

这节课是动画的制作是选修模块“多媒体技术应用”中的一课，是动画制作的起始课，我认为每一节起始课程都应该是一扇门，为学生打开广阔的学习空间，让学生知道这扇门后有很多惊喜很多知识的宝藏，吸引着他们走进这扇门，并且未来将走的很远。

（三）动机激发

传统教学中教师主导作用比较突出，学生常常处于被动的学习状态，学什么，做什么，怎么做往往由老师决定，学生缺乏学习的主动性。新课程改革注重学生学习动机的激发，学习动机是学生学习系统中重要的动力因素，在学习过程中起着“核心”作用。没有学习动机，就不会有积极主动的学习活动。学生的学习动机并不会无缘无故的产生，而要靠教师在师生的交流中去激发、去培养。

本节课的教学重点是利用动画的方式表达意图，传达信息。引入部分赏析动画《钉子的故事》，让学生体验到动画在表达意图，传达信息方面的力量，同时也激发了学生的学习兴趣。本课学习任务在技术难度和设计难度方面适合学生的学***，学生经过努力可以实现，此外学生也可以发挥自主创造性，根据自己的兴趣、技术水平来完成。学习任务能够激发学生的学习动机。课程中跟随学生的学习情况，适时的提出一个个问题，激发学生新的学习动机，使学生主动的解决问题，完成学习任务。有效的将教师的教学目标转换为学生的学习动机。

-9-

昆明第十二中学（小动画，大力量——动画的制作与表达）

（四）多维目标整合

新课程倡导课堂教学要实现多维目标：知识与能力，过程与方法，情感、态度与价值观。

本节课的知识与技能目标是过程与方法目标实现的基础，而过程与方法目标又贯穿于知识与技能的落实之中。信息素养既是信息技术课程的一个长远目标，在新课改中更有效的体现在了每节课的各个环节之中，成为每节课的目标。

二、教学设计

（一）两条主线

1．任务主线（简笔画动画的制作与表达）

本节课就任务来说，是让学生完成一个简笔画动画的制作与表达。教学引入《钉子的故事》采用的是简笔动画。第一阶段的任务通过导入现成简笔画图片生成逐帧动画。第二阶段的任务则是让学生绘制出自己的简笔动画。

2．技术主线（逐帧动画）

本节课就技术来说，实际上是讲Flash动画中的逐帧动画技术。从看动画，到理解动画原理，再到导入图片实现逐帧动画，最后绘制逐帧动画，技术主线贯穿前后。

（二）两个阶段

即不用一次讲练，降低教学效率，也不使用更多的频繁分段，破坏任务的整体性和学生思维的连续性。而是针对高中生学习特点，采用两个阶段来组织教学。

1．第一阶段（重点解决知识技能问题）

第一阶段开始是引入阶段，通过观赏《钉子的故事》剖析动画基本原理。接下来让学生用Flash导入图片，生成动画，初步理解逐帧动画。

2．第二阶段（重点解决利用技术表达观点的问题）

第二阶段开始是设计与制作阶段，通过教师演示和学生活动，让学生学会绘制逐帧动画，表达思想。接下来是总结阶段，就技术和价值观各方面做了一些拓展和引导。

（三）两个拓展

1．技术拓展

动画制作软件Flash有很强大的动画制作功能，本节课实际上只用到了逐帧动画的功能。这在技术上可能会给学生造成误解，以为动画都是一帧一帧画出来的。所以在总结阶段，教师展示了自制动画《土豆人》中的一些自动动画技术，告诉学生，许多动画只需要做两个关键帧，中间的变化可以让计算机来完成。

教师在第二阶段教学时，一开始展示的动画是没有声音的《土豆人》，在小结阶段则展示一个加上配音的《土豆人》，前后对比，让学生体会到声音在动画中强大的表现力。

2．价值观拓展

-10-

昆明第十二中学（小动画，大力量——动画的制作与表达）

新课程改革最大的特点就是把信息技术这门课程提升到了社会文化的高度，强调信息技术的应用能力与人文素养相融合。本节课小结阶段也在这方面做了一些拓展努力，通过国内外经典动画的了解，通过中国与国外动画制作中的一些比较，激发学生的创新意识和爱国情怀。

三、教法、学法的一些处理方式

（一）问题推进学习

1．课程问题：

“动画产生的基本原理是什么？”

“如何利用信息技术手段将连续图片制作成动画？”→导入图片制作动画技能

“在动画制作中如果没有现成的图片，怎样设计和制作自己的动画？”

“土豆人长什么样？”→怎样设计角色

“土豆人在做什么？”→怎样设计动作

“如何在技术上实现？”→技术要点

2．拓展问题

“是不是所有的动画都要绘制每一帧？”→FLASH技术的拓展

“声音在动画中有怎样的表现力？”→表达拓展

（二）学生学习支持

1．技能支持卡：提炼技术要点，帮助学生自主学习与探索

2．设计支持卡：呈现设计思路与技巧，使学生有效进行设计，体验动画表达信息过程

-11-