flashmx动画制作教案

2023-07-01

作为一名无私奉献的老师,就难以避免地要准备教案,教案是教学蓝图,可以有效提高教学效率。教案要怎么写呢?以下是小编帮大家整理的《flashmx动画制作教案》的相关内容,希望能给你带来帮助!

第一篇:flashmx动画制作教案

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");}

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

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

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

1、t

2、t3

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

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

六、第二个实例:Food house

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

2、制作以下效果:

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

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

看一下源代码

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

on(release){getURL("http://");} 思考:加在什么位置

八、本周作业:

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场景中的落叶效果以及非常炫酷的激光写字效果等等: (路径绘制图) (路径绘制图) (路径绘制图)

四、总结点评:

1 、掌握做引导层时的几个注意点,做出引导动画效果。

2 、能综合所学的 Flash 相关知识,自己构思并制作出较复杂的动画影片。

五、课后作业:

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

2、预习遮罩层的应用。

第十九周 达标复习二

教学目标:

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

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

一、拖动的探照灯:

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

二、图片展

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

三、百叶窗

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

四、闪闪红星

关键点:

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

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

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

五、按钮:

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

六、下雨

关键点:

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

2、动作脚本的添加。

第二篇:逐帧动画制作教案

制作逐帧动画

一、【教学目标】: 知识目标:

1、了解动画的含义与分类

2、知道帧、帧频与关键帧的含义 能力目标:

1、学会用绘制的图形来制作逐帧动画

2、插入、编辑关键帧

3、掌握制作逐帧动画的方法

4、学会通过改变帧频控制动画的播放时间 情感目标:

体会创作的乐趣,进一步培养制作动画的兴趣,培养学生创新能力、探究问题的能力和创造性思维能力

二、【教学重难点】:

重点:用绘图工具制作逐帧动画的方法 难点:通过改变帧频控制动画的播放时间

三、【教学方法】:

1.演示教学法:通过在多媒体教室,用多媒体播放逐帧动画的实例让学生欣赏,并实际操作演示用Flash 8制作逐帧动画的过程,激发学生学习兴趣。

2.任务驱动法:通过设计学习目标,下达学习任务,让学生自己上机去实现,让他们在亲身实践中体会、提高,培养学生的动手实践能力,加强学生的实践探究、交流合作解决问题的能力。

3.案例教学法:选取的案例,训练学生解决实际问题的能力。

四、教学课时:1课时

五、教学过程:

(一)、导入(3-5分钟)

师:很高兴大家能顺利完成七年级学业进入到八年级的学习中,不知道在座的八年级同学还有没有看动画片的?看过的动画片中最喜欢哪一部?

学生回答

大家想一想、我们看过的这些动画有什么不同呢?

学生回答

师结:动画有二维动画和三维动画,二维动画如《七龙珠》《灌篮高手》,三维动画,如《玩具总动员》、《海底总动员》、《超人总动员》、《怪物史莱克》、《变形金刚》、《功夫熊猫》等。

师:有没有同学知道那一部部精彩的动画片是怎么制作出来的?

学生回答

师结:二维动画是用flash等软件制作成的,而三维动画则主要是用maya或3D MAX制作成的。好,今天我就带着大家一起叩响动画制作的大门,迈出动画制作的第一小步——利用Flash制作逐帧动画

(二)、新授

(通过手绘动画介绍新知识含义)

1、动画的含义

师展示手绘动画并提问什么是动画? 学生观察回答什么是动画

师结:动画是通过把人、物的表情、动作、变化等分段画成许多幅画,再用摄影机连续拍摄成一系列画面,给视觉造成连续变化的图画。动画发展到现在,已经从手工绘制为主的传统动画发展到以计算机为主的电脑动画。

2、帧、帧频的含义

帧:组成动画的每一个静态画面叫做帧 (播放速度快慢对视觉的影响) 帧频:动画的播放速度叫做帧频(f/s)

标准频率24f/s,12f/s可是影片在网络上达到最佳效果

(三)、演示

1、初识Macromedia Flash8.0

2 启动Macromedia Flash8.0,启动界面如图:

单击创建新项目下的Flash文档,编辑界面如图:

舞台:就是我们制作动画的区域,也是动画的表现范围 工具箱:包括绘图工具及附属工具选项 时间轴:时间轴的每一个格子就代表一个帧

3 图层:可以使各个对象保持相对分离,在时间轴表现出的是时间的统一性

2、制作风中飞舞的风筝

打开动画飞舞的风筝,学生欣赏,师演示制作过程。 (1)、打开属性面板,如图:

(2)、单击属性面板的“大小”按钮,弹出如图“文档属性”窗口,将尺寸设置为500px×400px,背景为黑色,帧频为12fps。其他属性不变,单击“确定”。

(3)、选定时间轴第一帧,在第一帧对应的舞台上,利用工具箱中的工具绘制风筝。 师提问该帧有什么变化?学生观察回答 师结:什么是关键帧。

(4)、执行“编辑”——“全选”(ctrl+A),然后执行“修改”——“组合”(Ctrl+G),将已绘好的图形组成整体

(5)、选中时间轴的第2帧,执行“插入”——“关键帧”(F6) (6)、在第二帧对应的舞台上,改变风筝在舞台中的位置

(7)、选中时间轴的第3帧,执行“插入”——“关键帧”(F6),改变风筝在舞台中的 4 位置,重复上述步骤完成第

4、第5帧

(8)、执行“控制”——“播放” 观察动画,是不是看到一只飞舞风筝 (9)、保存文件“风筝.fla”

(四)、学生上机练习制作飞舞的风筝,师巡视、指导

(五)、选挑学生优秀作品展示、师生共评

(六)、小结:

1、帧、帧频、关键帧的含义

2、逐帧动画的制作过程

(七)、课外思考练习

尝试利用工具箱的工具设计天空背景。

第三篇:动画制作教案-遮罩动画的制作

课题 动画制作-神奇的遮罩 执教

南通市启秀中学

张育 课程学习目标

1)理解遮罩的概念;

2)掌握遮罩动画的制作要领;

3)能够恰当运用遮罩层再现生活中一些有趣的情境。

学习重点

1)遮罩概念的理解;

2)恰当运用遮罩层再现生活中一些有趣的情境。

学习难点

遮罩概念的理解。

学习过程设计

一、通过播放电影片段,激发同学思考如何再现望远镜效果。

活动1(电子白板播放)

播放部分电影精彩剪辑,在观看过程中,回顾Flash动画可以再现生活中有趣的情境如瓢虫爬行、飞机起飞等。

活动2 全班交流

将影片中的望远镜效果和实际的卡纸进行横向对比,从动画制作的角度思考需要的图层和各图层运动情况。小组之间配合使用卡纸和学案,讨论如何再现望远镜效果

设计思考

动画来源于生活,也可以再现生活。利用电影中的情境引入,激发学生好奇心和学习兴趣,将生活中的实例效果与动画进行横向对比,引出遮罩概念,有助理解,以动画激发学生兴趣,引发学生的思考,并产生自己动手制作的愿望。为后面的学习埋下伏笔,能让学生在后面的学习中找到成功感。

第 1 页 共 3 页

二、 观看演示,领会遮罩动画制作过程

活动1 学生演示望远镜图层和背景图层的制作:

1、绘制望远镜元件(两个有填充色的圆形相交);新建风景元件,导入风景图。

2、将默认图层改名为“风景”,拉入风景图元件;新建望远镜图层,拉入望远镜元件,望远镜设置移动动画。

活动2 揭开遮罩神秘面纱:

将望远镜层属性设置为“遮蔽”即可实现“透过”望远镜浏览风景的效果。 活动3 归纳遮罩动画制作步骤 1)准备元件 2)制作各图层动画 3)设置遮罩层

设计思考

1、基础操作看优秀同学演示,效率高;

2、提炼操作步骤,帮助全班同学理解。

3、教师演示,比较容易地掌握遮罩的操作,通过两个简单的例子理解遮罩层与被遮层的关系。激起学生成功感后,学生能尝试判断并制作动画补间,提高学生的综合应用能力。

三、进行基础练习

活动1组织学生制作望远镜效果动画并展示部分作品,教师查看并及时纠正练习中的问题。

活动2 展示古诗字幕、电影文字效果动画,请学生观察并分析动画构成:遮罩层与被遮罩层,各层中元件的运动情况。

设计思考

1.通过基础实例练习进一步理解操作要领

2.通过分析和思考,加深对遮罩动画的理解,为下一步自主创作作准备。

第 2 页 共 3 页

四、挑战新知识,拓展所学的动画技术

活动1讨论 生活中还有哪些情境可以用遮罩动画模拟再现?(探照灯、古诗呈现、水波涟漪、地球自转„„)

请学生选择其中一个熟悉的情境尝试用Flash遮罩动画再现,有部分新技术操作参看学案,并利用教学软件提交给老师。(学习软件中附有样例演示。) 活动2 展示点评部分学生作品(原创性、技术性、艺术性);

设计思考

1、从简单的样例模仿逐步尝试自主创作,促进知识的迁移。

2、充分考虑学生差异性,为不能完全独立进行创作的同学提供不同难度的参考样例及演示,满足不同学生学习需求。

五、课堂总结

总结遮罩动画概念及制作要领,结课。

第 3 页 共 3 页

第四篇:第8章 动画制作 教案

备 课 笔 记

(常技科)

科目:信息技术(1)

执者: 王 位

阜宁县东沟初级中学

初识Flash动画软件

一、教学目标:

1、知识与技能:

(1)、学会启动Flash的方法,认识Flash的工作界面; (2)、初步理解动画制作中涉及的基本概念; (3)、了解动画制作的一般步骤。

2、过程与方法:

(1)、通过分析Flash动画源文件,初步理解Flash动画制作的思想和动画制作中的相关概念;

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

3、情感态度与价值观:

(1)、激发学生学习动画制作的兴趣,培养学生乐于接受和探究新知识的精神。

二、教学重点难点:

1、教学重点:

(1)、简单对象的移动及缩放动画的制作方法。

2、教学难点:

(1)、Flash8界面的认识及相关操作;帧、关键帧、空白关键帧等概念的理解。

三、教学过程:

1、创设情境,导入新课 (1)、教师播放《快乐驿站》的节目。提问:这个节目好不好看?同学们知道这是用怎么制作的吗?

(2)、学生回答。(因为Flash是当前比较流行的二维动画制作软件,部分学生对Flash并不陌生)

(3)、这节课我们就学习一下如何用Flash制作动画。 设计意图:激发学生学习动画制作的求知欲。

2、师生互动,自主学习

(1)、教师启动Flash,对Flash的编辑窗口做一下介绍。包括菜单栏、常用工具栏、控制工具栏、绘图工具栏、辅助选项、图层区、时间轴、面板、场景等。

(2)、教师打开并运行一个Flash动画源文件,分析Flash动画的创建方法,并通过举例重点讲究元件、库、场景、时间轴、图层的概念。 (3)、教师演示制作移动的小球动画的过程。教师边演示边讲解,学生跟着教师制作移动的小球。

(4)、教师应注意讲清每一个步骤地意义,同时结合实际制作来讲解基本概念,将抽象的概念结合具体的实践操作进行讲解,学生更容易理解。

(5)、教师以清晰、简明的步骤熟练地重做一遍,同时概括出三大步骤:第一步,在一段动画的起始帧插入关键帧,在起始帧的场景中编辑对象;第二步,在结束帧中插入关键帧,在结束场景中编辑对象;第三步,选择开始帧,创建补间动画。

(6)、学生根据教师刚才的演示,协作完成动画移动的小球,相互讨论各制作步骤地意义,并概括总结出动画制作的主要内容。 设计意图:帮助学生理解计算机动画原理和计算机动画制作的特点及其一般方法,让学生感受到计算机动画制作有着较强的灵活性与创造性,同时又有一定的规律可循,学习Flash动画制作不仅仅是学习,更是一种创造活动。

3、探究学习,实践操作

(1)、教师出示本节课的探究任务:一是使用铅笔等工具绘制吃蘑菇房子动画场景;二是制作一个移动的汽车Flash动画。 (2)、学生实践操作,遇到问题相互讨论。

(3)、教师巡视,帮助学生,对于共有的问题给与点评。 (4)、教师请学生演示,鼓励学生上台操作。

设计意图:通过实践操作,巩固本节课所学的内容,使学生对学习动画制作充满了信心,并有了迫不及待进行实践操作的动机,锻炼了学生的动手能力,培养了学生探究学习的能力。

4、巩固提高,课堂小结

(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。 (2)、请学生说出动画制作的主要步骤。

设计意图:帮助学生理清思路,巩固本节课所学习的内容。

四、教学反思:

动画基础知识

一、教学目标:

1、知识与技能:

(1)、了解动画制作的原理及动画技术的发展历程与现状; (2)、学会从网上下载计算机动画的常用方法;

(3)、了解制作动画的常用软件,会用Ulead GIF Animator制作简单的GIF动画。

2、过程与方法:

借助相关软件将动画分解成一组彼此相关的图片,帮助学生理解动画的原理;

3、情感态度与价值观:

通过了解动画的原理和发展历程,进一步认识动画的艺术性;

二、教学重点难点:

1、教学重点:

(1)、动画原理的理解。

2、教学难点:

(2)、GIF动画的制作。

三、教学过程:

1、创设情境,导入新课

(1)、同学们喜欢看动画片吗?学生回答。 (2)、动画片是怎么制作的呢?学生思考。

(3)、这节课教师就带着同学们学习一下动画的制作,导入新课。 设计意图:激发学生的创作欲望,激发学生学习动画制作的积极性。

2、自主学习,师生合作

(1)、教师简单介绍一下动画的基本原理、动画的分类以及常用的动画制作软件。

(2)、教师演示GIF动画的下载过程。 (3)、教师提供GIF动画的素材网站。

(4)、学生尝试从这些网站下载GIF动画,师生合作,共同解决问题。 (5)、教师讲述flash动画的下载过程,学生自学,尝试从老师提供的flash素材库中下载动画。

(6)、教师巡视,给与学生答疑,对于共有的问题,给与点评。 设计意图:培养学生自主学习合作学习的能力,提高学生获取信息的能力,师生合作,增进师生的情感。

3、探究学习,实践操作

(1)、教师布置本节课的实践内容,自学书本1至5页,制作一幅“豹子奔跑”的GIF动画。

(2)、学生自学并尝试制作。教师巡视,帮助部分后进生。 设计意图:培养学生的探究实践能力,培养学生学习动画制作的兴趣。

4、巩固提高,课堂小结

(1)、教师总结本课的教学内容,点评学生在制作过程中遇到的问题。 (2)、请学生叙述GIF动画制作的主要步骤。

设计意图:巩固本节课所学习的内容,激发学生再学习的乐情。

四、教学反思:

“形状补间”动画

一、教学目标:

1、知识与技能:

(1)、掌握“形状补间”动画制作的一般步骤,学会“形状补间”动画的制作方法。

(2)、学会创建影片剪辑的方法,理解影片剪辑的意义。

(3)、分析比较“动画补间”动画和“形状补间”动画的区别,进一步理解动画制作的原理。

2、过程与方法:

(1)、通过制作“花儿开放的动画”,了解“形状补间”动画制作的一般步骤。

(2)、通过对比“动画补间”动画的制作方法,分析“动画补间”和“形状补间”这两种动画制作的区别,提高学生对动画制作的理性认识。

3、情感态度与价值观:

(1)、激励学生进一步学习动画制作,由浅入深、由表及里地掌握动画制作的方法,提高制作动画和欣赏动画的水平。 (2)、培养学生自主探索、协作研究的精神。

二、教学重点难点:

1、教学重点:

(1)、“形状补间”动画的制作方法。

2、教学难点: (1)、创建影片剪辑的方法,理解影片剪辑的意义。

三、教学过程:

1、创设情境,导入新课

(1)、教师播放“花儿开放”的动画,提问,导入新课。 设计意图:激发学生的学习兴趣。

2、师生互动,自主学习

(1)、教师演示,学生根据教师的演示,并参照教材进行制作。 (2)、学生依照教材中文字描述的操作步骤独立操作,教师巡视作个别指导。

(3)、对于共有的问题,教师做集中讲解。

(4)、小组讨论,分析作品的优劣,并推荐出较好的作品。 (5)、教师展示学生的作品,鼓励学生,并让学生尝试总结“形状补间”动画的主要步骤。

设计意图:通过协作学习培养了学生的合作精神,通过自主学习培养了学生自学能力,为进一步学习打下了基础,通过作品评价提高了学生鉴赏能力与审美水平。

3、探究学习,实践操作

(1)、教师出示本节课的探究任务:将动画“旋转的风车”中的风车做成影片剪辑,从元件库中反复将风车元件拖动到场景,并调整其大小和位置,这样就能在场景中方便地加进多个旋转的风车,使画面更为丰富。

(2)、学生实践操作,遇到问题相互讨论。 (3)、教师巡视,帮助学生,对于共有的问题给与点评。 (4)、教师请学生演示,鼓励学生上台操作。

设计意图:通过设计这一活动,巩固本节课所学的内容,由学生根据已有的知识和技能,创造性地制作自定主题的Flash动画作品,培养学生的创造能力。

4、巩固提高,课堂小结

(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。 (2)、请学生说出“形状补间”动画制作的主要步骤。 设计意图:帮助学生理清思路,巩固本节课所学习的内容。

四、教学反思:

“动画补间”动画

一、教学目标:

1、知识与技能:

(1)、理解关键帧、层的意义。

(2)、掌握“动画补间”动画制作的一般步骤,学会“动画补间”动画的制作方法。

(3)、进一步理解动画制作的原理。

2、过程与方法:

(1)、通过制作“一个太阳从左向右移动的动画”,了解“动画补间”动画制作的一般步骤。

(2)、提高学生对动画制作的理性认识。

3、情感态度与价值观:

(1)、激励学生进一步学习动画制作,由浅入深、由表及里地掌握动画制作的方法,提高制作动画和欣赏动画的水平。 (2)、培养学生自主探索、协作研究的精神。

二、教学重点难点:

1、教学重点:

(1)、“动画补间”动画的制作方法。

2、教学难点:

(1)、理解关键帧、层的意义。

三、教学过程:

1、创设情境,导入新课 (1)、教师播放“一个太阳从左向右移动的动画”。提问:这个动画好不好看,同学们想不想学习制作一下,导入新课。 设计意图:激发学生的学习兴趣。

2、师生互动,自主学习

(1)、教师演示,学生根据教师的演示,并参照教材进行制作。 (2)、学生依照教材中文字描述的操作步骤独立操作,教师巡视作个别指导。

(3)、对于共有的问题,教师做集中讲解。

(4)、小组讨论,分析作品的优劣,并推荐出较好的作品。 (5)、教师展示学生的作品,鼓励学生,并让学生尝试总结“动画补间”动画的主要步骤。

设计意图:通过协作学习培养了学生的合作精神,通过自主学习培养了学生自学能力,为进一步学习打下了基础,通过作品评价提高了学生鉴赏能力与审美水平。

3、探究学习,实践操作

(1)、教师出示本节课的探究任务:制作“旋转的风车”。 (2)、学生实践操作,遇到问题相互讨论。

(3)、教师巡视,帮助学生,对于共有的问题给与点评。 (4)、教师请学生演示,鼓励学生上台操作。

设计意图:通过设计这一活动,巩固本节课所学的内容,由学生根据已有的知识和技能,创造性地制作自定主题的Flash动画作品,培养学生的创造能力。

4、巩固提高,课堂小结

(1)、教师总结本课教学内容,点评学生制作过程中遇到的问题。 (2)、请学生说出“动画补间”动画制作的主要步骤。 设计意图:帮助学生理清思路,巩固本节课所学习的内容。

四、教学反思:

第五篇:制作引导层动画教案

制作引导层动画 教案 147团小学 罗军华

教学目标:

1、理解创建引导层动画的基本原理

2、掌握创建引导层动的方法

3、培养学生的观察力和想象力,能够举一反三地运用所学知识制作相应的动画效果。

教学重点:引导层及引导线的作用和创建方法 教学难点:

1、运用引导层,制作曲线运动动画

2、运动对象与引导线的吸附操作 教学过程:

一、 情境创设,提出问题(3分钟) 教师行为:

播放小球运动的动作补间动画小球1.swf和按轨迹运动的引导层动画小球2.swf,要求同学们认真观看并比较有何不同,并给学生展示两个动画的源文件小球1.fla小球2.fla。提出问题: (1)两个文件的图层有何区别?

学生行为:认真观看后,回答“第二个动画不是直线运动,且图层中多了一个引导层”。

教师行为:同学们观看得很仔细哈!小球1.fla是上节课我们学习过的动作补间动画,小球2.fla是一种特殊的动作补间动画——引导层动画,即是按照设定的轨迹运动的动画. 继续提问:

(2) 引导层功能是什么?如何绘制引导线?

(3) 如何制作按轨迹运动的动画?

提出任务:这节课我们主要的任务就是来学习如何绘制这个沿轨迹运动引导层动画。

学生行为:认真观看,并思考问题。

【设计意图】通过两个动画效果的比较和提出的几个问题,引发学生思考,激发学生的们学习兴趣及学生们的求知欲。

二、小组协作,探究学习(17分钟)

教师行为: 说明要求:以共同体为单位,参照老师制作的导学专区里的帮助文件。回答老师提出的三个问题,填在老师发的问题回答表中,协作学习,探究引导层动画的制作。 学生行为:

听清楚要求后,进入紧张的探究讨论活动中。学生通过自主探究学习,已经建成了小球从第一帧到三十帧的动作补间动画。 教师行为:

在学生探究的过程中,走到学生中间去倾听学生的讨论,收集学生填好的问题回答表,注意大部分同学的易出错点和不规范的地方。并对学生做得不规范的地方,通过提出问题,来引导学生改正。

学生行为:学生通过观看老师制作的小球2.fla和老师制作的帮助文件,自行绘制引导线,但大部分出现不了想要的效果。 教师行为:演示给同学们引导层的添加和后续工作的制作。

(1)在图层1 上单击右键,“添加引导层”,或者点击图层面板中的“添加引导层”。按钮。,在引导层中用“铅笔工具”绘制圆滑曲线。

(2)在引导层第三十帧处,单击鼠标右键,“插入帧” (3)在图层 1第一帧处,将小球的中心点置于直线上,单击“紧贴至对象”,在第三十帧处,将小球拖至引导线的末尾,将小球中心点置于直线上,再次单击“贴紧至对象”。 学生行为:

认真观看,并思考教师的操作,小组自行制作。 教师行为:

绘制完成后,老师测试影片,提问“大家发现什么问题没有?” 学生行为:

“老师绘制的引导线哪里去了?“ 学生疑惑,“对啊!“

教师行为:再打开几个已经做好的引导层动画的源文件,测试影片。

学生行为:

学生恍然大悟,自主总结:引导线是不会出现在动画中的。 【设计意图】:通过师生交互,教师演示、指导,通过学生探究,自主完成引导层动画的制作过程,从中可以掌握引导层动画的制作过程,培养学生的发现问题,归纳总结和协作学习能力 。

三、展示成果,学生演示(10分钟)

教师行为:找一组制作比较成功的共同体,演示给其他同学,要求学生在演示的过程中说明每一步的操作,其他同学认真观看, 学生行为:学生A用屏幕演示给其他同学,并对关键步骤进行说明;其他同学认真观看。演示完成后,其他学生给出点评。 教师行为:对收集上来的回答表,老师对某些知识点进行补充和强调。

设计意图:让学生巩固所学知识,并体验成功的喜悦,培养学习flash 软件的兴趣和积极性。通过学生点评,学习他人的长处,善于接受别人的建议。

四、反馈信息,点播重点(8分钟)

教师行为:点播学生在演示操作过程中的不规范的地方和关键知识点。 并进一步说明一下引导层动画的制作原理。例如: 绘制引导线,可以使用直线工具或者铅笔工具,刷子工具,椭圆工具等。

在起始关键帧和结束关键帧的地方,都需要点击“贴紧至对象”按钮;

成功的引导层动画表现在帧上是淡紫色背景的实心箭头; 设计意图:让学生掌握本节课的重点,克服学习的难点。加深学生的理解和记忆。

五、总结知识,布置任务(7分钟)

教师行为:让学生谈谈这节课的收获。

学生行为:踊跃发言,认真听完别人的回答后,有意见的补充或者反驳。

教师行为:对学生的回答做出及时正确的反馈,强调本节课的重点和难点,布置作业——制作一个地球围绕太阳运动的引导层动画。 课后反思:

1.激发学生的学习兴趣,增强主观能动性,帮助学生形成持久的学习动机。兴趣是最好的教师,是推动人们去寻求知识、探索真理的一种精神力量,在课堂教学中,激发学生的学习兴趣,使他们由厌学、苦学变为喜学、乐学,这必然激活和加速学生的认知活动。

2.设计科学的教学内容,帮助学生建构当前知识。从简单的问题一步一步地深入可以让学生容易接受,所以教学要循序渐进。

3.对学生的学习情况进行互评,总结有效的学习途径。在今后的教学工作中,全心身地投入教学工作中,不断探索成功而有效的教学方法,拓宽教学思路,丰富教学内容,充分发挥学生的主观能动性,变“要我学”为“我要学”,才能提高学生的全面素质,才能跟上信息社会发展的潮流,适应未来社会的需要。

本文来自 99学术网(www.99xueshu.com),转载请保留网址和出处

上一篇:therebe句型高考练习下一篇:这就是我作文500字4篇