本站QQ客服在线 |
视频标签：QQ动态,表情制作,智慧天下杯
所属栏目：信息技术优质课视频
视频课题：《秀出不一样的我—QQ动态表情制作》智慧天下杯初中信息技术优质
教学设计、课堂实录及教案：《秀出不一样的我—QQ动态表情制作》课堂实录-智慧天下杯2012全国义务教育初中信息技术优质课评比
| 课 题 | 秀出不一样的我——QQ动态表情制作 | ||||
| 学 校 | 北京市民族学校 | 授课教师 | 李 春 燕 | 日期 | |
| 课 型 | 新 授 课 | 授课年级 | 初二 | 课时 | 1课时/第一课时 |
| 教 学目 标 |
1．理解帧、普通帧、关键帧、空白关键帧的基本形态和与画面的对应关系； 2．了解帧的相关操作，区别插入帧、插入关键帧的不同，能够制作简单动态表情； 3．了解动画产生的原理，初步掌握制作逐帧动画的方法； 4．知道个性创意在动画中的重要性，并努力设计有创意的作品； 5．通过制作、发布交流动态表情，提升信息技术为生活服务的意识，增进与同学之间的友谊，学习管理自己的情绪。 |
||||
| 教 学重 点 |
区别插入帧、插入关键帧的不同，能够制作简单动态表情； 努力设计有创意的作品； |
||||
| 教 学难 点 |
理解帧、普通帧、关键帧、空白关键帧的基本形态和与画面的对应关系； 设计制作有创意的动态表情。 |
||||
| 教 学用 具 | 硬件：计算机、多媒体、局域网 软件：flash | ||||
|
教 学 分 析 |
根据教材安排，本节课应该是起始课，但从学生认知能力方面考虑，在本节课之前，应该至少安排1-2节的界面认知和绘画基础课。因此，在学习本节课之前，学生应该掌握了flash中基本绘画工具的使用方法，当然，为了不让绘画在本节课喧宾夺主，给学生造成困难，教师可以提前绘制好基础表情，学生只要改变相关的位置或者颜色，就可以做出动画，也会给学生带来很大的成就感。QQ表情首先比较常见，其次比较有趣，而自己动手制作个性QQ表情，更能够激发学生兴趣。因此，我采用个性QQ表情来引入本课。 本节课是学生第一次制作动画，对于时间轴、帧、关键帧等概念并不明了，而这些概念是制作逐帧动画乃至以后的所有动画的基础。因此，教师要明确讲解这部分内容。引导学生认识时间轴、帧、关键帧、空白关键帧、普通帧的形态以及各自的意义，可以直接在演示的时候用Flash界面讲解，也可以截图用课件展示讲解，课件展示的优点是，学生能够看得更清楚。讲解之后再回到Flash中，展示一个较完整的动画，让学生指出时间轴中哪些是关键帧，哪些是空白关键帧，哪些是普通帧。强调帧和普通帧的概念。 本节课主要任务是制作动态表情，但是从制作动态表情的过程中，学生应该要逐渐理解并掌握制作简单逐帧动画的一般流程和方法。因此即使制作只有两个关键帧的表情，教师也要带领学生分析、设计动画，把相关的画面分解绘画在纸上，然后与关键帧进行对应。在以往的教学中，我发现学生经常弄不清楚什么时候该插入帧，什么时候该插入关键帧，因此这部分内容是这节课的重点，也是难点。我通过改变关键帧画面中的内容，做出一个动态表情。然后引导学生观察，发现动画的播放速度比较快，引出可以通过普通帧延长画面停留的时间，改变画面的播放速度，让画面看起来慢一些。又通过观察发现动画慢了以后就不流畅了，再引出插入关键帧画面增加动画的流畅性，帮助学生理解关键帧和普通帧的意义，为后面的学习打下基础。需要注意的是，改变帧频也可以让动画放慢播放速度，但是意义不一样，为了不让学生混淆概念，这部分内容可以在后面的课程中再去讲解。 学生掌握了基本的制作动态表情的方法，就可以根据自己的想法，设计展现个性创意表情了。在“秀出不一样的我”这个环节，就是让学生构思动画内容，设计分解画面，最终用信息技术完成动态表情。由于学生用电脑绘画的能力还不是很强，可能出现有些表情能够设计，但是无法用电脑表现的情况，所以我要求学生把设计的画面，用简单的线条在纸上绘制出来，如果本节课时间不够，无法把纸上的画面用电脑表现出来，在展示环节，教师可以展示学生手绘的画面，课下再将画面中的内容用Flash表现出来。 在最后的小结环节，除了总结制作简单逐帧动画的流程，更重要的是用语言帮助学生了解个性创意的涵义，知道Flash作品中个性创意的重要性，引导学生提升作品的创新意识。 主要使用教学方法：情景创设，演示讲解，观察对比，任务驱动法 |
||||
| 教 学 过 程 | 教师活动 | 学生活动 | 设计意 图 | |||
|
【导入】 同学们平常上网，都通过什么工具进行交流呢？ 我听到很多同学都用QQ交流，老师也习惯用QQ，在用QQ聊天时，我们经常有不想打字，或者觉得语言不能代表我现在心情的时候，就会用到QQ表情。今天和大家初次见面，老师非常高兴（微笑），面对这么多老师来听课，我感到有点紧张（忐忑），说错话了没关系，吐吐舌头就过去了（调皮），希望大家多多包涵（害羞）。天哪，同学们的表现这么出色，真是出乎我的意料（惊讶），下课之后，就要跟大家说再见了，老师心中非常不舍（难过），但是有了QQ，我们以后还会经常联系（兴奋）！祝愿我们友谊长存（再见）。 大家看到这些表情，跟同学们平常见到的一样吗？这些表情，都是老师自己做的。今天，我们就用Flash软件制作QQ动态表情，来秀出一个不一样的我。 【内容讲解】 刚才大家看到的表情，有一个明显的特征，就是“会动”。怎么才能做出会动的表情呢？我们首先来了解一下动画产生的原理。 一、动画原理 无论何种动画，都是利用人类眼睛的“视觉滞留效应”产生动感，多幅画面快速连续的更换，使人们看到连续活动的图像，这就是动画的基本原理。 “视觉滞留效应”是指人在看物体时，物体的影像短暂地残留在人脑视觉神经中，残留时间约为1/24s。如果每1/24s更替一个画面，人们的大脑在前一个画面影像没有消失前，又接受到下一个画面的新影像，连续的大脑感受使人们感觉到连续的影像变化。现在，老师请大家请一段动画，这段动画不在电脑中，就在同学们手中。 请大家翻动小册子，你看到动画了吗？是怎么看到的？如果一页一页翻，你看到了什么？ 把这些画面搬到Flash舞台中，连续播放，就形成了Flash逐帧动画。刚才我们看到的动态表情，就是逐帧动画。 二、技术要点 要想用Flash制作这样的动态表情，需要掌握几个重要的概念。 1．时间轴 2．空白关键帧 3．关键帧 4．普通帧 5．帧的相关操作 请同学们指出，这个时间轴面板中，哪些是关键帧，哪些是空白关键帧，哪些是普通帧。 需要注意的是：Flash中每一个小方格我们称作1帧，帧是Flash动画制作的基本单位。而在右键菜单中出现的插入帧，实际意义是插入普通帧。 二、我的Q表情 掌握了这些知识，我们就可以做出QQ动态表情了。在制作动画之前，我们首先要在脑海中设计构思表情，例如：眼珠上下跳动。 然后分析，这个表情需要几个画面？将画面简单绘制在纸上。我们这个动态表情可以分解成眼珠在下，和眼珠在上两个画面（把两个画面在黑板上展示出来）。 两个画面对应几个关键帧？ 设计好画面之后，我们开始制作动画。首先，新建Flash文档，将文档属性中的宽和高分别设置为200px。新建的文档默认有一个空白关键帧，当我们在这个空白关键帧上绘制画面之后，它就会变成一个关键帧。另外一个画面，我们需要再插入一个关键帧。可以问问学生，是插入关键帧还是插入空白关键帧，区分两者的区别。 插入关键帧之后，把画面调整到第二幅的样子，测试影片，看到表情动了。小结：最简单的逐帧动画最少需要2个关键帧，也就是2幅画面。 任务一 请同学们打开“表情”Flash文档，在这个文档中，我们已经画好了基础的画面，请你试一试，做出一个最简单的表情。需要提示大家的是，在人的表情中，除了眼睛可以动，嘴巴、鼻子、耳朵等器官的单独变化或者一起变化都可以表现出不同的表情。大家可以根据自己的选择做出不同的表情。 我们很快做出了第一个动态表情，但是很多同学觉得，画面中的表情太快了，想让它播放慢一些，怎么办呢？ 想一想，在我们刚才的学习中，什么帧是帮助延续动画时间的？ 是普通帧。 现在，我们可以在每一个关键帧的后面再插入两个普通帧，再次测试影片。发现动画速度慢了，但是画面变得不连续了。想一想，如何让画面更流畅？ 增加画面。 提问：在普通帧上能增加画面吗？ 不能，普通帧中的画面与它左边最近的关键帧画面相同，改变普通帧的画面，实质是改变了这个普通帧左边最近的关键帧的画面。要想增加画面，首先要将普通帧转换为关键帧。 我们增加两个关键帧，将画面中的眼珠位置简单调整。这样，整个眼球的上下跳动就非常流畅了，而且速度也适中。 任务二 请大家根据自己动态表情的需要，适当增加普通帧或者关键帧，让画面更加完整。 Q表情已经制作好了，我们怎么样才能在聊天时使用到自己做的表情呢？ 首先，我们了解到，QQ有添加自定义表情的功能，不过它对格式有一定的要求。Flash测试影片产生的文件格式为.swf，这个格式是QQ不支持的，那怎么办呢？我们来看看解决办法。 通过文件的导出菜单，可以将做好的动画导出成QQ支持的格式，例如：gif格式。导出之后，我们打开QQ对话框，单击表情按钮，选择添加表情，然后找到自己制作好的表情，添加到“我的收藏”中，这样，以后跟朋友聊天，就可以使用自己制作的QQ表情啦！ 任务三 将自己制作的QQ表情导出成GIF格式，然后添加到自己的QQ收藏中。并且把这个表情发送给自己的好朋友，也可以发送给老师。大家还可以互相将对方发送的表情添加到自己的收藏夹中。 【实践练习】 三、秀出不一样的我 下面，就请同学们两人一组，设计并制作有特点有创意的个性QQ表情。先将表情设计，简单画在纸上。设计时注意，由于我们现在的绘画水平有限，有些表情虽然有特点，但是目前我们还完成不了，所以在设计时，大家尽量选择方便绘画的表情。可以一个人做动作，一个人绘制。设计好之后，就可以用Flash来表现出来了。每个小组至少完成一个表情。 【交流评价】 四、交流评价 教师把已经做好的表情收集在一起，没有完成的表情可以通过手绘画面展示，把活动延伸的课下，擅长绘画的同学设计表情，擅长电脑的同学制作表情，共同完成个性表情的制作。 【小结】 1．逐帧动画的制作流程 设计构思动画——分解手绘画面——用软件绘制完成动画。 2．当我们熟练动画制作的技术之后，会发现，最难的，是动画的个性创意。什么是个性呢？所谓个性就是个别性、个人性，就是一个人在思想、性格、品质、意志、情感、态度等方面不同于其他人的特质。什么是创意呢？创——创新、创作、创造……将促进社会经济发展。意——意识、观念、智慧、思维……创意起源于人类的创造力、技能和才华。我们的目标就是制作出有个性创意的动画，因此，希望同学在课下完成表情设计的时候，能有更多的灵感迸发，设计出更多有创意的表情。 |
用语言把学生带入QQ表情的场景中，变描述语言为变展示表情。 演示讲解。 利用课件讲解完成本节课任务的技术。 帮助学生梳理制作逐帧动画的思路。 设疑引导。 讲解演示。 在黑板上出示添加的几个画面。 巡视指导。 布置任务、巡视指导、 收集有特点的作品。 |
感受多样的QQ表情带来的不同心情。 听讲、观察等思维活动。 观看手翻动画书，感受动画是怎么产生的。 听讲、重点观察和记忆。 听讲、重点是观察和分析。 思考、动手操作。 思考、动手操作。 发布交流动态表情。 分组设计并完成动态表情的制作。 提交作品，观看其他同学作品，分享交流。 |
用大家常用的、喜欢的交流工具入手，通过展现不一样的表情，吸引学生的注意力，激发学生学习兴趣。同时，不同的表情带动学生不同的情绪，感受自己情绪的变化。 通过手翻动画书，体会逐帧动画的概念，帮助学生理解什么是逐帧动画。 通过课件的展示、对比和教师的讲解，帮助学生认识时间轴、空白关键帧、关键帧、普通帧、帧的相关操作、逐帧动画等基本概念，重点帮助学生认识关键帧、空白关键帧的不同，了解这两个帧与画面之间的对应关系，突出重点，突破难点。 通过一系列的问题，帮助学生梳理制作逐帧动画的思路，用演示讲解的方法，解决完成目标所需要的技术问题。 用最简单的例子，帮助学生建立信心，提升自我成就感。 。 讲解之后让学生马上体验，提高完成率。同时让学生按照自己的想法做动画，帮助学生提升创新仪式。 引导学生观察分析，总结普通帧的总用，跟关键帧做出区分，是本节课的重点，也是难点。 备注：改变帧频也可以放慢动画速度，但是本节课的重点是让学生掌握帧、关键帧的作用，所以，这个知识点可以放在后面的课堂中做对比强调。 通过观察，让学生发现只有插入关键帧才可以增加画面，清楚呈现关键帧的作用。帮助学生更好地区别关键帧和帧与画面的对应关系，突出重点，突破难点。 通过实践，让学生更熟练的掌握关于帧的操作，完善自己的动态表情。 用所学内容服务生活，帮助学生建立信息技术为生活服务的意识，也更好的激发学生学习信息技术的兴趣。 从人数上来讲，完成这个任务，每组两个人足够了，人多容易造成意见分歧。同学之间互相合作，设计的表情也会更有特点。这部分重在引导学生在制作Flash动画作品时的创意。 交流评价环节重在拓宽学生创作思路，设计的表情没有对错好坏之分，让大家看到更多人的思路，集思广益，设计出更有特点的个性表情。 总结逐帧动画制作流程，让个性创意成为本节课留给学生的财富。 |
|||
视频来源：优质课网 www.youzhik.com
