DOC《Flash绘图及逐帧动画》

Flash绘图及逐帧动画 浙江省温州中学 余军 设计思想 高中信息技术《多媒体技术应用》是高一学生下学期学习主要内容,多媒体教学的核心是培养学生分析问题和运用多媒体技术解决实际问题的能力,多媒体作品创作追求的高境界是"创新",而不是"技术".

如何在课堂中鼓励学生结合实践进行创新?如何在教学中充分发展学生的个性,实施个性化教育?是多媒体教学的关键所在. 鉴于此,flash第一课我的教学设计是这样的:教学设计不以flash技术讲授为重点,将重点定位于如何激发学生学习兴趣和创作意识上.以角色形象创意设计、鼠绘角色形象、角色动作设计为主线展开.设计的主要目的有二:

一、让学生凭自己的兴趣和爱好设计角色形象,把自己心目中的正面或反面、美或丑角色形象在flash中绘制出来,以此激发学生学习flash兴趣,挖掘学生创作潜能,张扬个性.

二、通过鼠绘角色形象学习,使学生掌握计算机绘图能力.计算机绘图教学是flash经典教学内容之一.凡是经典的flash动画,每一部都是设计者精心绘制的作品.绘图是制作flash动画非常重要、关键的环节,一般flash教程中

第一节课都会讲到绘图,而且绘图教学贯彻flash教学的始终.这样的教学设计也恰好体现新课程教学理念"探究"和"创新". 教材分析 学生通过本章节前面内容的学习,能够使用工具软件对图片、声音素材进行加工,表达意图,为动画学习做好铺垫.通过本节课的学习,拓展学生处理多媒体信息的技术与能力. 本课教学重点是角色的设计、flash鼠绘技术、动画原理和动画生成方式.难点是flash中角色形象的设计和鼠绘技术.由于教学内容涉及到艺术学科的相关知识,教学上以学生探究创作实践为主,教师引导教学为辅. 学情分析 在现代信息化的社会中,学生在平时上网过程中接触到大量flash动画,如:各种动画广告条、MTV音乐、电视广告、游戏、课件等等,Flash的身影无处不在.而高中学生自我意识很强,学习上有探究和创造的欲望和潜能.因此,高一学生学习flash欲望非常迫切. 教学目标

1、知识与技能: ⑴掌握flash中角色形象的设计和绘制. ⑵了解计算机动画的基本原理和常见的计算机动画生成方式.

2、过程与方法: ⑴体验学习,合作学习,相互交流学习心得体会. ⑵学会正确客观评价自己和他人的作品.

3、情感态度与价值观: ⑴通过创意设计角色形象,激发学生的学习兴趣和创作意识. ⑵学会利用媒体表达自己,体验成功.

五、课前准备 由于本课时涉及到flash绘图操作,课前教师必须熟悉flash绘图中一些方法和技巧,同时,需准备flash绘图素材:如卡通人物形象、卡通植物形象、生活场景等等.

六、教学过程 ㈠课堂导入(2分钟): 师:在现代信息化的社会中,人们喜欢在网上完成工作,搜集与交流信息.打开任意一个网站,常常会看到各种动画广告条;

想听音乐,网上有Flash制作的各种MTV由你选择;

从搞笑动画到MTV、从广告到游戏、从网页到多媒体课件、从贺卡到影视片头,Flash的身影无处不在. 师:?Flash的前身软件是Future?Splash,一种早期网上流行的矢量动画插件.后来,Macromedia公司收购Future?Splash改名为Flash2.Flash的中文意思为"闪烁",这是一种交互式矢量图编辑和多媒体创作软件,主要用于网页设计,功能异常强大,而且效果独特.用它能做出各种动画,占用电脑资源少,且很容易被掌握,从最初的仅被网络技术员使用到现在,已经有越来越多的网民用它来编辑设计自己的"动画".flash?制作高手又被称为"闪客". 师:下面我们就来欣赏一个学生flash作品,感受Flash的独特魅力. 师:播放一个比较简短学生作品"绿之舞". 师:这幅作品为我们学校一位高一学生创作,为校艺术节参赛作品,并曾参加市里中小学生作品赛获奖的作品.(作品介绍:作品由一滴绿慢慢演绎出一个女子、女子舞姿、女子随着音乐翩翩起舞,最后演变出"绿色环保"这一主题.)通过音乐的烘托,作品带给人们一种美的享受,作品以其独特艺术形式提醒人们关注绿色、关注环保. 师:这个flash作品独特之处在什么地方? 学生回答 师:刚才这作品应用到flash技术其时比较简单,整个作品主要使用到一种技术"变形动画".相信大家学完以后flash课程都可以做出来.作品的精彩之处,在于用flash技术演绎了另外一种艺术美,给人留下深刻的影响.这说明了flash制作中什么问题? 学生回答 师:对,制作flash最重要的不是技术,而是创意.从今天开始,我们就要开始学习flash,在以后的学习中,我希望同学们在制作作品的时候,不要只关注技术,要多创意,只有这样才能制做出独特的、优秀的作品. ㈡新课(30分钟): 场景一:flash基础介绍 教师打开flash软件(绿色版8.0). 问:这个界面与我们以前学习的photoshop界面有何不同? 学生回答 师:增加了时间轴、舞台. 师:Flash动画的播放是由时间轴来控制的,时间轴左边为"层"区,右边由播放指针、帧、时间轴标尺及状态栏组成.在Flash中,把当前工作窗口称为舞台,舞台是Flash动画制作的平台,全部的动画操作,都是在舞台中进行的. 师:为什么flash动画会广泛应用于各类网站? 学生回答 师:因为Flash是基于矢量的图形软件,制作出的图像都是矢量的.而矢量图形具有占用空间小的优点,矢量图形占用的存储空间比位图少得多,只是位图的几千分之一.因此,Flash文件占用空间小,网络下载速度快,广泛应用于网页动画的制作. 师:除此之外,大家还知道矢量图形还有其它的优点吗? 学生回答 师:用Flash绘制的图形,无论怎样进行缩放,图形对象仍保持原有的清晰度和光滑度,不会发生任何偏差. 场景二:绘图创作准备 师:Flash是一种矢量动画,因此,掌握Flash中图形绘制技能,是制作Flash动画的基本功.下面就请同学们欣赏一下绘制的?flash素材. 教师操作:打开预先准备好的?flash素材. 师:绘制的?flash素材都很漂亮,但对于大家来说并不会很难,因为大家在以前的学习中都或多或少接触到电脑绘图.只要大家花点时间,仔细研究一下,很快就可以画出来.在Flash制作中,图形绘制是一项基础功,大家一定要掌握. 师:flash作品就像电影短片,一个作品中一般都会有一个角色,那么角色应该如何设计才能符合作品需求? 师:下面首先就请同学们上闪客帝国网站阅读资料《角色的造型》,阅读完之后,在纸上设计绘制一个角色形象. 学生探究活动(5分钟) 场景三:绘图创作 师:刚才大家都对角色形象进行了设计,设计角色形象要根据不同年龄、不同性别进行不同的画法.此外,为了让角色能更深地打动读者,就应尽量做到正面角色的英 俊、美丽、善良都表现到极点,反面角色的凶残、狡猾也应夸张到位,切忌人物的中庸,这一点很重要.flash动画的很大一部分意义在于它的夸张,设计人物造型时应遵循这一特点来进行. 师:当你设计好形象后,如何将形象输入flash?中? 师:一般在flash制作中都是用鼠标来绘制素材的,这种画法又称鼠绘.技术主要有:几何图形法、移动组合法、辅助上色法等,下面,老师就在flash中演示并鼠绘一个角色形象. 老师演示:绘制一个人物形象元件(如下图所示).将事先绘制素材导入到库中,拖动到舞台上,模仿绘制.绘制过程中,介绍各种方法和工具使用 图-图二 图三 图四 师:我现在要提醒大家绘制角色过程中的几个技巧问题:

1、像人物"眼睛""嘴巴"等脸上五官部分不要直接在脸部绘制,直接在脸部绘制,操作不好的时候会破坏脸部绘图效果,所以我们应该在舞台空白处进行绘制,等绘制成功之后再移到脸部.

2、脸部对称部分应该仅量使用"复制"、"旋转"功能,以减少绘图工作量. 师:下面请同学们在flash中鼠绘完成自己设计的角色形象. 学生探究活动(10分钟) 场景四:动画制作准备 师:大家画的形象都很漂亮,但这么漂亮的形象怎么样才能让它在flash中动起来呢?请大家先来回忆一下上学期我们学过的内容,动画工作的基本原理是什么? 学生回答 师:对,flash动画原理同电影的原理,由于人眼的"视觉暂留"现象(物体被移动后其形象在人眼视网膜上还可有约1秒的停留),连续分解的动作在快速闪现时产生活动影像.这也类似于幻灯片原理,就是把每一张画按每秒24帧的速度放出,就能看到连续的动画. 师:现在老师就利用逐帧动画让刚才画的卡通的眼睛动起来. 老师演示 师:同样方法,我们是不是也可以让卡通的其它部分动起来,如嘴巴、头发等. 师:下面同学们也来试一试,让你的卡通的眼睛、嘴巴或头发动起来. 场景五:动画制作 学生探究活动(3分钟) ㈢活动评价(5分钟) 转播几幅优秀作品,请学生做一下创作说明,老师加以适当的评价. ㈣总结(3分钟) 师:刚才老师用到的逐帧动画是动画的一种形式,逐帧动画的特点是:每个帧都是关键帧.要创建逐帧动画,需要将每个帧都定义为关键帧,然后给每个帧创建不同的图形.逐帧动画优势很明显,与电影播放模式很相似,很适合于表演很细腻的动画,如3D效果、人物或动物急剧转身、人物的喜怒哀乐的表情等等效果. 师:但由于逐帧动画的帧序列内容不一样,增加制作负担而且导出的文件容量也很大.所以,我们平时也常用一些其它的动画方式,如动作动画、形变动画和引导线动画.这些动画方式有待以后学习. 师:这节课我们主要学习研究了flash中形象的创意设计,鼠绘形象的基本方法,了解计算机动画的基本原理和常见的计算机动画生成方式.Flash图形绘制是一项基本功,要想做出优秀的flash作品,必须学会绘图,课余时间大家可以多学习研究这方面技术,只有这样,才能创作出真正属于自己的、优秀的作品. 师:最后老师还必须强调的是,制作flash最重要的不是技术,而是创意.在以后的学习中,我希望同学们在创作作品的时候,不要只关注技术,而要多创意. 师:现在大家,把自己设计的卡通形象导出成影片格式,保存到下节课使用.

七、知识结构或板书设计 ㈠flash的起源、flash动画的用途和优势 ㈡flash动画启动 ㈢角色的设计和鼠绘技术 ㈣逐帧动画的创建方法 ㈤课堂总结

八、问题研讨 本课时涉及到众多艺术学科上的相关知识,对于学科边缘的知识内容信息技术教师应该如何正确把握和处理?

九、参考资料 著作类 陶增乐:《多媒体技术应用教师用书》,浙江教育出版社2005年版,第74-75页. 金超 《中文版Flash MX 2004基础教程与操作实录》,清华大学出版社, 2006年1月 网络文章类 覃芳Flash动画制作教学点滴――基于网络环境新型教学模式的初探,北京景山学校分部,http://site.dcjy.net/zxjsj/lw/lw15.doc 何勇平 《鼠绘技术内幕概述》 http://www.flashempire.com 何勇平 《人物造型》 http://www.flashempire.com