浅议Flash遮罩动画的制作与应用
摘 要:Flash软件是一个应用广泛的二维动画制作软件,本文从二维动画的技术表现入手,阐述了Flash动画的重要技术之一——遮罩层动画的技术实现及其在各种动画作品中的应用,对遮罩动画的设计与应用具有一定的指导意义。
关键词:Flash;二维动画;遮罩
0 前言
目前,Flash是由Adobe公司发行的一款专门用于制作二维动画的软件,是当前最优秀、应用最广泛的矢量动画设计软件,主要应用于网页广告、交互式游戏、二维动画、教育等领域,由于其文件体积小、易于传播的特点,得到了广泛的应用。虽然,由于html5技术的冲击,其市场地位备受争议,但其所能实现的细腻的动画细节仍然吸引了广大用户。而Flash的作品中绝大大多数都应用了遮罩动画技术,本文就此对flash动画中的遮罩技术的制作与应用进行探讨。
1 遮罩动画技术简介
Flash动画的主要技术包括:动画补间、形状补间、引导层、时间轴特效、遮罩层等,其中遮罩动画是一种应用很广泛的动画类型,很多效果丰富的动画都是通过遮罩来完成,如闪光、水波、万花筒、百叶窗、放大镜、望远镜……等等,常见于广告、游戏、动画电影电视特效等领域。遮罩动画技术的效果实现一般来讲需要三层,自下至上分别为:背景层、被遮罩层、遮罩层。背景层指没有遮罩效果时的展示;被遮罩层是指被遮罩的东西,也是透过遮罩形状能看见的东西;遮罩层指展示所要表现出来的形状,即可见的形状。在遮罩动画的制作过程中,只要清楚这三层的作用,就能快速的实现所要的动画特效。
2 遮罩动画的技术实现
遮罩层动画的实现至少需要遮罩层和被遮罩层两层,单独使用遮罩层来制作动画,效果单一乏味,可与Flash的其他动画技术充分结合,以发挥遮罩动画的强大功能效果。(1)遮罩层与动画补间动画的结合。动画补间动画一般用于制作位置移动、缩放、旋转、色彩变化等动画效果。在遮罩动画的制作过程中,可以分别在遮罩层或被遮罩层应用动画补间动画,以实现各种动画效果。让遮罩层的形状元件移动,可以做探照灯效果;让遮罩层的形状元件缩小或放大,可以制作出卷轴、放大镜、动画片中的镜头转换特效、图像转换等效果。(2)遮罩层与形状动画补间的结合。形状动画补间动画一般用于制作不规则形状变化的动画效果,其特点是形状变化是随机生成的、不可控的。形状动画补间动画与遮罩技术结合,作为遮罩层,让遮罩层的形状做不规则形状变化,可以让图像的展现以随意的方式渐渐显现,轻松实现优美的动画特效。(3)遮罩层与时间轴特效的结合。时间轴特效中的分散式直接复制和复制到网格可以按需要复制出所需数目的影片剪辑元件实例,并按照制作者的设置进行位置排列。在利用遮罩技术制作的图像转换的动画效果中,可以制作出单个变化的小形状,如一个会滚动放大的方块、一个会移动放大或缩小的圆形等,然后利用分散式直接复制在纵向(或横向)复制出一行(或一列),且设置好偏移起始帧,做出逐步出现的动画效果。再次利用分散式直接复制在横向(或纵向)复制出多列(或多行),以布满画面为最低标准,从而实现层次丰富的图像转换动画效果。(4)遮罩层与ActionScript的结合。ActionScript是Flash制作交互式动画的根本技术。ActionScript中的setMask()方法可以根据开发者的需要灵活设置遮罩层,无时间空间限制。利用setMask()来实现遮罩层设置,可以制作出放大镜、可移动探照灯、模糊遮罩等效果,使得动画更显人性化。
3 遮罩动画的应用原则
遮罩动画设计与应用的首要原则是动画流畅性。无论创作者要要表现多么复杂的动画效果,最终在动画作品中都要给参与者留下一个印象,动画的播放国产是流畅的,镜头、图像的转换是自然的,整体上没有突兀感。其次要考虑受众的人群特征,遵循趣味性原则。Flash 动画的受众大部分都是经常上网的人群,根据中国互联网络中心2013 年 7月发布的第 32 次《中国互联网络发展状况统计报告》,上网人群中超过一半的人的年龄是分布在18至30岁之间。统计数字表明,网络受众主要是年轻的和受过良好教育的人群,这个群体年轻、个性张扬、崇尚自由、自主性强、重视内心的感受和个人体验、乐于接受新事物,是伴随卡通动漫成长的一代,因此动画的设计要充分体现娱乐性原则。遮罩动画的设计与应用还要保持动画作品的艺术性。Flash 动画是艺术和技术紧密结合的产物,强有力的技术手段是遮罩动画实现的保证,但是创作者的意图必须通过艺术化的图形设计才能得到充分的表达。
4 小结
综上所述,遮罩层动画是一个操作简单、变幻无穷的动画技术,熟练掌握该技术的应用,并结合动画制作者的艺术素养,灵活利用于各种flash动画作品中,可以实现丰富的动画特效,使动画作品具有强烈的吸引力和视觉冲击。
参考文献:
[1] 潘彪.巧用flash遮罩动画制作各种精美动画[J].电脑知识与技术,2010(36).
[2] 蔡鹏,钱钰,等.Flash 动画在网页制作中的应用及相关探讨[J].电子技术与软件工程,2013(19).
[3] 王继军.《二维动画设计》课程教学方法改革探索与实践[J].教育教学论坛,2013(41).
[4] 丛波.浅谈Flash动画设计中遮罩动画实例的设计[J].科技创新与应用,2013(25).
[5] 白英德,杜颖玮.《Flash遮罩动画》教学设计[J].中国信息技术教育,2010(05).
[6] 袁媛,庞霏,王旭.浅谈Flash动画设计[J].才智,2011(14).
作者:丘惠翠 张力
Flash动画制作教案
遮罩动画
授课内容:遮罩动画 学时:4学时(180分钟) 教学目的和要求:
通过遮罩动画的学习和制作,使学生了解引导路径动画的基本原理、掌握遮罩 动画的实现方法和要点,掌握遮罩动画能实现的动画效果。本节通过4个典型实例 使学生掌握遮罩动画制作的要点以及技巧,进一步加强学生的动画制作能力和欣赏 创作能力的培养。
教学重点:
掌握遮罩动画制作的要点与效果。 教学回顾:【约10
分钟】 教学难点:
遮罩动画的遮罩层和被遮罩层以及关联后的动画效果。 以提问方式进行,教
师引导总结 教学方法和手段:
本节采用以教师为主导,学生为主体的案例教学,首先通过设计一个旋转的地问题1:到现在球仪实例引出本节的教学内容,同时在教学过程中同时采用提问法、讨论法和互动我们学到的FLASH式教学方法。 动画类型有哪些?
问题2:这些动授课内容提纲:
一、复习旧课导出新课 画类型能实现那些教师总结: 动画效果? FLASH动画我们学习了逐帧动画、传统补间和形状补间动画和CS补间动画,
利用这些动画制作,能实现直线运动、曲线运动,3D翻转动画,实现颜色变化、滤 镜变化,透明度变化。但是,要实现一些特殊效果的变化,比如说,现有一张世界 地图,我想把它制作一个地球仪,怎样实现?一张瀑布照片,我想让瀑布流动起来, 怎样实现?今天我们学习的遮罩动画就可以很好解决这些问题。
二、工作任务一:旋转的地球仪
实例展示 工作任务1:
【约30分钟】
1.在案例制作过程中讲解概念,容易理解,也能吸引学生的学习兴趣 2.思路指导:
案例效果展示, 案例效果分析 给学生设下伏笔:提
问:用什么方法可以
实例分析:
实现这样的效果?
这是一个旋转的地球仪,很逼真。但这个地球仪是使用一张地图制作的,怎样
实现?
知识点讲解 C语言程序设计教案
遮罩效果:什么遮罩呢,就是在一个普通图层的上面在放置一个遮罩图层。动画效果是有这两个图层共同作用的效果。上面的是遮罩层,下面的是被遮罩层。显示效果是:显示遮罩层上的形状,被遮罩层上的内容。
地球仪就是这样的。下面一层是地图层,被遮罩层,上面一层是个圆形,被遮罩层。
思考:这是静态的效果,怎样让地球仪转动起来呢?
在被遮罩层制作传统补间动画,看一下效果?
如果在遮罩层实现动画,效果怎样?看一下卷轴画,图片切换实例。
1、制作引导路径动画的要点
必须有两层,一层是遮罩层,一层是被遮罩层。
作用的效果是:显示遮罩层的形状,被遮罩层是内容。
在遮罩层上可以制作逐帧动画、传统补间动画,形状补间动画,CS补间动画,但关键帧上必须是图形或图形生成的元件。
在被遮罩层上可以制作逐帧动画、传统补间动画,形状补间动画,CS补间动画元件没有要求。
任务实现:
转动的地球仪动画的实现:(被遮罩层动画)
0、导入地图图片,制作地图元件
1、在第一层放入地图元件
2、在第二层绘制正圆,将其变为遮罩层。
3、在第一层的60帧插入关键帧,创建传统补间动画。
4、插入第三层,将第二层上的圆复制过来。填充由蓝色(100%透明)到蓝色(60%透明)。
复习提高:(教师讲解)
1、卷轴画(遮罩)
教师提醒:
图画是被遮罩层,放好位置,不动。
遮罩层是一个形状补间动画,由小矩形,变成一个大矩形,遮住整个图画。
两个画轴分别在两个图层上制作传统补间动画
2、百叶窗效果
提醒:(学会由元件制作元件的方法)
制作一个叶的形状补间影片剪辑元件1
有元件1制作百叶的元件2(分布在不同图层上)
在图层1放置图画
在图层2放置元件2,设为遮罩层。
学生任务:
1、书 P实例28滑动式动画
2、熟悉上面的三个遮罩动画。
2
知识点讲解,新知识新技能的学习,旧知识的复习
任务实现,教师的娴熟操作,带给学生技能的提升。
学生任务,让学生全面掌握学习的知识点和技能点。
思考:遮罩层和被遮罩层都制作动画,效果怎样?遮罩层上的形状和颜色有关系吗?
思考:怎样是地球转动是没有跳动?
思考:遮罩层上的矩形比图画大,行吗?
C语言程序设计教案
五、工作任务二:水波的制作-流动的瀑布、海底
实例展示:
实例分析
这个实例的原理是,两层瀑布,一个是普通层,一个是被遮罩层,两层瀑布相差两个像素。遮罩层是一个条状的图形,遮住的部分显示上层瀑布,没遮住的部分显示下层部分,遮罩层的条状图形移动,形成瀑布的流动。
知识点讲解
遮罩层的条状图形制作为元件,有元件制作传统补间动画。条状图形的制作不要太细,间隔要均匀
波的大小:
任务实现:(教师操作讲解)
1、导入瀑布图片
2、在第一层放入瀑布图片
3、复制图层1,改名为瀑布。选择图片分离,使用钢笔工具选择瀑布,删除其余部分。选择瀑布向下向右移动2个像素。
4、创建条状图形的元件---波
5、在第三层的第一帧拖入波元件,调整大小,在40帧插入关键帧,往下运动条状图形元件,创建传统补间动画。
制作提高
3、P 实例29
4、闪闪红星
3
新课讲解2
教师用生活小案例引入,吸引学生学习兴趣【约30分钟】
思考:条状的粗细对波形有什么影响?
C语言程序设计教案
本课总结
遮罩动画必须有两层来实现,一层是遮罩层,一层是被遮罩层。综合效果显示遮罩层的形状,被遮罩层是内容。
主要应用在望远镜、放大镜、各种切换效果,水波、风波,写字,等效果上。。
在遮罩层上可以制作逐帧动画、传统补间动画,形状补间动画,CS补间动画,但关键帧上必须是图形或图形生成的元件。
在被遮罩层上可以制作逐帧动画、传统补间动画,形状补间动画,CS补间动画元件没有要求。
五、板书设计 知识回顾 我们学习了flash的那些动画类型,各有什么特点?
六、课后附记 新课讲解
1.遮罩效果怎样显示? 2.遮罩动画的制作要点 3.遮罩动画的制作技巧
可擦写区域 讲解细节
布置任务
教学总结:采用教师引导、学生回答的方式进行.
1. 制作一个遮罩动
画两层都使用传统补间可以吗? 最后教师总结本单元的重点和难点
【约10分钟】
4 C语言程序设计教案
5
“FLASH遮罩动画”教学设计
■内容分析
本节课的教学内容是FLASH的“遮罩动画制作”。作为拓展课,着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画,进一步提升学生动画制作技能水平。
■学情分析
学生前面已学习过的基本动画又不能满足学生的认知拓展需要,学生在掌握简单的逐帧动画、动作补间以及形状补间之后,渴望掌握更深的操作技能,本课学生通过学习Flash遮罩动画的制作原理及基本应用,培养学生深入学习FLASH的兴趣以及动手探究实践的学习能力。
■教学目标
1.知识与技能
(1)掌握遮罩动画的基本原理;
(2)理解遮罩层与被遮罩层之间的关系;
(3)利用遮罩知识,学会探照灯、动感文字、万花筒效果动画的制作;
2.过程与方法
(1)通过分析遮罩实例,掌握遮罩制作的三步骤,加深对遮罩原理的理解; (2)通过制作遮罩实例,提高学生灵活运用遮罩效果的应变能力;
3.情感态度与价值观
(1)培养学生深入学习FLASH的兴趣,体验作品创作成功的喜悦和成就感; (2)通过知识点的迁移,培养学生创新精神和应变能力;
4.行为与创新
通过遮罩原理的学习,能够让学生根据实际需求学以致用,制作自己的遮罩动画
■教学重点与难点
1.教学重点
遮罩的原理和遮罩效果的制作三步骤方法。
2.教学难点
理解遮罩与被遮罩层的关系。
■教学方法与手段
分层任务驱动法、案例演示法、讲练结合。
■课前准备
案例素材、拓展素材及学生素材
第1页(共4页) ■ 教学过程
一、小球来回移动——添加背景层、巩固复习
教师活动:
播放<小球来回移动>动画,引入添加背景层。
演示:添加背景层、修改图层名,讲解图片素材的导入到库、以及翻转帧。 学生活动:
完成“小球来回移动”动画的制作。 过渡:
做好这个动画之后大家试一试怎么只看到小球经过的地方,别的地方看不到。 设计意图:
任务中涉及动作补间动画、旋转等上节课的相关内容,有助于同学们回顾相关的Flash动画制作知识,同时又了解图层的相关概念。
二、探照灯——遮罩层运动,被遮罩图层静止 教师活动:
引入:怎么实现只看到小球经过的地方,别的地方都看不到
播放:探照灯效果动画,引入遮罩层,这里要用到一个新的图层,遮罩层。 演示:将小球所在层转化为遮罩层
讲解:讲解遮罩层的原理,遮罩就是通过遮罩图层中的图形或文字等对象,透出下面图层中的内容。简单的说,遮罩层就像一张纸,可以在这张纸上挖一个洞,当洞下面的物体运动经过洞口的时候就产生了动画。遮罩层下方图层上的图像可以通过这个“视窗”显示出来,而“视窗”之外的图像则不会显示,这个“视窗”就是遮罩层。他和被遮罩层是结合使用的,就是指被遮罩的图层是看不见的,遮罩就是在原来的图层上挖一个洞可以看见这个图层上的内容。相当于让被遮罩层局部显示。遮罩即被显示的部分。 学生活动:
第2页(共4页) 完成“探照灯”动画
过渡: 问题:怎么沿着一定的轨迹来显示。
设计意图: 让学生理解“遮罩”的原理,同时学会用遮罩制作简单的“探照灯”动画。
三、让探照灯沿着一定的轨迹——元件影片剪辑的使用 教师活动:
引入:怎么让探照灯沿着轨迹运动 播放:探照灯沿着轨迹运动的效果动画 演示:制作元件影片剪辑。
学生活动: 完成练习
设计意图: 通过影片剪辑完成探照灯沿着轨迹运动
四、探照灯——遮罩不动,被遮罩的图层动 教师活动: 问题:刚才我们大家做的都是遮罩在动,被遮罩图层是静止的,那么“探照灯效果”怎么实现
播放:效果动画
演示:将被遮罩的图层设为动画
学生活动: 完成练习
设计意图:
第3页(共4页) 这个比较简单,略讲即可。
五、放大镜——遮罩层、被遮罩层、普通层多层综合练习 教师活动:
播放: 演示:
第一步:制作放大后的字体及遮罩
第二步:添加原始文字层 第三部:添加同步的放大镜
学生活动: 完成练习
设计意图: 综合运用遮罩、影片剪辑、图层等完成
六、综合练习
■教学反思
第4页(共4页)
Flash遮罩动画制作
【教学目标】
知识目标:1. 掌握遮罩动画的原理,理解遮罩层与被遮罩层的关系。
2. 掌握遮罩动画的制作方法。
能力目标:能够灵活运用Flash动画软制作技巧,创作动画作品。 情感目标:1. 感受运用Flash动画软件创作作品的乐趣
2. 体验信息技术蕴含的文化内涵,形成和保持对信息技术的求知欲。 【教学重点】:遮罩的含义和遮罩效果的制作方法 【教学难点】:理解遮罩层与被遮罩层的关系 【学情分析】:通过前面的学习,学生已经掌握了动画的制作方法,理解了形状补间和动作补间的区别。对于遮罩动画,大家都还未接触过,是一个全新的知识 【教学过程】
一、新课导入
教师展示Flash动画作品,让学生观察动画并找出其特点。 教师点明课题《遮罩动画》,介绍本节课学习目标。
二、 学习新知识
(一)展示遮罩动画应用实例——文字遮罩动画,并进行分析,归纳出遮罩动画的原理。
遮罩动画的原理:透过一种图形看被遮挡的内容(图片、文字)。
(二)打开源文件,分析图层,讲解遮罩层与被遮罩层的内容和关系
遮罩层与被遮罩层:1. 遮罩层图形
2. 被遮罩层:被挡住的图片或文字(最终看到的内容)
(三)展示遮罩动画实例2——图片展示,让学生分析遮罩层与被遮罩层的内容,落实知识点。
大家分析:哪一个是遮罩层,哪一个是被遮罩层。
二、以实例“文字出现”为例,演示并讲解遮罩效果的制作过程。
第一步:打开Flash软件,新建两个图层,分别命名为“遮罩层”和“被遮罩层”
注意:“遮罩层”位于“被遮罩层”上方
第二步:在“被遮罩层”中输入文字。点击第一帧,输入文字“古城中学”,在第40帧插入关键帧。
第三步:在“遮罩层”中绘制图形。在第一帧绘制一个矩形,在文字左边,与文字不相交。在第30帧处,将矩形并行移动到文字上直至完全与文字重叠。然后在第1帧与第30帧之间创建运动补间动画。
第四步:右键单击“遮罩层”,在菜单中选择“遮罩层”。遮罩动画制作完成。
三、巩固练习
学生根据教师演示的步骤,制作文字出现的动画。
四、请学生展示。教师总结
教学反思:
本课了解遮罩层和被遮罩层的关系,对于我们掌握遮罩动画是非常关键的。遮罩动画在FLASH技术里面起到了重要作用,一些非常优秀的效果就是通过遮罩动画来实现的。在教学过程中尽量激发学生求知的热情和学习的兴趣,让学生积极主动地参与到教学活动中来,在教学中基本上实现了师生有效互动,通过学生的自主探究学习,很好的达成了本节课的教学目标。
在本节课的教学活动过程中,导入能够很好的抓住学生的兴趣,从学生的兴趣出发,从而导入了新课。知识的展现不是直接通过教师的讲,而是通过学生自己回忆以往的知识,能让他们做的都尽力让他们做,充分相信学生的能力,从而轻松带入新的知识,这样既让学生复习了旧知识,也让学生觉得新知识也并不难,容易接受。教学素材的准备比较充分,让学生选择素材的空间比较大,能够以学生为中心,这样学生在接受知识完成任务的时候更能够有热情。本节课的任务设置能够符合学生的学习习惯,任务的设置也能够照顾到大部分学生,让所有的学生都有事做,都能体验成功,并且给学有余力的学生提供了更广阔的探究空间。不足的是对有些知识点的讲解,没有能够到位,导致学生操作的时候出现问题,对于学生的了解不够,应该充分了解学生的现状,最好事先跟学生进行沟通。对于突发状况还缺乏应变能力,须加强。
Flash遮罩动画说课稿 柳市春华张可翠 说教材
教材的地位及作用
《Flash8短期培训教材》,本课内容是第二章动画制作的第四课。遮罩动画是Flash动画的重要组成部分。与前面的逐帧,形变以及运动动画相比有着较大区别,前三种动画效果直观,明显,容易理解,而遮罩动画则比较抽象,但是它的制作效果比较奇特,能够实现其他动画实现不了的特效。它在本教材中起着由浅入深的过渡阶段。 教学目标
在FLASH教学中,侧重于学生的理解能力及应用能力的提高,根据学生的认知特点,心理规律,我们把教材中的重点、难点及关键点进行分解。贯彻学生自主学习的学法进行教育,让学生通过实践操作,来理解掌握本堂课的内容,达到教学目标。 认知目标:(1)理解遮罩的原理。 (2)了解遮罩动画的作用。 (3)掌握创建方法。
(4)明确制作遮罩动画的要求。 能力目标:(1)能够将遮罩动画配合其他动画制作丰富的动画效果,并且能将 遮罩灵活的应用于综合实例中。
(2)培养学生分析问题、解决问题的能力以及合作能力和审美能力。
情感目标:以制作简单动画为任务驱动,激发学生学习flash的兴趣,培养学生 的成就感。
教学的重点、难点:
重点:遮罩动画的创建方法
引出动画——学生分析——我总结——我制作——学生模仿——布置作业 —-学生相互交流——引出更多更精彩的实例„„ 难点:遮罩原理的理解
从一个简单实例入手——完整案例的制作——学生举一而反三 学情分析
全日制学生(依兴趣办事,自主性,自律性不强) 说教法、学法 教法:
中学生多数都是兴趣主导型,喜欢自己动手操作,故本堂课是以“学生为主”,让学生主动学,主动练为原则,达到让学生真正手动、脑动这一目的。 1. 采用案例、启发式教学法
引起兴趣——由兴趣激发学生动手,大胆的去实践,敢去尝试——我指导、纠正——使他有这种创作动画的成就感。
2.采取了由浅入深、循序渐进的教学策略,以例子讲解,综合练习,引发学生思考为流程 3.运用了“引、激、拓”的课堂教学模式 学法:
在整个教学过程中,学生对内容的掌握也是由浅入深,循序渐进,围绕知识点展开,通过自主式和合作式学习,最后对知识重新建构,通过思考得出结论。(即多看范例,多模仿,多动手实践) 说教学流程(1课时)
1.复习上节课的知识(以学生提问为主,约10’) 2.新课导入(展示实例,约2’) 2.新课的讲解(约15’)
(与前三种动画相比,它有一定的难度,比较抽象,但是它的效果非常的奇特,解释遮罩的原理。从概念的理解——制作过程(创建方法)——制作要求——举一反三) 3.课堂练习(约20’)
(在课堂练习中,遵循了由浅入深的原则,先制作简单的静态遮罩,再到简单的动态遮罩。分组进行讨论复杂实例,培养学生的团队意识和思考能力。) 4.小结(约5’)
遮罩动画不同于前三种动画,它比较抽象,不能看全对象(部分被遮住),所以在讲解这一类动画时一定要思路清晰,理解原理,才能做出更精彩的实例。(重点突出遮罩动画与前三种动画的区别,以及遮罩动画的原理) 5.内容引伸与思考(约4’)
■教材分析
本节课以新教材苏科版的《初中信息技术》(下册)第八单元教学内容为依据拓展开来讲授的。本节课的教学内容是flash的“遮罩动画制作”。作为拓展课,着重于学生对遮罩动画的原理理解以及制作简单的遮罩效果动画,进一步提升学生动画制作技能水平。 ■学情分析
由于新教材上没有专门安排遮罩动画的这一章节,但是学生前面已学习过的基本动画又不能满足学生的认知拓展需要,学生在掌握简单的逐帧动画、动作补间以及形状补间之后,渴望掌握更深的操作技能,本课学生通过学习flash遮罩动画的制作原理及基本应用,培养学生深入学习flash的兴趣以及动手探究实践的学习能力。 ■教学目标 1.知识与技能
(1)掌握遮罩动画的基本原理;
(2)理解遮罩层与被遮罩层之间的关系;
(3)利用遮罩知识,学会探照灯、动感文字效果动画的制作; 2.过程与方法
(1)通过分析遮罩实例,掌握遮罩制作的三步骤,加深对遮罩原理的理解; (2)通过制作遮罩实例,提高学生灵活运用遮罩效果的应变能力; 3.情感态度与价值观
(1)培养学生深入学习flash的兴趣,体验作品创作成功的喜悦和成就感; (2)通过知识点的迁移,培养学生创新精神和应变能力; 4.行为与创新
通过遮罩原理的学习,能够让学生根据实际需求学以致用,制作自己的遮罩动画 ■课时安排 安排1课时。 ■教学重点与难点 1.教学重点
遮罩的原理和遮罩效果的制作三步骤方法。 2.教学难点
理解遮罩与被遮罩层的关系。 ■教学方法与手段
讲授法、演示法、分层任务驱动法、自主探究学习法。 ■课前准备
多媒体网络教室,网页学件 ■教学过程 教学 环节 实 例 导 入 【新课导入】
教学活动
学生活动
设计意图 通过展示丰富的遮罩实例,激发学生的学习兴趣,引导学生思考,导出本课教学内容。 展示动画片《猫和老鼠》中的灯塔在夜晚照来照去的影学生欣赏作品 片片段,同时通过网页学件(登录网址:http://192.168.0.1)激发学习兴趣 展示几个遮罩动画效果的实例, 导入本节课的内容:flash遮罩
明确本节课目标 【实例分析】 以“探照灯效果”为例
通过网页学件展示源文件时间轴面板,帮助学生共同分析动画的构成 提问:
1、有几个图层?
两个,一层放的是背景,一层放的是图形(圆)
2、“圆”图层中是什么动画类型?(动作补间动画)
【原理讲解】
遮罩的含义有点抽象,可用事先准备好的教具——两张图片演示:首先,在一张白纸(遮罩层)上挖出一个“探照灯”,把它放在另一张图片(被遮罩层)之上,随着白
思考并回答问题
复习前面所学知识点
学生仔细观察、积极通过提问,帮助学生探 究 新 知
(图层、动作补间动
纸的移动,大家可以观察到的一个“探照灯”在缓缓移动。
画的特点)
探照灯所到之处可见,而探照灯之外的景象被遮罩。这
个探照灯(元件)是透光区,所在层为遮罩层。以此说
明遮罩动画的原理:遮罩就是透过一种图形来看被挡住
理解遮罩动画的基本
的内容。如图:
原理。
遮罩
层
通过教师现场道具演
被遮
示,帮助学生理解遮
罩层
罩层与被遮罩层的关
系,强化记忆,为接
认识遮罩层与被遮罩下来的动画制作做好
层的图标,了解遮罩准备
的原理
就此引出遮罩层与被遮罩层的概念
(两者的位置:遮罩层在上,被遮罩层在下) 遮罩效果的实现,需要两层: 1.遮罩层——提供了形状;
2.被遮层——提供了被挡住的内容(文字、图片等)
【活动
1、小试牛刀】(网页学件) 打开“探照灯.fla”文件,
结合具体实例,进一步加深对遮罩层与被遮罩层的理解
通过实例的展示以及师生共同分析,使学生对遮罩动画产生浓厚兴趣,进一步加深学生对遮罩的理解。
实 强调:制作思路3步骤:
例
1、 先做哪个层?再做哪层(遮罩层/被遮罩层)? 初
2、再分析谁是遮罩层,谁是被遮罩层? 探
3、最后分析谁在移动?做哪种移动?
【方法指导】演示动画的制作过程: 1. 先做被遮罩层,再做遮罩层 2. 背景是被遮罩,圆形是遮罩 3. 圆在做动作补间动画移动
(指导学生将图形所在的层设置为“遮罩层”,完成透过图形看到文字的遮罩效果,从而达到探照灯效果) 【活动
2、初露锋芒】(网页学件)
利用所学遮罩技术,在做好活动1的基础上,自主完 成“动感文字”效果的动画。 巩
固 教师强调:
新 1. 制作思路3步骤;
知 2.学生可从网页学件中获取相关帮助;
教师巡视辅导,及时集中纠正学生易错问题
【活动
3、一展身手】(网页学件)
(从两个动画效果中选做一个,能力强的可以都做) 要求学生在完成前面活动的的基础上尝试制作出“放
拓 展 提 高 大镜”动画效果或者“滚动的字幕”动画效果。未完 成前面任务的学生可以在课后再思考。 教师提示:
1. 制作思路3步骤; 2. 有3个层;
3.学生可从网页学件中获取相关帮助;
教师巡视辅导,及时集中纠正学生易错问题
【总结评价】(网页学件) 总结 展示优秀学生完成的作品 反馈 总结遮罩动画知识要点
学生自我评价,反馈不足
■教学流程 ■教学反思
学生自主练习
分析动画的构成
学生提交作业
完成第一个任务的学基本任务相对比较简生可以参看帮助完成单,任务拓展的设置任务拓展。
是帮助学生循序渐进地完成整个动画。培
遮罩动画的实战训练 养学生自学的能力。
对学习基础较好的学生,提供了拓展任务。提高任务是任务拓展的延伸,引导学生运用所学,举一反三,主动探究问题。通过分层设置练习,让每位同学都能收获成功的喜悦。
归纳总结所学知识要
点,根据所学情况,鼓励学生积极主动地交流反馈
学习flash软件。
遮罩动画一直是教材中一节比较有意思的课,我采用了主题学习网站的形式,挂在机房服务器上,方便大家远程web访问,结合网页学件探究学习。在本节课中,结合本校学生大多电脑基础较薄弱的实际情况,我改变了任务的设计难度,例如在设计最后两个拓展任务的时候,放大镜效果牵涉到多层,多对象动画,一般学生很难完成,我设计的放大镜效果只需要3层,稍加提示,学生很容易实现。另外结合好班和差班也分别给他们提了不同要求。在深入学习flash遮罩动画的同时,又不打击学生的学习积极性。在教学重难点的突破上,我采用实物现场演示的方法(即:用两块纸板演示),让大家对遮罩层和被遮罩层有一个直观的形象的认识,这样便于他们识别区分,从而更好的理解遮罩的原理,另外我将遮罩动画的制作规律总结为3步骤,以公式化的方法,强化学生记忆,学生按照这样的步骤,就能够很轻松的完成简单的遮罩效果,这在后面的教学中取得了较好的效果。所以整节课无论好班和差班,任务达成率都比较高!一堂成功的课没有一个评价系统是不完整的,在设计的最后,我增加了评价反馈系统,学生最后总结的时候,根据本节课对所学知识和掌握的情况,进行一个自我评价,教师再根据学生的反馈信息,了解教学情况,及时解决问题和不足。但是本节课也有不足之处,我在演示的过程中有些细节被我忽略了。如面板的打开与关闭;图片与舞台大小的调整;影片长度的设定;字体的大小等等;这些看似很小的问题,却难倒了一部分flash基础薄弱的学生,影响了课堂的整体进度。其实往往只要我们在课堂上稍加提醒,这样的问题就可以避免,在后面的教学中我会注意改进的。
推荐阅读:
flash遮罩动画欣赏(精选7篇)09-15
flash制作遮罩动画(精选9篇)02-26
flash动画故事制作08-23
flash引导层动画04-15
flash动画(推荐8篇)03-23
flash动画制作说明09-09
flash简单动画(精选9篇)10-25
flash动画编程(共9篇)11-06
flash动画汇集(精选9篇)11-09
flash动画教案(精选9篇)12-18