flash动画按钮的制作教案

时间:2019-05-12 23:19:34下载本文作者:会员上传
简介:写写帮文库小编为你整理了多篇相关的《flash动画按钮的制作教案》,但愿对你工作学习有帮助,当然你在写写帮文库还可以找到更多《flash动画按钮的制作教案》。

第一篇:flash动画按钮的制作教案

教学目标

1.知识与技能

(1)理解按钮元件的各种状态

(2)掌握创建按钮的基本方法并制作有个人特色的按钮

2.过程与方法

(1)通过亲自体验,理解按钮的工作原理。

(2)在按钮的动作设置的过程中,归纳出利用按钮控制flash动画的方法。

3.情感态度与价值观

(1)通过主动学习使用按钮,体验flash动画的交互性,培养学生的创造力。

(2)在开拓思路,提高技术的同时渗透美学的理念与成功的快感,促进学生审美能力的提高,鼓励作品的原创性与新颖性。

教学重点:制作“按钮”元件的方法,并丰富其表现效果

教学难点:“按钮”元件的四个状态帧的理解,教法、学法:

演示法、类比法、启发式教学法和任务驱动式教学法观看演示学习法、合作探究法、实践法。

教学课时:1课时

教学过程:

一、导入

先提出学生的一个问题“:为什么网上很多flash是有一个播放,去点击了以后动画才开始放,而我们前面学会做的flash一打开就开始放了。”并在课件里对有按钮的flash和没按钮的flash进行对比,引出flash里的按钮。

二、学习新课flash按钮

1.按钮的功能应用

展示不同类型的flash按钮,请学生来分析他们的功能,然后再小结。

2.按钮的新建

根据以前所讲的元件新建功能,请学生直接上台来新建按钮

提示:按钮是元件

3.按钮的4个状态帧

请学生根据中文字面意思来分析四个状态帧的功能

1)弹起:代表的是按钮的初始状态;

2)指针经过:代表鼠标的指针在按钮上停留的状态;

3)按下:代表鼠标的指针在按钮上单击的状态;

4)点击:用来设置鼠标动作的感应区.举例说明:区域较大的文字按钮 ? 举例说明:隐形按钮

4.文字按钮练习

教师讲解演示文字按钮的制作方法,学生认真观看。

三、学生上机实践练习

基本任务:文字按钮的制作

拓展任务:个性按钮的制作

学生上机练习,不清楚的地方可以小组讨论或举手提问老师。

教师巡视、指导。

四、展示、评价

展示部分有代表性的学生作业,师生共同评价。

五、课堂小结

师生共同回顾本节课的学习内容:

1.按钮制作的基本方法。

2.在按钮中嵌入影片剪辑的方法。

3.利用学过的知识解决问题。

第二篇:《flash动画——按钮的制作》教案

《flash动画——按钮的制作》教案

教学目标

知识与技能

理解按钮元的各种状态

掌握创建按钮的基本方法并制作有个人特色的按钮

2过程与方法

通过亲自体验,理解按钮的工作原理。

在按钮的动作设置的过程中,归纳出利用按钮控制Flash动画的方法。

3情感态度与价值观

通过主动学习使用按钮,体验Flash动画的交互性,培养学生的创造力。

在开拓思路,提高技术的同时渗透美学的理念与成功的快感,促进学生审美能力的提高,鼓励作品的原创性与新颖性。

教学重点:制作“按钮”元的方法,并丰富其表现效果

教学难点:“按钮”元的四个状态帧的理解,教法、学法:

演示法、类比法、启发式教学法和任务驱动式教学法观看演示学习法、合作探究法、实践法。

教学时:1时

教学过程:

一、导入

先提出学生的一个问题:“为什么网上很多flash是有一个播放,去点击了以后动画才开始放,而我们前面学会做的flash一打开就开始放了。”并在里对有按钮的flash和没按钮的flash进行对比,引出flash里的按钮。

二、学习新Flash按钮

按钮的功能应用

展示不同类型的flash按钮,请学生来分析他们的功能,然后再小结。

2按钮的新建

根据以前所讲的元新建功能,请学生直接上台来新建按钮

提示:按钮是元

3按钮的4个状态帧

请学生根据中文字面意思来分析四个状态帧的功能)弹起:代表的是按钮的初始状态;

2)指针经过:代表鼠标的指针在按钮上停留的状态;

3)按下:代表鼠标的指针在按钮上单击的状态;

4)点击:用来设置鼠标动作的感应区

举例说明:区域较大的文字按钮᠄举例说明:隐形按钮

4文字按钮练习

教师讲解演示文字按钮的制作方法,学生认真观看。

三、学生上机实践练习

基本任务:文字按钮的制作

拓展任务:个性按钮的制作

学生上机练习,不清楚的地方可以小组讨论或举手提问老师。

教师巡视、指导。

四、展示、评价

展示部分有代表性的学生作业,师生共同评价。

五、堂小结

师生共同回顾本节的学习内容:

按钮制作的基本方法。

2在按钮中嵌入影片剪辑的方法。

3利用学过的知识解决问题。

第三篇:Flash简单动画制作教案

Flash简单动画制作教案

陈英

一、教学目标:

了解计算机动画制作原理和方法,掌握几种简单动画的制作

二、教学对象:

09级学生

三、本此课程主要内容

1、flash工作界面及基本操作及概念简要介绍

2、实例讲解

四、教学重点:

1、计算机动画的分类;关键帧、空白关键帧的概念;

2、简单对象的移动、变形动画的制作方法

五、教学难点:

引导层的制作

六、教学手段:

演示讲授法,边演示边操作,学生同步跟随学习。

七、教学方法:

实例讲解法。即通过一个flash实例,讲解其所涉及到的概念与基本技术,激励学生学习的兴趣。

八、教学主要内容讲解:

(一)、导入:

首先播放一段FLASH动画,该动画包含了本节课所要学习的主要操作内容——对象的移动及变形;引导学生了解flash动画,并激发其学习flash动画制作的激情。

(二)、基本概念讲解:

1、元件:一个位图、矢量图形、音乐片断或是一段独立的flash动画(好比是演员),通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用,减小了FLASH的体积便于传输,也减小了FLASH制作者的工作量。元件都被放置在库中,使用时只用将其拖放到场景中即可,在场景中只能对其位置和形状进行编辑,如果要对元件进行编辑,需要切换到元件编辑状态。元件分为:图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件,电影剪辑是FLASH小片段,按钮就是具有一定图形功能的按钮图形了。

库:存放动画元件的地方(好比是一场戏的后台)

2、场景:动画的表现场所(好比是舞台)

3、时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线,包括了层编辑区、帧编辑区和时间线。(好比是剧本)

我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在时间线上设置开始、结束时的状态,生成动画)。

4、帧:就是时间轴上的小格子,一帧其实就是一幅图,是构成动画的基本单位。可分为关键帧、空白关键帧和过渡帧。

5、关键帧:是动画演示的基础,可以放入各种对象~声音、图片、按钮、视频等等,所有这些都只能放置到关键帧上,如果没有关键帧,就没有动画。两个关键帧之间可以做补间动画,这样两个关键帧就可以确定物体移动的两个关键点。关键帧用含有实心圆圈的方格表示。

6、空白关键帧:这个关键帧在场景上什么都没有(不包括声音和代码),用含有空心圆圈的方格表示;如果加入对象后自动变为关键帧。

两个关键帧之间带粉红色有长线箭头标志的帧:渐变动画~也叫补间动画,能让一个物体在这段帧之间作出来,渐变移动的效果(可以改变透明度等等)。

两个关键帧之间带绿色有长线箭头标志的帧:形变动画~第一帧的动画到最后一帧的时候可以变化出另外一种图形、形状。

(三)、基本操作讲解

1、移动动画的制作

“插入”菜单栏à“新建元件”à设置名称”c1”,行为”图形”,点“确定”à点“工具”面板里的“椭圆工具”à设置“椭圆工具”的相关属性(包括笔触颜色、粗细、样式及填充颜色)à绘制椭圆(如果要绘制圆,请按住“shift”)à点击“场景1”,回到场景里à点击“窗口”菜单栏,选择“库”(可看到“库”窗口被打开,刚才建立的c1元件在库里)à点击“时间轴”里的第1帧,把“库”里的c1拖到场景的左边à点击“时间轴”里的第20帧,点击右键,选择“插入关键帧”(可在时间轴上看到第20帧处有“·”)à把刚才的对象从左边拖到右边à在时间轴第20帧以前的任意一帧点击左键,在属性面板里的“补间”后的下拉列表里选择“动作”,即可看到从第1帧到第20帧的时间轴背景为粉红色并有一条带箭头的实线à回车,欣赏刚才制作好的动画。

2、关键帧动画:先行设计出若干关键性动作的图像画面,然后利用计算机图形技术的算法来自动生成两个关键帧之间的一系列过渡画面。flash动画主要就是运用关键帧动画技术,比如我们刚才的这个“移动动画”的制作。

3、运动路径动画:首先确定运动对象的移动轨迹,并设定在移动过程中对象需要改变的旋转方向、色彩及形状等参数,软化将整个运动过程交给计算机来完成。

4、变形动画:适合模拟形状变化频繁的任务、动物和自然现象,主要用于表现模拟自然或生活中实际的动作,或科幻电影中虚幻、夸张的动作(如电影《功夫》、《少林足球》等里面的夸张动作)。

5、物理模型动画:基于物理模型技术的三维动画制作,需要从外形、颜色、灯光、纹理、材质等多方面模拟真实物理的各种物理属性(如cctv6里《光影周刊》的虚拟主持人小龙)。

6、逐帧动画:通过一帧帧地绘制,并按先后顺序排列在时间轴上通过顺序播放达到的动画效果。

说明:

学生根据老师刚才的演示,自行练习移动动画的制作(3-5分钟)。学生记住Flash原始文件和flash影片的扩展名(分别为fla和swf)。

(四)、实例讲解——Flash引导线制作雪花飘飘动画

1、新建一个Flash影片。设背景为“黑色”,其他的用默认值。

2、按Ctrl+F8新建一个组件,类型为“影片剪辑”,命名为“雪花”。在它的正中用“铅笔”工具画一个不规则的多边形,然后用“颜料桶工具”将它填上白色。(如图1-1所示)

3、再用Ctrl+F8建一个组件,类型为“影片剪辑”,命名为“前层”。

4、将组件“雪花”拖到其中,用“选定工具”中的“比例”功能把它缩小(小技巧:先用“放大镜”将它放大,然后再用“比例”功能,可缩得更小)。在第80帧上“插入关键帧”,在“图层1”上用鼠标右键的“添加引导线”功能(见图1-2)。

在新增加的“引导线:图层1”的第1帧上,从“雪花”开始,画一条弯曲的曲线。将第80帧上的“雪花”沿曲线从头拖到曲线的末尾。然后在“图层1”的第1帧上点鼠标右键,选“创见动画动作”功能,见图1-3。

5、第4步是制作一片雪花,下雪不是只下一片的吧。插入图层,将第4步重复做10次。做好后的效果见图1-4。

6、把第3至5步重复做两次,不同之处是组件的命名分别为“中层”和“后层”。“雪花”的大小和“引导线”的路径不要一样。这是为了多做几个图层,看起来效果细腻一点。

7、现在回到场景1中,插入6个图层,分别命名为“后层1”、“后层2”、“中层1”、“中层2”、“中层3”、“中层4”、“前层1”、“前层2”。在对应的层上拖入对应的组件,并适当的调整时间轴,让雪花飘得连贯起来。见图1-5。

按Ctrl+Enter就可以看到效果了。

第四篇:FLASH动画制作教案

一、教学目标 【知识与技能】

能独立表述动画制作中涉及的基本概念并能自己动手完成动画制作的一般步骤。【过程与方法】

通过制作“移动的小球”动画,了解FLASH动画制作的过程,并从中总结出动画制作的主要步骤。

【情感态度与价值观】

在理论学习和动手操作的过程中,激发学习动画制作的兴趣,并且逐步培养乐于接受和探究新知识的精神。

二、教学重难点 【重点】

Flash动画制作的一般过程,基本操作方法以及任务的实现。

【难点】

初步理解关键帧和动作补间动画的概念。

三、教学过程

环节

一、创设情境,课堂导入

老师出示“小破孩”动画作品。告诉学生这是用Flash制作的。

同学们,老师今天给大家带了一个很有趣的《小破孩》动画短片。大家一起来看一下。动画播放完了。昨天,我们已经认识了flash,这个小短片啊,就是用flash制作出来的。

大家想不想也能做这样的短片呀?非常想,好,那我们今天就来尝试一下。刚刚小短片中有一个片段是小破孩把皮球踢向墙壁,结果皮球弹回来砸到了他自己。这一段很好玩。我们就来做这一段中那个滚动的小球,大家觉得怎么样? 环节

二、分析任务 1.Flash影片的制作过程: 动画小本--确定演员(元件)--制作动画--测试--发布。

首先要有一个构思,我们称为动画小本,其次就像电影都有演员,我们动画也是有对象的,我们把它成为元件。元件其实就是可以重复使用的对象。再次我们就可以开始制作动画了。那么动画有没有达到我们想要的效果呢,我们对它进行一个测试,测试通过了之后我们就可以发布了。

2.小球滚动效果图展示以及任务的分析:小球由左向右滚动,而这个任务中涉及的要素就是小球(图形元件)。

环节

三、任务完成 1.创建元件:

“插入”——新建元件——创建新元件对话框——名称“小球”,类型“图形”——画圆

师:正圆怎么画了? 生:按住shift键好,圆画好了之后呀,我们要点击场景1返回到场景中,不然等一下我们就都在元件里进行操作了。

2.关于小球移动的具体操作,老师配备了助学课件。大家运用上节课掌握的基础知识以及助学课件的帮助来尝试着做一下小球由左到右的滚动效果。给大家10分钟的时间。

3.收集学生遇到的问题:

(1)小球闪一下就不见了(关键帧,空白关键帧)第1帧直接拖到第30帧,这时候第1帧变成了空白关键帧,关键帧只有一个。(2)小球不动

没有创建补间动画。重新回顾一下步骤。

在场景1中,我们选定第一帧,单击鼠标右键,创建初始关键帧。关于关键帧这个概念大家有点陌生。但是我们昨天已经学过了帧的概念。谁来回答一下?帧是某一个特定时刻的一个画面。嗯,很好,那么关键帧呢,其实也是帧的一种。大家想一想关键帧有什么特点?结合你们刚才的操作。关键帧可以让小球在舞台的左边变到右边。很好,关键帧最大的特点就是可以对画面进行修改。关键帧创建好了,这时候小球该登场了。小球在哪里啊?库里,非常好。我们用选择工具将小球拖到舞台的左侧,然后将大小和背景调节一下。初始关键帧就创建好了。接下来我们小球要在右边,那就还需要一个结束关键帧。将鼠标选定第30帧,点击鼠标右键,创建关键帧。然后将小球移动至舞台的右边。好了,那么小球如何才能由左向右移动呢。我们就要在1帧和30帧中间的任何一个位置单击鼠标邮件,有一个选项创建补间动画。点击后计算机就会为这个小动画创建一个连续的动作补间动画。我们就能看到小球从左边慢慢移动到右边了。解决问题。环节

四、展示评价

1.让学生代表展示制作的成品,鼓励学生谈谈自己的制作思路,遇到的问题及解决办法。

2.学生在互评的过程中,引导学生思考完成同一任务的不同方式,寻找最优的制作方案,互相提出优化建议。

3.教师最后做小结性讲评肯定学生们的作品,指出具体改进方案,鼓励学生继续努力。总结:制作动画的核心和关键点。

四、板书设计

五、教学反思

|《信息及其特征》

一、教学目标

【知识与技能目标】 1.能够举例说出身边存在的信息。2.学会判断信息所具有的特征。

【过程与方法目标】通过自主探究、小组讨论,建立起对信息及其特征的感性认识,不断提高自己判断能力。【情感态度价值观目标】 通过举例身边已有的信息,逐步提升自己的信息素养,增加对信息技术学科的喜爱。

教学重难点 【重点】 能够举例说出身边的信息及信息的基本特征。【难点】能够根据描述正确判断出体现出信息哪方面的特征。

三、教学用具 多媒体

四、教学过程

环节一:导入新课 开展“听口令做动作”的游戏引导学生说出信息的含义(信息的基本功能是消除认识上的不确定性)。游戏的规则如下: 第一步:闭上眼睛,听指令进行操作。不许说话、不许提问;第二步:请同学们拿起桌上的白纸,将纸对折、再对折;第三步:将右上角撕掉,放在口袋里,剩下的旋转180°。再将左上角撕掉,也放在口袋里;第四步:睁开眼睛展开手上的纸,用双手举起,相互对比一下。预测会有很多种不同的结果出现,就此学生会提出是由于信息不充分、不确定性多造成的。环节二:新课讲授(一)重复游戏,总结信息的作用 重新开展上述游戏,此次欢迎大家随时提问,教师将一一回答。预测游戏中,学生的问题如下: 问题1:是横向对折还是纵向对折?(横向对折)问题2:开口朝上还是朝下?(朝上)问题3:右上角和左上角分别撕成什么形状?大小是多少?(大约2厘米的正方形)问题4:顺时针旋转还是逆时针?(顺时针)预测大多数同学的结果是一样的。教师请少数结果有偏差的学生归纳总结出产生差异的原因具体是什么?(没有听清楚,信息传递偏差导致结果有错误)进而得出信息是“用来减少不确定性的”。

(二)梨子为媒,探究信息的本质 拿出梨子,提出问题: 问题1:“这是什么?”(梨子)问题2:“根据什么判断是梨子”(通过观察物质的形状、颜色、经验等)问题3:能吃吗?(学生拿在手上观察、感觉一下,回答能,还没有变坏)归纳总结出信息的定义:信息是事物的运动状态及其状态变化的方式。为了让加深大家对信息定义的全面性了解,请大家打开学习网站领略信息学大师们的定义

一、定义二。此后,在信息的定义三里,提交自己对信息的理解和认识。(三)思维拓展,深入挖掘特征 请同学们借助教材和视频资料自学信息的特征,自学结束后采取以竞赛问答的模式检测学习效果。

问题1:APEC会议的议题可以通过看视频、看报纸、听广播等多种形式获取,体现出来信息的什么特征?(载体依附性)问题2:萧伯纳的苹果交换理论体现了信息的什么特征? 问题3:小明于五一黄金周后的第二天前往某电影院购买打折电影票,结果被告知此活动仅限在五一黄金周内有效,过后无效,这体现了信息的什么特征? 环节三:巩固提高

请同学们以小组为单位,列举更多体现信息不同特征的实例。(扬名千里、真假难辨、一传十十传百、红灯停绿灯行)环节四:小结 教师对学生的总体表现做总结,并引导学生谈收获、交流经验与心得。

五、板书设计

第五篇:flash动画制作教案

信息技术兴趣小组活动教案

德 亿利东方学校

第一周 FLASH的基本知识

教学目标:

1、熟悉FLASH的界面。

2、掌握几个基本工具的使用:选取工具、变形工具、填充工具、线条工具、椭圆工具、矩形工具、颜料筒工具、墨水瓶工具。

3、掌握几个基本术语:图层、元件

4、记住几个快捷键

5、完成四幅绘制图案 教学重点: 应用工具画图 教学难点: 复杂遮照的创建。教学过程:

一、界面环境介绍

二、工具箱的介绍

工具箱提供了用于图形绘制和图形编辑的各种工具。工具箱内从上到下分为4个栏:“工具”栏、“查看”栏、“颜色”栏和“选项”栏,单击某个工具的按钮,即可激活相应的操作功能,以后把这一操作叫作使用某个工具。(1)“工具”栏:工具箱之“工具”栏内的工具用来绘制图形、输入文字和编辑图形。(2)“查看”栏:工具箱之“查看”栏内的工具是用来调整舞台编辑画面的观察位置和显示比例的。其中两个工具按钮的名称与作用如表1-1-3所示。(3)“颜色”栏:工具箱之“颜色”栏的工具是用来确定绘制图形的线条和填充的颜色。其中各工具按钮的名称与作用如下。

(笔触颜色)按钮:用于给线着色,也叫作描绘颜色。(填充色)按钮:用于给填充着色。

(从左到右分别是:黑白、没有颜色和交换颜色)按钮:单击“黑白”按钮,可使笔触颜色和填充色恢复到默认状态(笔触颜色为黑色,填充色为白色)。在选择了椭圆或矩形工具后,“没有颜色”按钮才有效,变为,单击它可以在没有颜色和有颜色之间切换。单击“交换颜色”按钮,可以使笔触颜色与填充色互换。(4)“选项”栏:工具箱之“选项”栏中放置了用于对当前激活的工具进行设置的一些属性和功能按钮等选项。这些选项是随着用户选用工具的改变而变化的,大多数工具都有自己相应的属性设置。在绘图、输入文字或编辑对象时,通常应当在选中绘图或编辑工具后,再对其属性和功能进行设置,才能顺利达到预期的效果。

三、动手用一下工具

1、使用工具制作一个“笑脸”或“哭脸”

2、渐变工具的使用:几个关键概念

颜色调板

填充变形工具的使用

3、用椭圆画个画环 操作步骤:

1、用填充色画圆,并设置笔触的粗细。

2、设置边线的填充色为“七彩色”。

3、将该线形圆环转换成填充色:修改--形状--将线条为填充。

4、使用“墨水瓶”工具给圆环加边线。效果如右:

4、用多边形工具画太阳 操作步骤:

1、用多边星形工具制作太阳的外围,作以下设置:(1)将矩形工具转换成多角星形工具

(2)设置多角星形的“属性”中的“选项”

(3)设置“样式”为星形,输入星形数,及星形顶点大小(顶点越小,星形越尖)

2、设置填充色为放射性,无边线

3、开始画星形。

4、创建一个同心的圆为太阳的脸。

5、使用直线工具画眼、嘴。(注意:用选择工具调整其曲线度,利用变形工具作旋转)

四、课堂习题:自创月亮

五、课后作业

1、书本P34页的实例6:茶杯。

第二周 各类特效文字的制作

教学进度:正常 教学目标:

1、要求学生掌握渐变工具、多角星形工具、墨水瓶工具、文字工具、滤镜的使用。

2、要求学生掌握修改菜单中的位图、元件、形状的菜单项。

3、掌握如何制作特效文字。

4、掌握位图的导入及矢量图的转换。

教学重点:

1、掌握空心文字、投影文字、点框文字、彩虹文字、金属文字、雪花文字的制作

教学难点: 复杂遮照的创建。教学过程:

一、点框文字 制作步骤:

1、用文字工具输入文字

2、将文字使用“分离”或按下(ctrl+B)组合键

3、再将每个分离的文字使用“分离”,即直到文字被选中时呈现点型。

4、使用“墨水瓶”工具,设置线型为“点型”,设置线的颜色(注意务必使用与文字颜色不同的一种颜色),用鼠标单击文字

5、所有文字的边线勾勒完毕后,用选取工具选取文字内心,并删除。

二、彩虹文字 制作步骤:

1、用文字工具输入文字

2、将文字使用“分离”,(分离二次)

3、选择填充颜色,再用颜料筒单击文字即可

三、彩图文字

图片下载 制作步骤:

1、用文字工具输入文字

2、将文字使用“分离”

3、选择填充类型为“图片”,图片填充有二类

4、再用墨水瓶工具勾勒边缘

5、将边缘线条转化为填充

6、“修改”--“形状”--“柔化填充边缘”

四、雪花文字

五、补充知识:倒影字的制作

六、课后作业:制作一个图案文字

小技巧:ctrl+v与ctrl+shift+v的区别:后者是复制时保持前后位置都一样。

第三周 直线运动和变形运动

教学目标:

1、要求学生掌握直线运动和变形运动的补间。

2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。

3、掌握变形运动的特点:普通形状对象可以变形。

4、掌握影片元件的制作方法。

教学重点: 运动补间的设置;影片元件的创建。> 教学难点: 关键帧/普通帧的区别; 教学过程:

一、导入:动画制作的关键要素

1、帧——是进行flash动画制作的最基本的单位,每一个精彩的flash动画都是由很多个精心雕琢的帧构成的,在时间轴上的每一帧都可以包含需要显示的所有内容,包括图形、声音、各种素材和其他多种对象。

2、关键帧——顾名思义,有关键内容的帧。用来定义动画变化、更改状态的帧,即编辑舞台上存在实例对象并可对其进行编辑的帧。

3、空白关键帧——空白关键帧是没有包含舞台上的实例内容的关键帧。

4、普通帧——在时间轴上能显示实例对象,但不能对实例对象进行编辑操作的帧。

5、以上四种帧的区别

① 关键帧在时间轴上显示为实心的圆点,空白关键帧在时间轴上显示为空心的圆点,普通帧在时间轴上显示为灰色填充的小方格

② 同一层中,在前一个关键帧的后面任一帧处插入关键帧,是复制前一个关键帧上的对象,并可对其进行编辑操作;如果插入普通帧,是延续前一个关键帧上的内容,不可对其进行编辑操作;插入空白关键帧,可清除该帧后面的延续内容,可以在空白关键帧上添加 新的实例对象。

③ 关键帧和空白关键帧上都可以添加帧动作脚本,普通帧上则不能。

6、应用中需注意的问题 ① 应尽可能的节约关键帧的使用,以减小动画文件的体积;

② 尽量避免在同一帧处过多的使用关键帧,以减小动画运行的负担,使画面播放流畅。

二、基本动画

1、变形动画:要求参与动画的对象必须是形状,不得使用元件。

例如:以下动画中A-->B-->C之间、五角星——>十角形即为形状变形。操作步骤: ①设置背景色

②插入第一关键帧,并绘制一个五角形。

③在第30帧上插入空白关键帧,并绘制一个十角星形。

④利用时间轴上的“编辑多帧”工具,对齐第一、二关键帧的各自五个角。⑤在第一关键帧上设定五个“形状提示点”,修改--形状--添加形状提示点。⑥在第二关键帧上设定各提示点的对应终点位置。⑦对第一关键帧设定“形状”动画补间。思考:

2、直线运动动画:任何对象都可以设置直线动画,只需二个关键帧 例如:素材下载

3、渐变运动动画

① 淡入、淡出动画:使用实例才能完成此项动画,一般通过调整关键帧的透明度来设置场景中的各实例的出现方式。

一般淡入淡出式动画是用二个关键帧完成,第一关键帧为全透明(100%)或部分透明,第二关键帧透明度为0。

②闪烁动画:一般用三个关键帧完成,即从淡入到淡出的过程,即全透明--不透明--全透明的设置过程。

例如:以下例子中星星,就是用影片元件来完成的。

4、旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。

例如:拖影文字(课后完成)操作步骤:

①建立文字元件,拖到舞台

②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。

②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。

三、总结巩固:

1、图形元件的制作

2、图形元件的应用: ①实例:元件调入到场景后,就叫实例,实例可以取名,以后便于以后写代码(编程)时调用。②对元件的编辑: ③对实例的编辑:与元件编辑最大区别在于对元件本身不修改,主要的编辑方法有改变色调、透明度等。

四、作业:

本周作业名称为:

1、字母变形

2、应用提示点变形(星型)

3、拖影文字

4、预习:夜色中的汽车(综合渐变星星一起做)

第四周 Flash 中的动画

教学目标:

1、要求学生掌握直线运动的补间。

2、掌握直线运动的特点:元件与普通形状对象都可以制作直线运动。

3、掌握影片元件的制作方法。

4、了解flash 中的几种基本动画

教学重点: flash 中的几种基本动画。教学难点: 基本动画的区别; 教学过程:

一、导入:Flash 中的几种基本动画。

1、动作补间动画

是Flash 中最常见的动画类型。它可以结合色彩、透明度、位置的变化,使作品更加绚丽多彩。如何通过动作补间动画将对象的运动形象生动的表现出来,是学习运动动画的根本目的。如上堂课的汽车运动动画。

2、形状补间动画

同样是Flash 中最常见的动画类型。但是它的变形对象是矢量图形,利用这种动画可以使场景上的矢量图形作出任意形状、位置和颜色的平滑变化。它与动作补间动画的区别是:动作补间的作用对象是元件或被组合的对象,而形状补间动画的作用对象是矢量图形。如上堂课的字母变形动画。

3、逐帧动画

要创建逐帧动画,需要将每一个帧都定义为关键帧,然后给每一个帧都创建不同的图象。制作逐帧动画的基本思想是把一系列相差甚微的图形或文字放置在一系列的关键帧中,使动画播放的时候看起来像是一系列连续变化的动画。如图所示,展示了一个小男孩的行为动画。

4、蒙版动画

在制作动画的过程中,有些效果用通常的方法很难实现。比如:手电筒、探照灯、百页窗等效果。这时就要用到蒙版动画了。

要创建蒙版动画,需要有两个图层:遮罩层和被遮罩层。遮罩项目像是一个窗口,透过它可以看到位于它下面的链接层区域,而且除了透过遮罩项目显示的内容,其余的所有内容都被隐藏起来了。如图所示:

5、引导层动画

引导层作为一个特殊的图层,在Flash 动画设计中的应用也十分广泛。在引导层的帮助下,可以实现对象沿着特定的路径运动。要创建引导层动画,需要两个图层,如图所示 :

二、回顾旋转动画:一般旋转度数在360度以上,则采用实例,即旋转的对象必须是通过元件调入的。而旋转度小于360度,则旋转对象可以是形状。动画设定只需二个关键帧。例如:拖影文字 操作步骤:

①建立文字元件,拖到舞台

②创建第一图层,设定第一、二关键帧(同帧),并设制“动画”补间,旋转为1次。

②创建第二图层,此层为阴影层,复制第一层的关键帧,用方向箭头控制。③创建第三至第九图层,这些层均为拖影层,每层之间涉后二帧。与第一图层相比,这些层均要逐渐调整透明度。

三、元件的创建,多图层动画的制作

四、本周作业:

1、拖影文字

2、夜色马路

第五周 巩固与检测

教学目标:

1、要求学生巩固椭圆工具、直线工具、填充工具、钢笔工具、变形工具、选取工具、墨水瓶工具、矩形工具的使用。

2、巩固图形元件、影片元件的创建。

3、巩固二类补间动画的特点。

4、巩固二类动画:变形动画、直线运动动画。

5、测验学生的图形绘制能力,时间1小时

教学重点: 运动补间的设置;影片元件的创建。教学难点: 影片元件与图形元件的区别。教学过程:

一、巩固复习题:

1、倒影动画(本实例主要使用了文本工具、墨水瓶工具、打散功能、Alpha值设置等来操作)。主要通过一下几个步骤来完成。

使用文本工具在舞台场景中输入文字。

使用打散功能将文字打散为矢量图形。

使用墨水瓶工具为文字描边。

使用F8快捷键将文字转化为影片剪辑,并在其中进行Alpha值的设置。

2、多层变形动画(掌握对象绘制工具的使用。)

3、思考并完成一下动画效果的制作,分析帧之间的时间顺序及文字分别做了什么动画?(背景下载)二、十一课后作业:完成作业本上前几周作业的上传、学习上堂课中五种基本动画的设计制作。(素材下载)(补充源代码下载)本周上传作业名称为:

1、阴影动画

2、圆环字母变形

第六周 巩固与检测

教学目标:

1、要求学生巩固掌握FLASH的工具中的一些技巧。

2、巩固FALSH中存在的五种变化--移动、缩放、旋转、颜色、透明度 教学重点:工具中技巧的合理运用。教学过程:

一、在FLASH中有些工具使用的技巧有助于动画设计的美感,下面总结几种我们平时制作当中常用到的几种小技巧:

1、柔化物体边缘 先看下图一的效果,此效果,我们所使用的最简单的方法是利用 FLASH 本身的边缘柔化功能:

图一

图二 图三

先画好一个圆,如图二;然后选中此图形(不可是元件图形)--圆,选择修改--形状--柔化边缘填充,在弹出的对话框里设置参数,如图三,确定以后就形成上图的效果。(注意:参数的大小影响了边缘柔化的程度,但有一点,最好只进行一次柔化,如在柔化以后再柔化可能会使FLASH计算复杂,而出现于要求不同的效果。)

同理,我们可以对文字边缘进行柔化,如下效果3和4分别是对文字的填充色和笔触进行了柔化。值得注意的是必须先把文字分离,并且在对笔触进行柔化之前,事先要求将线条转化为填充。引申:

在实际运用当中如果要进行较为灵活的边缘柔化,我们不妨利用混色器来完成。即在选中图形后调出混色器编辑框,颜色填充样式选择放射状,然后将左右两个颜色填充节点的颜色都设置为白色,再将右边的颜色节点的透明度为“0”,如下图

用此方法制作的效果有一点好处就是可以灵活的改变边缘柔化的程度,思考如何达到后面三种图形的效果。

2、变形复制

效果如下:对于这个效果我们使用的是复制并变形的功能。

首先可以画一个椭圆,然后选中此对象,用变形工具改变它的自由变化中心,如下面左右两图,左边为没有改变的状态,右边为改变以后的状态: 自由变化中心的改变

然后选择 窗口--变形 调出变形对话框,如图:在旋转参数里输入对象旋转的角度,比如20度,再点击对话框右下角的拷贝并应用变形按钮,直到图象变成我们所需状态。

3、对象绘制

这是 Flash8 的新功能。原先版本中,我们在同一图层中叠加两个图形时,会产生合并的效果,如果移动其中一个图形时,下面图形的叠加部分就会消失,这有一定的优越性但是又有局限性,如果我们要绘制两个图形叠加在一起但是不合并的话,就需要把这两个图形转换成元件或是放在两个图层中,这样就比较麻烦。而对象绘制就可以避免产生这种问题。例如,原先版本中移动图象后:

而如果是单击“椭圆”工具,在选项栏里,点击“对象绘制”按钮后,再绘制两个图象,这时尽管两个图象之间彼此是叠加的,但是互相不会干扰。

另外,在“修改”菜单栏中,对象绘制还具有四种合并效果:联合,交集,打孔,裁切。希望大家自己去观察它们各自的作用。

二、在FALSH中存在的五种变化--移动、缩放、旋转、颜色、透明度 具体效果看影片文件(注意:后面两种变化必须是对实例,即对拉到场景中的元件进行设置。)

第七周 巩固

教教学目标:

1、巩固掌握FLASH制作中几种常见字体效果的制作。

2、掌握FLASH动画制作中用到的两种补间过程。

教学重点: 字体效果的制作、各补间的特性和要求。

教学过程:

一、在一个好的FLASH作品里常常会运用到一些经过处理的FLASH字效,前面我们已经介绍了多种在FLASH中常用的字效:点框文字、彩虹文字、位图文字、立体字、倒影字等,今天,再补充几个特效文字的处理。

1、双色(多色)字

图一

图二 图三

关键技术要求:

[1]、制作此类文字效果,只要将文字打散成离散的图形;

[2]、然后用选取工具选取其中部分,再对选中部分进行颜色填充; [3]、选取次数可以随意定。

2、镂空字(素材下载)关键技术要求:

[1]、此类效果需两层图层才能完成; [2]、底层放置一张图片;

[3]、在上层画一个矩形盖住底层的图片(可适当设置透明度); [4]、在矩形层上输入文字并调整好文字的位置; [5]、将文字打散;

[6]、鼠标点击影片空白处取消对文字的选择; [7]、再次选中文字图形并将其删除即可。

3、阴影字

关键技术要求:

1、养成一个图象一个图层的好习惯,根据情况,这里可以创建三个图层,蓝色字、黑色字,深灰色字,分别呈现原层、立体层、阴影层的效果;

2、立体层的制作:可以按快捷键Shift+Ctrl+V把“原层”中的文字复制到“立体层”中,并利用方向键“→”、“↑”将黑色字层向右、向上各移动2个像素;

3、阴影的制作: 选中“原层”中的文字,然后按快捷键打开Ctrl+T打开“变形”面板,并上右图所示设置。设置好后,单击“变形”面板上的“复制并应用变形”按钮。一个经过变形的副本就被复制出来了。

4、阴影层的制作: 选中刚刚做好的副本,按快捷键Ctrl+X剪切。按快捷键Shift+Ctrl+V把这个副本原位粘贴到“阴影层”中。最后适当的调整位置,并把色彩换成#666666。到这里,文字的阴影效果就做好了。综上所述,关键技术都比较类似,所以希望大家课后能好好复习,做到在熟练绘制的基础上创作出更多其他效果的文字。

二、在FLASH动画中,存在着两种基本的补间:移动和行变。下面就将这两种补间进行介绍。

1、形状补间

延伸的直线 拉动的幕布 画线框(四条边放在四个图层上,如下图所示,考虑为什么?)

星星变形(注意为了防止变形过程不凌乱,可以利用修改-形状中的“添加形状提示”工具,再五角星上加入5个提示点,并放到相应变化位置上,以红色的小圆圈表示,abcde用来标识提示点。看一看最后的一帧,可以发现十角星上也有一个对应的红色提示点,当你设置好位置时,会发现提示点变绿了,回到第一帧,这时提示点由红色变成了黄色,这表明提示点的设置正确。)

2、运动补间

它与动作补间动画的区别是:动作补间的作用对象是元件或被组合的对象,而形状补间动画的作用对象是矢量图形。

运动的小球:比较下面三副动画,考虑有什么不同,分别做了什么动作。提示:缓动选项的作用。

现在大家应该知道缓动选项的作用了吧。它的作用是在运动的过程中产生速度上的变化,默认值为0,即为匀速运动。当值为负时,运动的物体做加速运动,相反,当值为正时,运动的物体做减速运动。在小球下落的过程中,速度越来越快,所以我们把值改为负值,注意在值为-100时,比较接近重力加速度。当小球弹起时,速度越来越慢,因此值为正。引申:(旋转的风车)

从这一制作中我们不仅要学习运动渐变动画的另一种形式:旋转动画(自转),而且还要练习用箭头工具对对象进行修改,利用变形面板制作多个风车叶的方法。思考:下面两幅动画的差异在哪里?

第八周 运动引导层

教学目标:

1、要求学生掌握各类曲线运动的制作技巧,掌握引导线、引导层的概念及作用。

2、能根据运动的需求,画出运动轨迹线,即引导线。教学重点: 运动引导层的创建,动画关键帧的设置。教学难点: 做引导层时的几个注意点。教学过程:

一、引入:

①引导线、引导层的概念

1、引导线:引导线就是轨迹或辅助线的作用。它让物体沿着引导线路径运行。(即物体运动的轨迹,一般使用钢笔工具来制作)

2、引导层:引导线必须制作在引导层中,而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方,一个引导层可以为多个图层提供运动轨迹。同时在一个引导层中可以有多条运动轨迹。

二、滚球的制作 知识点:

1、背景层的创建: ①设定场景色

②用钢笔工具勾勒一个上边为曲线的多边形。

2、运动引导层的创建:该层中专门用来放置物体运动的轨迹,轨迹一般用线条描述,而在运动引导层中的线条在实际导出成SWF文件时是不可见。使用的方法:要使用轨迹的对象必须独立地放在引导层的下方图层中,运动的对象其关键帧必须完全吸附在轨迹上。③复制曲线。

如图:第一、二关键帧的定点

3、制作技巧:

①引导层一旦建立完成后应将其锁定

②对运动对象定位时最好打开“帖紧至对象”工具,这样当吸附正确时中心点会放大。

三、思考自强不息和山地车实例的制作

四、我是一条鱼

素材下载

1、水泡的制作(掌握刷子和填充变形工具的使用,并把水泡转换为元件。)

水泡的颜色调板:白色透明度为0,2,100

2、浮起的水泡制作(影片元件:注意引导层绘制好后,可以及时锁定。)

3、游动的小鱼

可以从左向右游动,也可以从右向左游动,小鱼的运动轨迹为

4、在场景中创建: ①背景图片放入场景。

②建立第二层,放入大小不一的水影片元件,注意水泡的放置位置

③建立第三层,放入多条小鱼,使用小鱼的影片元件时,可将其翻转,从而改变其运动方向。

五、课后作业: 必做题:

1、滚球

2、我是一条小鱼 选做题:

1、自强不息

2、山地车

第九周 按钮的制作

教学目标:

1、掌握按钮制作的基本方法。

2、掌握按钮中的动画设计方法。

3、掌握透明按钮的制作

教学重点: 按钮元件的创建,按钮动画的设计。教学难点: 按钮中的四种状态。教学过程:

一、按钮元件(可详见课本P111)

按钮用于响应鼠标,即随鼠标显示不同的状态,执行指定的行为。

1、插入按钮元件,执行“插入”-“新建元件”命令(或者按键),在创建新元件对话框中设置元件类型为按钮,即可见如下界面

2、编辑按钮元件:按钮元件有弹起、指针经过、按下和点击四种状态,如图所示:

V 弹起:表示鼠标没有在按钮上时的按钮的状态。V 指针经过:表示鼠标经过按钮时按钮的状态。V 按下:表示按下鼠标时按钮的状态。V 点击:设置按钮响应鼠标的区域。

如果要制作透明按钮,仅在“点击”画出点范围即可。

二、上机操作:制作以下实例

1、基本按钮 分析:

1、弹起:二个图片元件分别放置在文字和边框图层中

2、经过:与弹起时的一个图片元件相同,在此基础上用“按我”的图片元件创建一个影片剪辑元件。

3、按下:用“谢谢”图片元件替换“按我”图片元件

4、点击:延续边框图层的第一帧,代表鼠标进入边框区域后,按钮才会有响应。弹起帧

指针经过帧 按下帧

点击帧

2、练习:制作一个带有以下动画效果的按钮(自选一个完成)提示:将按钮下面的文字放在新的图层上。

三、按钮的点击作用

1、一般按钮点击后均会产生一个动作,如:停止、播放、重放、跳转、超链接,如:(源文件下载)

2、按钮的几个常用动作: on动作命令

下面我们就详细地向大家介绍一下这八种事件的使用。

(1)press 在鼠标指针经过按钮时按下鼠标按钮。单击press,然后选择动作语句,双击【全局函数】|【时间轴控制】中的play 命令。

完整的action是:

on(press){ //设定鼠标事件为按下,然后执行大括号里面的语句。play();//按钮响应后执行play(播放)动作 } press动作 当然,在大括号里面还可以用其他的语句,比如说,gotoAndPlay(yourframe);//点击按钮后,就会从你设置的帧播放。

(2)release 在鼠标指针经过按钮时释放鼠标按钮。单击选择release然后与第一个事件相同加入play命令。完成的语句如下:

on(release){ //当鼠标按下释放的时候,执行下面的语句动作。play();//按钮响应后执行play(播放)动作。} release动作 可以看到,当鼠标左键按下按钮的时候,并没有激发播放动作,而是当鼠标左键放开的时候,执行了播放动作。这也是与“press”事件不同的地方。

(3)releaseOutside 当鼠标指针在按钮之内时按下按钮后,将鼠标指针移到按钮之外,此时释放鼠标按钮。添加语句的方法同上。完整的语句如下: on(releaseOutside){ //当鼠标在按钮外部释放的时候执行下面的语句。play();//按钮响应后执行播放动作。} releaseOutside动作

通过这个例子我们知道,当鼠标左键在按钮上按住并移动到按钮以外的地方放开后,触发了按钮的动作。这是一个具有非常想象力的事件,大家可以利用on的这个事件来制作游戏。

(4)rollOver 鼠标指针滑过按钮。制作方法同上,完整的as语句为: on(rollover){ //当鼠标滑动到按钮上时执行下面的动作。play();//按钮执行播放动作。} rollOver动作 当鼠标指针从按钮上滑过的时候,动画就开始执行播放动作了,而不需要点击它。我们可以利用on的这个特点来制作一些图示板,非常简单有效

(5)rollOut 鼠标指针滑出按钮区域。制作方法同上,完整的as语句为: on(rollOut){ //当鼠标滑动到按钮上并离开时执行下面动作。Play(): //按钮响应播放动作。} rollOut动作

滑离与滑过并不是相同的,滑离是指鼠标滑动到按钮上并离开以后开始响应,而滑过是指只要鼠标滑到按钮上,就开始执行动作。

(6)dragOut 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮区域。完整的as是:

on(Drag Out){ //当鼠标拖过的时候执行下面的动作。play();//执行播放动作。} dragOut动作

拖离与拖过有所不同,只要在按钮上按住鼠标左键然后移动到按钮外就会相应。他与滑离的区别在于拖离需要按住鼠标左键。

(7)dragOver 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮,再滑回此按钮。完整的as是:

on(dragover){ //当鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮,再滑回此按钮时执行下面的动作。play();//执行播放动作 } dragOver动作

拖过的效果是在按钮上点击并按住鼠标不放,移出按扭区,再移回按钮上释放的事件。注意:此例中是一个文字按钮,在做文字按钮的时候,应在文字的下方用一透明方块,以增加按钮的反应区域,或者在按钮的第4帧绘制一个矩形来增加反映区。

(8)keyPress(“key”)按下指定的键。对于此参数的 key 部分,需指定键控代码或键常量。

我们在(“key”)中键入“k”。完整地as语句为:

on(keyPress “z”){ //当按下键盘中的“z”健时执行下面的动作。play();//执行播放动作 }

注 意 ——在给动画作品添加按钮的时候应该放到单独一层,这样便于修改。

提 示 ——on为按钮上的动作,所以我们必须首先要选中按钮,以后才可以添加on语句。有的朋友在论坛里面提问,“为什么我的on为灰色不可选状态?”原因就是你没有选中按钮。

技 巧 ——在一般flash作品中,大家不会有意区分这些on的功能的,一般采用默认的语句。如果没有特殊说明,你使用了拖离,滑离等事件来制作“replay”按钮,会让人们摸不着头脑的。

试一试 ——我们了解了on得这么多的功能,利用这些功能可以轻易的制作出flash课件,flash游戏里面的效果,大家不妨试一试。

分 析——on语句的功能与按钮息息相关,有按钮的地方一定会有on语句的使用。而有flash作品的地方,就会有按钮的出现,所以说on的重要作用不可忽视。今天向大家详细地介绍了on的各种功能,我们就可以结合按钮自身的特点,发挥他们的功能。

四、作业 必做题:

1、“按我”

2、move on 或 next and back

3、完成书中P104页的动态按钮制作: 素材

第十周 复习

教学目标:

1、巩固掌握引导线的基本技巧。

2、巩固掌握按钮制作的基本方法。

3、通过测试了解学生的掌握情况。教学重点: 掌握引导线、按钮的创建。教学难点: 通过考试,巩固薄弱知识点。教学过程:

一、复习

1、“调整到路径”功能: 将补间元素的基线调整到运动路径, 比较下面两个动画

2、做引导层时的几个注意点:

①路径是否在引导层中,引导层的创建是否正确。②路径是否闭合。

③运动物体中心点是否在路径上,大家在拖动的时候可以使用吸附工具,这样比较容易观察。

④引导线千万不能是元件,如果绘制出来是对象的话,要及时打散。⑤要让引导层在导出文件中可见,就必须再添加一个背景层。

3、观看下面的动画实例,分析在动画中有哪些效果? 分析:按钮的四个帧上分别放置的是什么?

三、本周作业:预习遮罩动画 第十一周 遮照的基本概念 教学目标:

1、掌握遮照的原理

2、掌握遮照的操作方法

3、学会遮照的基本应用,增强分析动画的能力 教学重点: 掌握遮照的操作方法

教学难点: 遮照的基本应用,学会从现成的作品中获取设计方法 教学过程:

一、知识回顾: 补间:形状 补间:动作

补间:动作,光束为元件

补间:动作,以物体中心为轴向两边扩张的一般为元件

二、引入新课:

1、请注意观察以下这个动画,在它的文字中有何特色,它的动画特点是什么?(1)文字用图案填色,且是自上而下运动着的图案填色。(2)文字完整显示,而图案显示不完整。

(3)文字在最上层,图案在下层,且下层是一个动画层。

三、新课内容(上课素材下载):

(一)遮罩的原理

1、遮罩是需要通过两层实现的,上一层叫遮罩层,下一层叫被遮罩层。

2、遮罩结果显示的是二层的叠加部分。

3、遮罩显示结果的色彩由被遮罩层的色彩决定,即可通过辨别色彩的来源来确定哪一层为被遮罩层。

4、在遮罩层和被遮罩层中均可设定动画。

(二)遮罩的应用

1、电影字幕效果

分析关键点:什么颜色为遮罩效果的主色,什么层在自下而上移动? 此例的结论:说明遮罩层与被遮罩层均可根据需要设定动画。分析的特点:用显示色彩的特性确定了被遮罩层。

2、光束的照射效果

比较一下两幅动画的差异

本题总结:在遮罩层和被遮罩层之后,可适当添加辅助层,以衬托遮罩效果。

3、MTV字幕效果 分析关键点:上面两幅动画分别需要几层?蓝色的FLASH文字层是否产生遮罩效果?

四、作业布置:

1、必做题: 字幕、光照、MTV字幕

1、MTV字幕2(如下)

2、选做题:

第十二周 声音与遮罩技巧

教学目标:

1、能导入各类声音,并能处理一些声音的叠加。

2、遮照技巧的灵活应用。

3、学会遮照的基本应用,增强分析动画的能力 教学重点: 遮照技巧的灵活应用

教学难点: 遮照的基本应用,学会从现成的作品中获取设计方法 教学过程:

一、FLASH中声音的加载 ①导入声音文件:

文件--导入到库--选择声音源

我们只需新增一图层(声音层)--将库中的声音拖入,或者在属性面板中选择声音就可以使用声音文件了,事情就这么简单。②声音文件的使用技巧 为动画添加背景音乐

(1)新建或打开需要添加声音的文件,在原来的动画上再增加一个“声音层”的新层。需要在文件中多处有声音时,我们通常会把几个声音文件放置在不同的层中,这样不但便于控制,而且还能达到混响效果。

(2)导入所需要的声音文件,然后从库中将所需声音文件拖拉到“声音层”上即可。

为按钮添加提示声音

在原来的层上插入一新层,假设在按下帧上按F7添加空白关键帧,然后将声音文件拖放到该帧即可,并将同步设置为“事件”。则测试时,当鼠标单击按钮时会发出声音。

二、声音的处理

当声音被加载到FLASH中后,可进行如下处理:

1、取部分声音播放。

2、控制声音的淡入、淡出等。

3、处理方法:在属性面板上,单击声音编辑即可

4、“事件”选项会将声音和一个事件的发生过程全部同步起来。如果触发了播放声音的事件,它会自动播放直至结束,在这个过程中声音的停止不受动画本身的制约。例如我们在Flash中制作了一个声音播放按钮,如果事件声音正在播放,而再次点击,第一个实例继续播放,另一个声音实例同时开始播放。

“开始”选项和“事件”选项一样,只是如果声音正在播放,就不会播放新的声音实例。

“停止”选项可以使指定的声音静音。

“数据流”用于在互联网上同步播放声音。Flash会协调动画与声音流,使动画与声音同步。如果Flash显示动画帧的速度不够快,Flash会自动跳过一些帧。与事件声音不同的是,如果声音过长而动画过短,声音流将随着动画的结束而停止播放。在播放影片时,声音流是混合在一起播放的。

5、不同声音的叠加:将声音加载在不同图层上。

三、实例:

1、按钮上加载声音

源文件下载 声音下载(右击下载)体会在按钮上加声音与在图层上加声音的区别。

四、遮照技巧

1、百叶窗(素材下载):

(一)遮罩的原理 操作步骤: [1]、建立一个按水平线缩放的长方条作为影片元件。

[2]、将第一步中创建的影片元件多个叠加,组合成一扇百叶窗,并将其作为第二个影片元件。

[3]、在场中创建三层,其中最上层放步骤二中影片元件,中间层与底层各放一张图片。

[4]、将遮照效果应用在最上层。思考:步骤2中能否不建影片元件?

2、闪闪红星的制作 制作步骤:

[1]、制作一个扇片,并生成元件。

[2]、由步骤1的元件旋转复制360度后而绕成一圈,并将此图案生成元件。(注意调整元件中心点位置)

[3]、将步骤2生成的元件加以应用于,实施翻转。

[4]、将以上二个实例各自放入不同层,并在二层间实施遮照。

五、作业

1、完成以上二个实例:百叶窗、闪闪红星

2、校名:

3、书本作业:横向百叶窗

第十三周 遮照技巧应用(三)教学目标: 通过练习,使学生进一步掌握遮照与变形的综合应用。教学重点: 遮照技巧应用。教学难点: 复杂遮照的创建。教学过程:

一、巩固复习:制作并讲解上一节课的作业纵向百叶窗(详见课本P99,图片下载)。知识点:

①分散到图层。②直线动画的制作。③关键幀的复制。④遮照的使用。

二、制作跑车广告

素材下载

1、准备工作,试着制作下列图案

2、查看跑车广告

3、分析跑车广告的元件及图层

①数字计时:帧帧动画(序号之间的渐变效果)②遮照效果:遮照层:动画层(形状补间的变形动画、)被遮照层:清晰跑车 背景层:模糊跑车

③落下帷幕:缩放动画、变形动画。

4、时间轴参考(没有设计计时时的效果图)

三、课后作业 必做:

1、跑车广告

2、按下图的提示制作“波浪文字” 提示: 效果动画:

选做:

3、制作以下“图片切换效果”

第十四周 遮照复习

教学目标:

1、掌握多层遮照的基本技巧。

2、注意对遮照层和被遮照层的设定。

3、通过测试了解学生的掌握情况。教学重点: 多层遮照技巧的原理。教学难点: 多层遮照技巧的应用。教学过程:

一、复习:

1、旋转的地球

地图下载 提示:

1、注意观察二幅地图的颜色。[2]、思考用几层遮照。

[3]、地图的颜色是否发生变化。[4]、是否有背景层。[2]、波浪文字 源代码下载

要求:自行分析以上两个动画的遮照技巧,在源代码的基础上,修改完成第二种波浪效果。

第十五周 基本ActionScript 教学目标:

1、要求学生了解什么是ActionScript。

2、掌握如何编辑ActionScript。

3、三种添加脚本的对象。

教学重点: ActionScript的基本概念。教学难点: 编辑ActionScript。

教学过程:

一、什么是 ActionScript(以下简称AS)AS 是FLASH的动作脚本语言。可以 AS 使用控制FLASH影片中的对象,创建导航和交互元素,也可以扩展FLASH,制作高级交互影片和FLASH交互网站。

二、利用AS 能做些什么?

使用 AS,用户不仅可以动态地控制动画的进行,而且能够进行各种运算,甚至由各种方式获取用户的动作并且即时作出回应。目前它在交互式网站、课件的制作及一些游戏、MTV和电子贺卡制作中的应用及为广泛。

三、编辑 AS

1、动作面版的介绍

①动作工具箱

②脚本导航器

③脚本助手

2、脚本窗口

3、行为面版(窗口--行为)

用户可以使用行为来装载和卸裁实例,播放,停播、复制或拖动实例。

4、添加脚本的对象

①在帧中添加: 写在关键帧上面的AS,当时间轴上的指针走到这个关键帧的时候,就写在这个帧上面的AS就被触发执行了。常见的例子有在影片结尾的帧写上 stop()等。操作方法就是点选关键帧,然后打开AS面板。

②在按钮中添加: 不同于帧上面的AS,按钮上面的AS是要有触发条件的。要把AS写在按钮上,操作方法是点选目标按钮,然后打开AS面板。举个例子能说的更明白: ●●假设有一个动画,要让它在播放完同时停止,那么,你要做的就是在这个动画的最后一帧写stop();●●再假设有个按钮,效果是按下按钮后停止播放,那么步骤如下: 做一个按钮,放到主场景,点选按钮,然后打开AS面板。现在如果也在按钮上写 stop();那么,输出的时候就会提示错误。正确的应该这样写: 整个代码翻译过来就是: on(release){ stop();} 当(松开){ 停止 }

这里要比帧的动画多这些代码: on(release){} ,③在影片剪辑中添加

四、AS 基本语法

1、点语法:点(.)被用于指出与一个对象或影片剪辑相关联的特性或方法,也是用于标识指向一个影片剪辑或变量的目标路径。

2、括号:用于定义函数中的相关参数

3、大括号:凡是用大括号结合在一起的是一个语句块。

4、分号:每一条语句都必须是以分号作为结束的。

其它具体的使用规则我们在具体的实例再进行讲解,有兴趣的同学也可以参看

ActionScript 教程

五、第一实例(下拉菜单的制作)

1、实例源文件下载

使用goto配合帧标签制作下拉菜单 步骤 小技巧

①打开源文件并分析

②在三个菜单下拉的最后关键帧上添加Stop();语句,③选择第一个按钮(company),按下F9打开动作面板,添加以下语句:

on(rollover){gotoAndPlay(“2”);}

④其它二个按钮也以此类推添加语句。

当时间轴上有大量帧时,可以通过给帧命名,从而方便地调用帧。如本例中,可以在第②、③步之间插入一步:

为三个菜单下拉的图层中第一关键帧定义名称,分别为t1、t2、t3

这时,按钮(company)上的语句就得变成:

on(rollover){gotoAndPlay(“t1”);} 观察制作的结果:

六、第二个实例:Food house

1、下载源文件 分析一下其中的动画效果

2、制作以下效果:

七、补充:利用getURL跳转到其他网页

1、查看一下精美的韩版菜单条(你能仿制吗?)

看一下源代码

2、为这个菜单添加getURL语句:参考

on(release){getURL(“http://www.xiexiebang.com”);} 思考:加在什么位置

八、本周作业:

1、下拉菜单

2、Food house(时间轴提示)

第十六周 AS实例制作训练

教学目标:

1、掌握复制影片剪辑命令duplicate的使用。

2、掌握随机函数random的使用,_visible隐藏属性的应用。

3、掌握影片剪辑x,y轴比例属性_xscale,_yscale以及透明属性_alpha的应用。教学重点: 复制影片剪辑命令duplicate和随机函数random的使用。教学难点: 编辑ActionScript。教学过程:

一、知识铺垫

在Flash中制作多个对象不规则地出现,通常会用到两个Action语句,即复制影片剪辑命令duplicateMovieClip和随机函数random()。前者用于复制出相同的影片剪辑,后者则用于创建随机数,并将这些随机数应用到相应的属性中,使复制出的影片剪辑具有不同的状态。

1、duplicateMovieClip语句可以复制一个Movie Clip(影片剪辑),同时可以为复制得到的Movie Clip 重新命名。该命令是一条单独的语句,语法结构如下:

duplicateMovieClip(目标,新名称,深度)由于每一个复制出来的影片剪辑都具有与目标影片剪辑一样的属性并且每一个复制出来的影片剪辑其初始位置与目标影片剪辑是叠加在一起的,因此为了区分每一个新复制的影片剪辑,防止后面复制的影片剪辑替换掉前面的影片剪辑,要设置每一个影片剪辑的深度参数,来规定新影片在舞台上的叠加次序。

2、random()函数是一个随机函数,这个函数实现的是在设定的最大数值和0之间随机地返回一个数值。

3、_root语句的使用:处于全局属性的标识符中。

“_root”是Flash中比较特殊的用法,表示后主场景中的绝对路径,使“.”来连接后面的语句,如_root.snow代表主场景中的snow实例。

另外,本课还使用到了_visible、_x、_y(轴坐标值属性)、_xscale、_yscale、_rotation、_alpha属性,请详见课本P141页。

二、“下雨”实例制作

1、制作一个影片元件:一滴雨水滴落的过程。

雨滴落下

水圈扩大

2、“下雨”的代码

返回到场景,将完成的影片元件拖入到场景中,并且将该实例取名为“drop”。新添加一个图层,取名为“as”,在第一关键帧上的代码: 第三关键帧上的代码:

三、“飘雪”实例制作(素材下载)

1、制作一个图处元件:雪片

2、制作一个影片元件:一片雪花飘落的过程(引导层)

3、“下雪”的代码: 第一关键帧上的代码:

思考:此段代码有没有需要修改的地方? 第二关键帧上的代码: 第三关键帧上的代码:

四、根据所给素材制作引导页(练习按钮的制作)制作完毕后,想想可以如何创作一下,把它改编成一个网站的引导页。

五、本周作业:

1、第一题:下雨

2、第二题:飘雪

3、引导页(按钮)

第十七周 达标复习一

教学目标:

1、巩固各类知识点:时间线、按钮、遮照、变形。

2、达标复习。教学过程:

一、蜜蜂采蜜:

关键点:

1、背景,蜜蜂的绘制。

2、引导线动画制作。

二、残影文字

关键点:

1、文字处理。渐变填充、多层文字旋转的位差。

2、帧的复制,粘贴。

3、透明度,旋转的设置。

三、地球与网络

关键点:

1、图片的分割。

2、分散到图层。

四、进度条

关键点:

1、图片的处理。

2、逐帧动画。

3、形状补间动画。

五、小球滚山坡

关键点:

1、场景的绘制。

2、引导线的绘制。

3、动作补间动画。

第十八周 引导层的应用 教学目标:

1、进一步理解和掌握引导线的绘制和引导层的设置;

2、掌握引导层在动画制作中的应用。

教学重点: 引导线的绘制,及分析Flash中引导线。

教学难点: 对知识的梳理和理清引导层路径动画制作的思路,提高分析问题的能力。教学过程:

一、课前热身:

观察下面的两个flash动画,思考分别在做什么运动,是通过Flash中的什么动画实现的呢?并完成两幅作品。唉„我不会拐弯!

瞧我,跳得多自由!回顾:路径动画知识点 跳动小球制作视频

二、新课:实例应用(素材下载)

观看实例,同时也分析该例中用到了哪些动画效果?哪一处运动应用了引导层?(实例浏览)

我们可以将整个动画进行分解:(1)先创建单个小球跳动动画,设计效果如下:(界面设计图,制作视频)思考:

1、如何形成小球有远及近的视觉效果?

要点提示

2、如何控制小球运动的节奏,使之符合万有引力定律?

要点提示

(2)有了第一步,接下来我们就要对引导层和引导对象进行拓展应用。比如,要求完成下面这种效果。(界面设计图,制作视频)

点评:

1、一个引导层可以为多个图层提供运动轨迹,同时在一个引导层中可以有多条运动轨迹。

2、引导线允许重叠,比如螺旋状引导线,但在重叠处的线段必需保持圆润,让Flash能辨认出线段走向,否则会使引导失败。

三、知识扩展

在网络上可以搜索到很多相关的路径动画影片,希望大家能通过分析,模仿制作出类似的动画效果,比如物理课件中经常用到的平抛动画、MTV场景中的落叶效果以及非常炫酷的激光写字效果等等:(路径绘制图)(路径绘制图)(路径绘制图)

四、总结点评:、掌握做引导层时的几个注意点,做出引导动画效果。、能综合所学的 Flash 相关知识,自己构思并制作出较复杂的动画影片。

五、课后作业:

1、模仿完成实例下面环节的效果,可以发散思维,适当添加其他的效果。补充知识:图层文件夹的使用。

2、预习遮罩层的应用。

第十九周 达标复习二

教学目标:

1、巩固复习各类知识点。

2、复习并掌握达标中级题。教学过程:

一、拖动的探照灯:

关键点:按钮的制作、影片元件、元件的设置、遮照技巧、鼠标跟随运动。

二、图片展

关键点:淡入淡出动画、帧标签设置、鼠标控制动作

三、百叶窗

关键点:分清楚各层之间的关系,花的图片在背景层,树林的图片在被遮照层,变形条的影片剪辑要放在遮罩层;影片剪辑是由若干个变形条的影片剪辑组成,正好布满图片,这样才能保证完成遮照效果。

四、闪闪红星

关键点:

1、图形的绘制,利用多边形工具绘制一个等腰三角形,画完后把中心点拖到边角上,进行变形工具的复制应用(旋转10度~12度左右);

2、场景中总共分为三层,最低层为被遮照层,图形水平反转,静态状,第二层为遮照层,图形作旋转动画,第三层放入五角形

3、五角形的绘制,放射性渐变填充,白色笔触,然后连接各顶点。

五、按钮:

关键点:分清楚按钮的四种状态,在弹起状态放入静态的圆;指针经过状态放入圆和旋转棒的影片剪辑,注意叠放顺序;在按下状态放入静态的大圆和小棒的组合图形;最后把按钮放入场景中

六、下雨

关键点:

1、雨滴影片剪辑的制作。场景中该实例的命名。

2、动作脚本的添加。

下载flash动画按钮的制作教案word格式文档
下载flash动画按钮的制作教案.doc
将本文档下载到自己电脑,方便修改和收藏,请勿使用迅雷等下载。
点此处下载文档

文档为doc格式


声明:本文内容由互联网用户自发贡献自行上传,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任。如果您发现有涉嫌版权的内容,欢迎发送邮件至:645879355@qq.com 进行举报,并提供相关证据,工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。

相关范文推荐

    flash动画---按钮元件的学习教案

    第1课“flash制作—按钮元件的使用”教学设计 课题:flash制作—按钮元件的使用 教学内容:《信息技术基础》(教育科学出版社)高等学校教材 (flash制作六—按钮元件的使用) 教材分析......

    flash动画的制作教案

    flash动画的制作教案动画制作(一) 本节的课程标准内容: 了解常见的多媒体信息,如声音、图形、图像、动画、视频的类型、格式及其存储、呈现和传递的基本特征与基本方法; 能选择适......

    制作Flash引导动画教案

    《制作Flash引导动画》教案设计 车家庄中学冯玉宝 教学目标: 1、知识目标: 使学生了解引导动画及引导层的的概念。 学生通过学习初步掌握FLASH引导层的使用。 掌握制作引导动......

    flash动画制作蒲公英教案

    校本教材 学习补间动画的制作――随风飘落的蒲公英 教学目标 1、知识与技能: (1)理解动作补间动画的工作原理及图形元件的制作方法。 (2)学会创建动画补间动画。 (3)掌握动画补间动......

    flash动画制作报告

    Flash 动 画 制 作 课 程 学 院 计算机学院 专业班级 网络工程1101班 学 号 1108020104 姓 名 告 Flash动画制作 一、实验目的 掌握FLASH CS4的基本动画制作。 二、实验......

    《FLASH动画制作》教案八年级下册

    第二单元 制作Flash动画 第一节 帧和逐帧动画 一、教学目标 知识与技能: 1.掌握空白关键帧、关键帧和普通帧的概念; 2.掌握帧的基本操作; 3.掌握制作逐帧动画的方法并会进行测试。......

    FLASH动画制作活动教案(5篇范文)

    FLASH动画制作小组活动教案 2013-2014年度第二学期 教学课时 第一节 初识FLASH 第二节 FLASH简单动画制作 第三节 基本工具的使用 第四节 直线运动和绘图工具第五节 巩固......

    Flash MX 动画制作设计教案

    Flash MX 动画制作 ————物体移动 【教材分析】 我们所选用的是教育科学出版社的教材,课本对于“计算机动画制作初步”这一部分其实是分成了两个部分的。在第一节中制作出......