您身边的文档专家,晒文网欢迎您!
当前位置:首页 > > 综合 > 正文

FLASH动画制作活动教案范文3篇

2022-11-02 19:01:47综合

FLASH动画制作活动教案范文3篇

  下面是范文网小编分享的FLASH动画制作活动教案范文3篇,供大家赏析。

FLASH动画制作活动教案范文3篇

FLASH动画制作活动教案范文1

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

  王

  德 亿利东方学校

  第一周 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把这个副本原位粘贴到“阴影层”中。最后适当的调整位置,并把色彩换成#。到这里,文字的阴影效果就做好了。综上所述,关键技术都比较类似,所以希望大家课后能好好复习,做到在熟练绘制的基础上创作出更多其他效果的文字。

  二、在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(“ 思考:加在什么位置

  八、本周作业:

  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中比较特殊的用法,表示后主场景中的绝对路径,使“.”来连接后面的语句,如_代表主场景中的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动画制作活动教案范文2

  FLASH动画制作小组活动教案

  2013-2014年度第二学期

  教学课时

  第一节 初识FLASH

  第二节 FLASH简单动画制作

  第三节 基本工具的使用

  第四节 直线运动和绘图工具

  第五节 巩固

  第六节 文字特效制作

  第七节 引导线的制作应用

  第八节 按钮的制作一

  第九节 按钮的制作二

  第十节 测试与遮照一

  第十一节 基础知识复习及遮照应用二

  第十二节 遮照应用三

  第十三周 遮照复习

  第十四节 ActiontScript语句的使用

  第十五节 声音处理和引导页制作

  3课时 4课时 4课时 4课时 3课时 4课时 4课时 4课时 4课时 4课时 4课时 6课时 4课时 4课时 4课时

  第一节 初识FLASH 教学课时:3课时

  教学目标:熟悉FLASH的工作环境,掌握最基本的概念 教学重难点:层和元件的概念及简单运用

  教学过程:

  一、FLASH特点:

  使用矢量图形和流式播放技术。矢量图形可以任意缩放尺寸而不影响图形的质量;流式播放技术使得动画可以边播放边下载,通过使用关键帧和图符使得所生成的动画(.swf)文件非常小,几K字节的动画文件已经可以实现许多令人心动的动画效果,把音乐,动画,声效,交互方式融合在一起,越来越多的人已经把Flash作为网页动画设计的首选工具。

  强大的动画编辑功能使得设计者可以随心所欲地设计出高品质的动画,通过ACTION和FS COMMAND可以实现交互性,使Flash具有更大的设计自由度,另外,它与当今最流行的网页设计工具Dreamweaver配合默契,可以直接嵌入网页的任一位置,非常方便。

  总之,Flash已经慢慢成为网页动画的标准,成为一种新兴的技术发展方向。

  二、熟悉工作环境

  1、主要分为

  舞台 就是工作区,最主要的可编辑区域。在这里可以直接绘图,或者导入外部图形文件进行安排编辑。就像演员表演的舞台,动画呈现在舞台上,超出舞台的区域就为不可见,也就是幕后,FLASH动画也要十分注重舞台和幕后的共同设计。

  时间轴窗口 用它可以调整电影的播放速度,并把不同的图形作品放在不同图层的相应帧里,以安排电影内容播放的顺序。

  绘图工具栏 放置了可供图形和文本编辑的各种工具,用这些工具可以绘图,选取,喷涂,修改以及编排文字,还有些工具可以改变查看工作区的方式。在选择了某一工具时,其所对应的修改器(Modifier)也会在工具条下面的位置出现,修改器的作用是改变相应工具对图形处理的效果。

  标准工具栏 列出了大部分最常用的文件操作,打印,剪贴板,撤消和重做,修改器以及控制舞台放大比例的图标和选项,便于进行更为快捷的操作。

  图库窗口 用以存放可以重复使用的称为符号的元素。符号的类型包括有图片(Graphics),按钮(Button)和电影片断(Movie Clip)。其调用的快捷键为Ctrl-L。学习FLASH也要养成良好的习惯,其中建立元件就是最基本也是最重要的,元件存放在图库中,这样便与元件的重复使用以及统一修改。

  控制器面板 控制电影的播放操作的工具集合(包括影片的前进后退暂停等),一般不大常用,处于隐藏状态。

  2、逐步介绍各个区域(1)时间轴

  时间轴(Timeline)是Flash中最重要的工具之一。用它可以查看每一帧的情况,调整动画播放的速度,安排帧的内容,改变帧与帧之间的关系,从而实现不同效果的动画。

  状态栏中的 为洋葱皮(Onion skin)按钮,其作用是在显示播放头所在帧内容的同时显示其前后数帧的内容。当点击该按钮时,播放头周围会出现方括号形状的标记,其中所包含的帧都会显示出来,这将有利于我们观察不同帧之间的图形变化过程。

  和 的作用一样,只不过它只显示各帧图形的轮廓线。当我们需要同时编辑多个帧时,按下按钮就可以了,但要注意,它只对帧-帧动画有效,而对渐变动画无效,因为渐变动画是通过定义关键帧再插值的方法实现的,所以其中内插的帧是无法编辑的。是洋葱皮修改器,用于改变洋葱皮的状态和设置。其后的三个数字分别为当前播放头所在帧号,动画播放速度以及以此速度从头播放到当前帧所需的时间。时间轴窗口右上角的 可以用来调整时间每个单元格的宽窄大小,各人可根据自己的喜好,动画的长短等因素进行修改,以便于实际操作。

(2)元件和层概念及运用

  在讲动画形式之前先讲元件和库的概念,教学生建立元件的方法及必要性。

  空心小圆圈表示空白的关键帧,没有内容,例如在新建一个动画文件时出现。先建立一个元件,然后在场景中拉入元件 拉入后成实心点,有内容就成了实心点 单独的关键帧为一黑色圆点,后面为灰色表明其后各帧的内容与其一致,没有变化。

  实例分析:背景色的设置;相同小球的组合绘制 要点:选择工具的使用(任意变形和整体选择操作)圆形的绘制(shift画正圆); 建立元件(元件的概念)组合 CTRL+G 打散 CTRL+B 直线工具的使用

  元件主要有两个优点:可以重复使用和统一修改

  介绍元件建立的两个方法:插入――建立新元件或者选择对象转换为元件。

(3)图层:通过实例ceng及clx掌握图层

  关于图层(Layer)的概念,学过Photoshop的人都不会陌生。形象地说,图层可以看成是叠放在一起的透明的胶片,如果层上没有任何东西的话,你就可以透过它直接看到下一层。所以我们可以根据需要,在不同层上编辑不同的动画而互不影响,并在放映时得到合成的效果。使用图层并不会增加动画文件的大小,相反它可以更好帮助我们安排和组织图形,文字和动画。图层是Flash中最基本而且重要的内容,因而需要很好地掌握:

  在实例(ceng)中学习下面的知识。左图是一个典型的图层例子,图中所示共有十一个层。其中用黑色标识带有一支铅笔 标志的层为当前正在编辑的层。如果该层不能被编辑,则会显示 图标。在这些层右上方有三个图标,其中 可以控制该层是否被显示,默认状态为正常显示,在对应下方用 表示,如果点击这个黑点,则会出现,同时该层被隐藏,隐藏的层不能被编辑。用来控制是否锁住该层,被锁住的层可以正常显示,但不能被编辑,这样在你编辑其它层时,可以利用这一层作参考,而不会误改了这一层的内容。可以控制是否将层以轮廓线方式显示,点击对应的黑点,会出现,再点一次恢复正常。这几个功能可以同时起作用。

(4)动画形式 分为运动动画和渐变动画

  运动动画:例如一个小球从左边运动到右边 表示运动渐变动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡紫色(浅蓝色)。虚线说明中间的过渡存在错误,无法正确实现内插。

  两个例子:一个是小球位置的改变,另一个是颜色透明度的改变。

  渐变动画:例如圆变方块!表示变形过渡动画,关键帧用黑色的圆点标识,内插帧用黑色的实线表示,背景为淡绿色。同样如果中间出现错误,也会出现虚线!主要是两个例子,圆变方块和英文字变中文

  其中要注意对象要打散,文字要打散两次。比较和补间动画的区别。下面两个略作了解

  字母a表示该帧已通过帧属性对话框指定了action。关于action以后会详细介绍。小红旗表明该帧有标签或注解。

  三、小结

  通过本次课的学习,学生要理解并掌握元件和层的概念及简单运用。要注意以下几点:

  1.元件存在库中,方便重复使用和统一修改 2.一个元件对应一层

  3.层之间上下叠放,可改变顺序

  4.动画的两种形式,补间动画包括位置和颜色透明度的改变。形状动画要注意对象要打散,其中文字的打散要用两次CTRL+B。

  第二节 FLASH简单动画制作

  教学课时:4课时

  教学目标:

  1、复习巩固FLASH中最基本的概念(元件、图层)

  2、掌握两种动画形式:补间动画和渐变动画

  3、掌握时间轴上帧的操作(插入、删除等)教学重点:应用工具画图,并制作动画 教学过程:

  一、复习巩固

  主要是在上节的基础上完成进一步动画 做完的同学可以进一步练习两种动画形式,主要为物体透明度的改变和文字的变形。

  记住三句口决:

  1、一个对象一层

  2、一般一个对象要转换为元件

  3、在形状动画中不要建立元件,对象要打散

  二、实例运用1 上节课已经学习了两种最基本的动画形式,这次课我们就先来综合运用一下。实例1 哭脸变笑脸

  1、先给学生看最后的效果

  2、分析 要分为几层?

  五层 脸、眼眶、嘴、左眼、右眼 为什么要用5层?

  嘴一层 要进行动画制作,因此要单独一层

  左右眼珠分两层,眼睛看起来灵活些,也更方便些

  几个注意的地方:

  线条的粗细可调整;对象的大小可调整(直接修改数值比较精确);对象要对齐可用吸附工具,也可以借辅助线用方向键进行微调整;嘴是要变形的,打散状态(右键-分离 弧线才可变形,选中的对象不能改动);F5普通帧(删除帧),F6关键帧(清除关键帧),补间动画FLASH自动生成。思考:眼睛怎么转动? ―――元件的运动。分析:眼珠要四周转动,需要四个关键帧

  三、综合实例

  1、看实例2

  进行分析:主要是混色器的使用

  关键步骤:先画一个圆,线条可调整;

  选择渐变的圆,在混色器中进行调整(小块往下拉就删除),调整到合适的效果(用颜料桶填充);

  要做圆环,在大圆中再画一个小圆,小圆在选中状态下可以改变位置,调整大小等。(要注意,放开就不能改了)。改变大小时,SHIFT是左上角调整,ALT则是以圆心调整;

  要做成补间动画(形状动画也是成立的,但没什么效果。自己要多试,可以意外发现一些效果)补间动画 顺时针 40帧 循环3次(24帧为1秒)

  思考字母变形的做法(结合上次课的练习)

  四、学生动手创作教师节贺卡(有样例3)(20’)要求学生充分发挥自己的想象力,动手制作一张贺卡 主要包括几方面的内容:

  1、文字的移动

  2、文字的旋转移动

  3、文字的渐隐(透明度的变化)

  4、简单的动作设置(stop)

  五、小结

  通过本次课的学习,我们复习并巩固了FLASH的两种基本动画形式,以及运用了层来更好地表现动画。

  第三节 基本工具的使用

  教学课时:4课时 教学目标:

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

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

  3、掌握如何制作基本图形:圆环、星星、月亮、太阳、空心文字、门、窗、建筑物。

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

  教学重点:基本图形的制作;如何导入和转换图片。

  教学过程:

  一、复习巩固

  1、完成上次的作业(哭脸变笑脸的的例子和转动的圆环)

  上传作业(新的作业平台的使用,上传原文件)。

  二、新课引入

  思考一下这个圆环是怎么做的?(实例)分析:

  1、我们可以用上节课讲的大圆里画小圆的方法来完成,不过可能觉得还是有些麻烦的,上节课是为了特殊的渐变效果才用那种方法的,现在再介绍另一种方法:

  2、关键步骤

  选择圆形工具,边线设置为七彩色,线条粗细调节好(要做成一个环,数值比较大),填充色设为白色;

  选中圆环,修改-形状-线条转为填充色; 墨水瓶工具填充线条;

  注意点:修改-形状-线条转为填充色,否则无法实现(会把七彩色盖掉)

  三、实例教学

  1、多边形工具的使用

  太阳的制作主要步骤:

  选择矩形工具下面的小箭头,选择多边形工具,在选项中进行设置,样式:星形 边数 10 星形顶点大小 (数量越小就越尖)可以具体演示两种效果,让学生比较掌握;

  填充色设为黄色渐变(渐变工具的再一次复习巩固);

  画一个深黄色的圆,在上面画上眼睛和嘴(变形工具的使用)

  有时间的同学自己创作画月亮(实例)

  几点注意:月牙形的绘制;墨水瓶工具的填充线条

  3、综合实例制作 分析:

  整个动画分为三个主要部分(星星、高楼和汽车),一个个来制作

  星星影片制作: 首先,绘制一个星星(图形元件),主要步骤同多边形的绘制;

  再建立一个影片元件,名为闪动的星,注意区别影片元件和图形元件(参看足球的转动),让学生注意观察标记不一样

  记住一句口诀:元件可改变颜色、透明度、大小等,都不会改变元件本身(可通过星星的制作具体演示)关键步骤:

  画好星星后,新建一个影片元件,改变星星的透明度作一个补间动画,即为星星的闪烁;

  复制一个影片,然后在此基础上修改,上一个是由亮到暗,这一个就是由暗到亮,这样可心使星星看起来闪动自然些;

  星星这个影片做好后,让学生动手做星星。

  建筑物的制作:

  新建一个元件,画一个褐色填充黑框的房框

  再建一个元件,画一个白色填充黑框的窗户,通过复制粘贴,做成4个窗口。然后选中4个窗口运用修改-对齐-顶端对齐和宽度均匀分布,使4个窗口排列整齐。通过复制(按CTRL拖动),画好多排多列窗口,一列选中调整对齐。其他几列操作也同。

  选中所有窗口,按SHIFT,不选外框,然后把窗口设为灰色,再选几个设为黄色(以上的修改都是元件的修改运用)

  另外一幢楼也是复制,然后进行修改,同样用了元件的修改。这个制作要特别注意的是对齐工具的应用。

  回到场景中,星星一层,高楼一层,再另换一层,画路基(直线工具)要注意视觉上的真实感,按照路基的倾斜度调整高楼的形状。

  汽车的制作:

  主要是图片的转换

  新建一个元件,导入汽车的图片,把位图转换为矢量图; 对图片进行处理,删掉白色的部分;

  回到场景中,汽车也新建一层,然后就做汽车的补间动画,使汽车开动起来。

  小结:

  1、多边工具的使用

  2、元件的属性修改应用(包括大小、颜色和透明度等)

  3、对齐的使用

  4、位图转为矢量图

  第四节 直线运动和绘图工具

  教学课时:4课时 教学目标:

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

  2、掌握实例的编辑修改。

  3、掌握铅笔工具及钢笔工具。

  4、制作夜色中行驶的汽车、动感片头的制作 教学重点:教学重点:铅笔、钢笔工具的灵活使用 教学过程:

  一、复习巩固

  实例――夜色中行进的车 内容回顾

  在上节课中已经完成了动画的一部分,星星的制作相信大部分同学已经学会了,接下来一部分同学还没完成高楼的制作,我们说要注意对齐工具的运用。

  出现的问题

  在画楼的时候很多同学都出现这样的问题,楼不能改变,这主要是元件没建好,一般是要有三人元件,一个是窗户,一个是房框,还要一个就是两者结合的楼。这样改变的时候其实是改变房框的形状。

  二、进一步完成实例

  1、汽车的运动

  这里主要掌握知识点是位图转化为矢量图(修改-位图-转换位图为矢量图),把白色的部分删掉,把汽车放到场景中,制作汽车的运动。主要要注意起点和终点关键帧的设置。

  2、路面、一些线的绘制

  主要掌握钢笔、铅笔工具等绘图工具的使用

  方法有多种,老师教的只是其中一种,大家都可以根据自己对绘图工具的使用,来完成各种绘制。路面的绘制

  可以先画一个矩形(无边,灰色填充),然后用部分选取工具改变,使成为自己想要的范围 线的绘制

  主要是中间一条灰色的线,有两种方法 方法一 由于并不要求很精确,可以先画完直线,然后再用橡皮工具擦掉中间不要的部分

  方法二 可以把线条形式改为虚线,在自定义处可以进行修改(前面一个数值代表实线的长度,后面的表示中间空的地方的长度,一般为35,8)

  3、画完这些线后,我们可以来看一下汽车是否沿着线开,可以根据线的倾斜度,调整一下汽车的起点和终点位置。

  三、实例-标志动画的制作

  1、先画静止的画面(实例)分析:

  主要分为三部分 边、文本和图形

  边的绘制比较简单,让学生自己完成;

  字母的输入也不难,主要是设置多种字体,这里为三种,可以根据自己的喜好,任意设置三种字体,同时可以调整其大小。主要是图形的绘制

  菱形的绘制只要画好一个矩形,然后旋转一下就可以了 关于旁边一个无规则图形的绘制,主要应用钢笔工具,来画出自己所想要的形状

  2、让标志动画动起来(实例)

  我们做每个动画之前先要对这个动画进行分析,哪些是动的,哪些是静的,动的又是怎么动的?(回想一下以前学过的一些动画形式,到这里应该怎么做)宗旨:不管用了什么方法,只要把效果做出来就好,同学们可以把自己所学的东西融会贯通,方法不是只有一种,老师介绍的方法是比较常用的,并不一定是最好的,大家可以通过多动手,或许就会发现更好的方法。学多了就会灵活运用,举一反三了!

  我们仔细观察动画有几层,一般就是要做几个运动

  第一,边是静止不动的,因此我们只要画好放在那里就行

  第二,按动画动起来的顺序来看,菱形是最先动的,主要透明度的改变和旋转,这个并不难,学生应该已经掌握了,稍加分析即可。

  第三,第二个图形在菱形还在动的时候就出现了,所以要在菱形变化有中间过程中开始做动画,主要是透明度有改变,后阶段是有和无之间的转变,主要通过插空白帧来实现。

  第四,字母J是从上往下运动的,字符串esting,是从右往左运动的,还有co ltd则是和上面的图形一样,在有无之间的转变,方法同上。

  到些,我们的动画基本就完成了,从中可以发现其实动画并不难,要通过我们的分析以及创造力来完成精彩的动画,我们在做的时候可以充分发挥自己的创造力,比比看谁的动画做得最精彩!

  四、小结

  1、学会绘图工具的使用(直线和钢笔等工具)

  2、运动的几种基本形式的综合运用

  第五节 巩固

  教学课时:3课时 教学目标:

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

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

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

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

  一、巩固复习

  主要通过几个具体的实例来复习相关知识点

  1、使用多边形工具、钢笔工具绘制(实例)

  通过月亮和星星的画法,来巩固多边形工作和钢笔工作等画图工作的使用 主要知识点:月亮绘制(可用学过的多种方法,这里不再重复)

  星星的绘制(多边形工具的应用。要注意设置,包括样式、边数、顶点大小等参数的设置)

  2、用矩形工具及变形工具制作一个立体建筑物,再用重复使用元件制作下列效果图,制作中要注意使用多图层,才能产生建筑之间的叠加效果。(实例)注意几点:一是元件的重复利用;二是要使用多层(一般一个楼一层)三是利用CTRL工具进行楼房的形状调整,使其更具立体感。主要步骤:

  先观察楼房有两种形状,一种是普通的立方体,另一种是稍变形的,有透视效果,所以我们首先要建两个元件。

  先建一个元件,分两层,一层画房框(用矩形工作),一层画窗户(请注意转化为元件,以便于调整)。

  再在库中直接复制元件,然后在新元件中用按CTRL进行微调整 画好路面(略)

  把两个元件根据需要拖出来,并调整好颜色,同时要注意分为多层,以便于叠加(有前后顺序)

  背景色填充(渐变工作的使用)

  3、用二个关键帧制作变形效果(实例)此实例主要巩固学生对渐变填充工具的使用

  动画分为两层,一层为背景,也是利用渐变填充(放射状)

  另一层为变形动画的制作,即为星形变方形,要注意两个关键帧(即由什么变为什么),第一帧为星形。最后一帧为方形,中间创建形状动画。

  4、有时间的同学自己动手画画卡通烟囱(实例)

  二、检测(两节课时间进行考试,一共三题,具体要求等详见)考试只是检测这一阶段的学习情况,老师根据同学中反映出来的问题,知道学生的掌握情况,对症下药,使大家尽快学会FLASH!创造出有自己特色的精彩动画!

  第六节 文字特效制作

  教学课时:4课时 教学目标:

  1、复习巩固测试题。

  2、掌握几类文字特效的制作。教学重点:各类文字效果的制作 教学过程:

  一、测试分析

  根据上次考试的具体情况进行小结点评

  1、先说明一下这次考试的概况,总的来说大家完成得都还不错,这次的题目并不难,基本上都是最基础的,而且还都讲过的,大部分同学都只可以独立完成。大家起点都差不多,只要肯努力,一定可以学好的,入门很快,进一步提高要靠自己,学得快的同学要不断努力,一定能出成绩。

  2、存在的一些问题:

  小部分同学形状渐变还没掌握,可个别提问;

  大部分同学侧面的调整做得不够好,细心调整即可;

  个别同学星形变形不自然,原因是星形的边数问题,做的时候要看清要求,仔细研究;

  注意生成swf文件(CTRL+ENTER); 要注意层的命名,养成良好的习惯。

  3、表扬一些同学,并展示一下他们的作品(实例四个)

  二、文字特效制作实战

  1、阴影字的制作(实例)

  技术分析:阴影字分析主要为两层,一层是文字层,一层是阴影层,且阴影层在文字层下面一层;阴影层就是文字层的复制、变色及变形 主要步骤: 新建一层,打入文字FLASH; 再建一层,复制粘贴;(CTRL+SHIFT+V就是原位置的粘贴); 颜色和形状的调整

  2、浮雕字的制作(实例)

  技术分析:原理同阴影字的制作,分几层,通过颜色调整,做出浮雕效果

  3、打字效果的制作(实例)技术分析:文字要一个个出来,可以考虑用逐帧动画(请注意与补间动画的区别:补间动画是软件自动生成的)

  主要步骤:先新建一层,导入背景图片;

  再建一层,一共有21个文字,插入21个关键帧(F6);

  在每一个关键帧处设置文字的个数,根据字打出来的效果,每帧依次多一个字。

  4、五彩旋转文字(实例)

  技术分析:文字的五彩填充,文字的旋转与缩放

  主要步骤:新建一个元件,两次打散后,用七彩色填充;

  建立一个动画,注意缩放和旋转的设置

  学生可自己练习用中文字做五彩旋转文字,效果更明显些。

  5、光线字的制作(实例)主要适用于掌握程度较好的学生 技术分析:文字的光线效果的绘制和元件的透明度的变化效果 主要步骤:新建一个元件,一个打散状态的字母和光线的效果,用直线绘制或者变形工具;

  在一层中设置透明度的变化(由浅到深再到浅的过程);

  其余做法同,为加强效果,要注意另外层的字母ABC的设置,一共有六层

  6、残影文字的制作(知识拓展)主要是动作快的学生自己探索制作 提示:主要要几层文字的叠加效果,(每层文字的透明度设置不同,形成残影效果)

  每层文字都设置成旋转动画,只不过开始有先后顺序,以致形成残影效果

  三、小结:

  文字的效果很大就是应用几层文字不同状态的叠加效果以及动画的开始时间的不同来体现文字的变化,掌握了以上的要点同学们经过自己的创造一定能制作出更精彩的动画!

  第七节 引导线的制作应用

  教学课时:4课时 教学目标:

  1、复习掌握几类文字特效的制作(包括发光字和残影效果)

  2、了解引导线的概念

  3、学会用引导线制作简单动画 教学过程:

  一、复习掌握文字特效

  1、大概说一下作业批改情况

  2、发光字体的制作

  大部分同学把发光字体的动画过程都做出来了,说明大家对这部分掌握得还可以,还有同学没懂的及时问。大部分同学的共同点是字母没做好,上次说的矩形工具的微调整是一种方法,我们也可以用直线工具来画,然后用线性渐变填充。这样做出来的效果比较好,不会出现一些阴影被遮盖的现象,这是同学们最要注意的问题。当然也有个别同学做得比较好。让学生把发光字体做完并上传。

  3、拓展题分析(实例)

  在讲这前,先给学生10分钟左右的时间自学,看看自己动手能否做出来,然后再讲解,再让学生完成!在预习方面,同学们可以先看我的例子,自己想想应该怎么做,如果不会再仔细研究一下我的教案,不要急着问别的同学,思考过后再问,再听,效果会好不少。残影效果的制作分析:影子有几个就是有几层,影子的出现就是每层元件的出现时间不同,即每层往后退一帧,残影渐渐变淡,就是每层的元件透明度的逐渐降低。

  主要步骤:建立一个元件1,两次打散后,用七彩色填充; 复制元件,命名为2,在原来的基础上用墨水瓶工具描白边; 第一层放入元件1,完成补间动画,顺时针,1次左右; 第二层第二帧放入元件2,透明度设为85%,动画同上;

  同方法建层作动画,注意每层第一帧往后退一帧,元件透 度依次降低,一般10层左右;

  注:在做新一层的时候不用重新拖入元件,可以用原位置复制元件(CTRL+SHIFT+V),然后再修改元件的透明度即可!

  4、对于基础比较好的同学在全部完成的基础上,可以先预习下节课引导线的内容,也可以做一些拓展练习!

  二、引导线的制作应用:

  1、新课导入:(实例)先看实例,小球的 无规则运动

  分析,其实小球是按一定的路径运动的,这个路径是不可见的,但是能引导小球的运动,这就叫做引导线,其所在的层叫引导层(在运行时不可见)

  主要步骤:新建一层引导层,用铅笔工具画任意不封闭曲线,就是运动路径

  新建一个元件,画个小球,作为一个运动对象

  再建一层,把小球拖来,第一帧把小球的圆心放到曲线的起点(会自动吸附),在30帧左右插关键帧,把小球的圆心放到曲线的终点,这就是小球运动的起始点和终点

  注:要使小球沿着引导线运动,一定要在起点和终点位置,使小球吸附在引导线上,否则不会按引导线运动!

  2、学生能力拓展

  完成快的同学可完成拓展练习1,层的原理类似于上次的残影效果制作

  3、引导线的初步应用(实例)技术分析:树叶的自由飘落其实就是运用了引导线的知识,树叶的飘落路径就是引导线的路径

  主要步骤同上一题,要注意树叶的绘制可用直线工具加上任意变形即可。

  动作快的同学可完成拓展练习2,注意:只要在上题的基础上多加几个层,作与上题一样的引导层即可,当然为了省时方便,可把树叶飘落作为一个影片剪辑,然后一个个拖到场景中即可,当然也要稍注意时间先后。

  三、引导线的进一步应用

  1、骑山车(实例)

  技术分析:车子的运动就是按路径的运动,山路就是路径 主要步骤:新建一个元件,用画图工具画好车和人

  画好背景,包括山路

  画引导线,只要复制已画好的山路即可(同路就是白色的线条)

  把车的元件拖到场景中,起点和终点的设置对齐同上

  在动画设置中选中“调整到路径”,车子才会比较自然地动,这是本例制作的关键!

  2、动作快的同学可以进一步制作山车,可以让车轮动起来!(拓展练习)简单提示:画好车轮动画设置为旋转即可!

  四、引导线的提高应用(拓展练习)

  主要是针对基础比较好的同学,字母就是引导线,要注意中间要断开,才能动起来,文字层用逐帧动画做(原理类似于以前做过的打字效果),才有字是写出来的感觉,以后我们学了遮照层就不会这么麻烦了!

  第八节 按钮的制作一

  教学课时:4课时 教学目标:

  1、复习掌握引导线的应用

  2、介绍按钮的作用

  3、学会按钮的简单应用 教学过程:

  一、复习掌握引导线的应用

  1、复习上节课的例子,提出一些完成过程中的问题

  山坡的曲线的画法可用钢笔工具来画,具体演示下画法;

  多片树叶下降,可用两种方法,一是使用影片剪辑,原理类似于以前学过的闪动的星星。还有一个方法是在引导层中可画多条引导线,引导层下面的图层只要在虚线中,均可被引导线引导。

  2、复习上次课的引导线,主要通过实例来巩固(实例)

  技术分析:小球的跳动就是引导线(当然也可用以前的动画,多创建几个补间也可),猫的变化就是两张图片的变化

  主要步骤:①先完成管的绘制,要注意前后面的分层,否则填充就会出问题,然后再完成阴影面的制作;

②画好引导线,为折线形式,红色小球沿引导线运动;

③猫的两种状态(睁眼和闭眼)小球没砸到时睁眼,快砸到时闭眼且后退(用交换元件做可保持位置不变)拓展练习蝴蝶飞舞(拓展练习)提示:挥动翅膀的蝴蝶作为一个影片剪辑,在这个影片剪辑中,把素材中的图片导入,每张图片一帧,表示蝴蝶的不同状态,其中要注意每张图片位置要对齐,方法有两个,一个是打开时间轴的“查看多个帧”,另一个是交换元件

  3、圆环的制作(实例)

  为了进一步巩固引导线的动画,还要讲一个新的知识点,即小球绕圆环运动 技术分析:同样应用引导线做,关键是圆环的引导线是非闭合曲线,小球才能运动,技巧就是用橡皮把圆环打开缺口。

  主要步骤:①先建一层,画一个圆(无填充)

②添加一层引导层,把圆复制,然后把引导层中的圆用橡皮等工具打开缺口,使圆环成为一个非闭合曲线(物体的运动是遵循就近原则,如果不断开,只会作就近小半圈的运动)③小球的始末状态的设置,第一帧在缺口的一端,最后一帧在缺口的另一端。思考:地球绕着太阳转(椭圆形轨道同上例)

  拓展练习中的玩具火车的运动(单轨和8字形轨道,有兴趣的同学可以自己尝试一下)

  二、按钮的制作:

  1、基本按钮的制作(实例)插入新元件,元件类型为按钮,即可见如下界面

  一般在以上四种状态下放置四个不同的元件,即可制作出一个按钮效果。下面以变形按钮为例介绍制作步骤。

①插入新元件,元件类型为按钮,并命名该按钮为“变形” ②单击选中“弹起”,并绘制一个蓝色长方形 ③单击选中“指针经过”,按F6,并删除蓝色长方形,绘制一个绿色长方形 ④单击选中“按下”,按F6,并删除绿色长方形,绘制一个红色长方形

  做完后查看效果,并据此讲解四种状态具体表现,其中第四个“点击”在此并不能体现出来,以后具体碰到再说,先掌握前面三种状态设置

  2、用文字、图片、图形等作按钮(实例)在实例3的基础上演示文字作按钮,即在上面蓝色长方形的位置替换成文字就是文字按钮,演示一下即可,其中“点击”如果是实心的区域,比较容易选中 实例4分析:主要原理同上例,其中的水晶球可以自己画,也可以用提供的图片,同时也说明了按钮也可以用图片来做!

  三、按钮的进一步制作应用

  1、简单的动态按钮(实例)技术分析:小球是在鼠标放在按钮时下落的,所以动作发生在按钮四种状态的“指针经过”状态,小球下落又是个运动状态,所以在“指针经过”状态放的不是图片之类的,而是一个影片剪辑(相当于一个小电影)

  主要步骤:①新建一个影片剪辑,在里面做小球下落并且透明度改变的动画

②新建一个按钮元件,在“弹起”状态中画上一个红色的长方形,在“指针经过”状态中放入我们已经做好的关于小球运动的影片剪辑

  2、动态按钮引申(实例)技术分析:这个动态按钮的制作基本原理同上例,只是按钮元件的第一种状态中是空帧,就是没放上去时不显示,也就是我们所说的隐形按钮,拖入到场景中按钮元件呈现出半透明状态。

  3、动态按钮综合实例应用(拓展练习二)

  实例演示:礼花的绽放效果(鼠标点击,礼花绽放)

  技术分析:鼠标点击引发的事件,即在按钮的,即为热区,按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果,所以在礼花绽放的影片剪辑中,第一帧是放入已做好热区的按钮。第二帧开始才是礼花绽放的动画,就是礼花这个图形的放大动画。然后在帧上及按钮上加上简单代码即可。

  主要步骤:①新建一个按钮元件,在第四种状态“点击”中画一个实心区域(这里可画一个白色的长方形)

②新建一个影片剪辑,第一帧放入刚做好的按钮,因为不点击的时候事件(礼花绽放)不触发,第一帧加入动作stop,同时按钮的动作是点击就触发礼花绽放的事件,因此在按钮上加上动作on(press){gotoandplay(2);}这个动作语句可在动作面板中选择输入,不用自己输入(自己打入容易错,可用脚本校对)

  on(press){gotoandplay(2);} 意思是按下按钮,开始第二帧动作

③在第二帧开始礼花的变化,导入礼花图片并转化为元件,然后作放大的动画

④最后在场景中拖入已经完成的影片剪辑,注意在铺满整个场景,点击的时候才能保证无论点哪里都有礼花绽放,比较逼真些。铺满时可用多次复制粘贴。

  思考:鼠标放上去礼花绽放怎么做?(拓展练习)

  提示:即在按钮的指针经过中放入影片元件 小结:

  这节复习了引导线,以及新学了按钮的制作,在按钮的制作中要掌握以下几点: 按钮的四种状态的设置,明白各个状态的具体表现形式 学会用文字、图片等作按钮

  学会动态按钮的制作,主要是影片剪辑的应用以及一些简单的动作

  第九节 按钮的制作二

  教学课时:4课时 教学目标:

  1、复习掌握简单按钮的应用

  2、介绍一些简单的动作语句

  3、学会按钮上的一些简单语句的应用 教学过程:

  一、复习掌握简单按钮的应用

  1、复习简单动态按钮的制作

  主要通过一些实例的制作来巩固练习

  先讲一下上节课存在的问题:在动态按钮中,我们说要制作一个影片剪辑,这个按钮才会动起来。有几个同学另外的都完成了,但是还是不会动,原因就是大家在制作元件的时候选了图形而不是影片剪辑,所以才使动画不动。我们只要把元件的类型转为影片剪辑就可以了,当然要重新放入到相应的地方才行,不然还是原来的那个。(可以通过实例来讲解,以后学生在做的过程中碰到这类问题就不用重新做过了,在原来的基础上稍作一下改动就可以。)动态按钮巩固实例

  技术分析:结合上周课讲的动画和按钮结合来完成

  第一个按钮为按下去后动画(字向两边扩散,并变淡)的出现; 第二个按钮是鼠标放上去后动画(字变大并变淡的效果)的出现。大家可以根据平时所学的动画知识,应用到按钮中,可以充分发挥大家的想象力,作出各类按钮,这些按钮在我们以后各式网站的制作,特别是一些比较有特色的网站的制作中用的较多。

  2、综合按钮的制作(实例)

  技术分析:主要是背景的绘制以及按钮的动画(按钮放上去扩散效果)制作 主要步骤:①背景黑条的绘制,画两个圆角矩形叠加,删除重叠部分即可;

②小球的绘制,黑球上放白球,上面再写上字母e;

③按钮的制作,扩散效果的制作,小球填充效果第一帧用调色工具缩到最小,最后一帧用调色工具调到适当效果,创建变形动画;

④按钮的弹起状态中放入元件大圆和小圆以及数字,在指针经过中放上刚完成的扩散效果动画。(动画只要一次,用stop动作)在此要注意按钮中的分层,原理同普通的分层,我们可以把扩散动画放在下面一层,透过大圆展现出来。

⑤按钮的小圆动画制作,绿色变色小球为背景,黄色的曲线作水平转动动画

  二、简单动作介绍(按钮制作实例 源文件)

  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、dragOver 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮区域,再滑回此按钮。完整的as是:

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

  dragOver动作

  拖过的效果是在按钮上点击并按住鼠标不放,移出按扭区,再移回按钮上触发的事件。

  7、dragOut 在鼠标指针滑过按钮时按下鼠标按钮,然后滑出此按钮。完整的as是:

  on(dragOut){ //当鼠标拖离按钮时执行下面的动作。play();//执行播放动作 }

  dragOut动作

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

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

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

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

  3、结合动态按钮综合实例应用来说明上述的动作语句(实例)实例演示:礼花的绽放效果(鼠标点击,礼花绽放)

  技术分析:鼠标点击引发的事件,即在按钮的,即为热区,按钮的动作就在这个热区触发。由于是鼠标点击下去才有礼花绽放的效果,所以在礼花绽放的影片剪辑中,第一帧是放入已做好热区的按钮。第二帧开始才是礼花绽放的动画,就是礼花这个图形的放大动画。然后在帧上及按钮上加上简单代码即可。

  主要步骤:①新建一个按钮元件,在第四种状态“点击”中画一个实心区域(这里可画一个白色的长方形)

②新建一个影片剪辑,第一帧放入刚做好的按钮,因为不点击的时候事件(礼花绽放)不触发,第一帧加入动作stop,同时按钮的动作是点击就触发礼花绽放的事件,因此在按钮上加上动作on(press){gotoandplay(2);}这个动作语句可在动作面板中选择输入,不用自己输入(自己打入容易错,可用脚本校对)

  on(press){gotoandplay(2);} 意思是按下按钮,开始第二帧动作

③在第二帧开始礼花的变化,导入礼花图片并转化为元件,然后作放大的动画

④最后在场景中拖入已经完成的影片剪辑,注意在铺满整个场景,点击的时候才能保证无论点哪里都有礼花绽放,比较逼真些。铺满时可用多次复制粘贴。

  三、小结

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

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

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

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

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

  第十节 测试与遮照一

  教学课时:4课时 教学目标:

  1、测试学生引导线与按钮掌握情况

  2、介绍一遮照的基本概念

  3、学会一些简单遮照效果的制作 教学过程:

  一、十月份达标测试

  1、主要内容为引导线与按钮的制作检测,考试题目当堂下发,时间是一节课(40分钟)

  2、进行简单分析

  二、课前热身

  1、通过回想以前做过的一些动画,把动画形式归纳如下: ① 直线动画(位置的改变,即为补间动画)② 曲线动画(引导线)③ 逐帧动画

④ 旋转动画(元件)

⑤ 透明度改变动画(元件)

⑥ 形状动画(非元件,打散状态)⑦ 缩放动画(元件)

  2、几种动画形式区分(实例)(用一些例子说明,让学生巩固基本的动画形式)一般来说,我们的FLASH动画就是分为这几种形式,稍微复杂一点的动画无非就是这几种动画的结合,只要掌握了这几种基本动画,综合应用只要组合就可以了。

  三、遮照的制作

  1、新课的引入

  观察教案上的TOP,思考:FLASH这几个字是一个会动的图片填充字效果。怎样才能动起来呢?这就是我们今天要讲的遮照。

  我们说的遮照又是一种新的层形式,以前是引导层,现在又有了遮照层。遮照层相当于是一个窗口,遮照层下面的被遮照层上的内容就是透过这个窗口显现出来的。也就是说这个窗口是什么形状的,能看到的内容也是同窗口形状,在窗口以外的部分就无法透出来。

  2、具体演示教案上的效果制作

  3、遮照的应用:电影字幕的效果制作(实例)

  在看每个遮照动画时首先分析动画的是哪个层(遮照层还是被遮照层?)

  技术分析:文字透出彩色,即为彩色是背景,通过文字透出来,因此要做动画的文字上移是做窗口的,即为我们所说的遮照层,同时我们的背景就是被遮照层。主要步骤:①做好一个影片剪辑元件,内容为文字的上移;

②做好一个图形元件,内容为渐变的一个填充色;

③在场景中建好两个层,分别为遮照层和被遮照层(右键层,选择遮照层,下面一层会自动变为被遮照层);

④把各个元件放到相应的位置:影片剪辑元件(文字上移)放在遮照层,图形元件(渐变的填充色)放在被遮照层。思考:完成的同学完成练习一

  4、基础较好的同学在完成上面遮照的例子后,可以思考下下面这些效果用遮照怎么做?作为下周课的预习思考。

  练习

  四、遮照应用小结:

  我们在做遮照的时候要学会分析,搞清楚以下几个问题:

① 分析好哪一层是做“窗口”的,哪一层是通过窗口透出来的,哪一层是普通层,作为“底”而存在的?

② 动画是在遮照层还是被遮照层的? ③ 动画又是哪种动画?

④ 我们需要创建哪几个元件?

  分析完后倒着做,先做好最基本的几个元件,注意元件类型(图形、按钮还是影片剪辑?)再建好层,注意层类型(遮照、被遮照还是普通层?),最后把最好的元件拖入到相对应的层中即可。第十一节 基础知识复习及遮照应用二

  教学课时:4课时 教学目标:

  1、概括复习前面所学过的一些基础知识

  2、按钮巩固练习

  3、遮照基本应用复习

  4、学会一些稍复杂遮照效果的制作 教学过程:

  一、测试分析及新知识的补充学习

  1、每位同学可以根据测验的点评,作好相应的订正工作

  2、主要存在问题(详见点评信息)其中白色背景还可以通过分离后有套索工作的魔棒去掉

  3、详细讲一遍第二题按钮的制作过程,要求每位同学完成,并上传(实例)技术分析:按钮两种状态指针经过和按下,指针经过处是小棒的旋转,按下是静止的。

  主要步骤:①首先分析共有几个元件(圆、有边的圆、小棒、静止的小棒组合、旋转的小棒组、一个按钮);

②静止的小棒组合的画法:变形中设好角度后运用复制加以应用,就画好一周的小棒;

③在影片剪辑元件中做好小棒的旋转;

④把做好的元件拖到按钮相应的地方,旋转的小棒放入经过状态中,静止的放入按下状态中。

  引导学生自己分析要做些哪些元件,包括哪些动画,然后按照学生的思路一步步做具体的操作演示。

  学生自己完成,教师个别交流

  4、按钮实例完成后,补充一些按钮上的简单动作(实例)动作主要分为两种,一种是帧上的动作,一种是按钮的动作,大家做的时候要想清楚要做的动作是什么时候发生的,是在帧播放下去的过程发生的还是要对按钮做动作(比如按下)的时候发生的?搞清楚了这个,两种动作就不会混淆了。按钮动作 超链接 on(press){geturl(“网址”)} 方法:①在按钮上右键-动作,打开动作面板中,先设定按钮动作类型(on)在全局函数的影片剪辑控制中,选择on,然后再选择press,不需要自己写语句②选好了动作,接下去就选择具体要激发的事件—链接到一个网站,选择全局函数的浏览器/网络,其中的geturl,在括号中的打上双引号,在输入要链接的网址即可。注:在本地打开swf文件时出现提示语句:“不能与本地网络进行通信”,放在具体的空间上就好了。

  循环一次的帧动作 在动画的最后一帧上做动作,让动画播放一次就停下来,选中最后一帧,右键-动作,打开动作面板后,在全局函数中的时间轴控制中选择stop,就表示动画播放到这里就停下来了。好就是使我们的动画只播放一次,不会循环播放,这都是根据具体的需要设定的。

  5、针对学生存在的问题进行讲解,可应用选择性广播教学,让已经懂的学生继续进行完成,或者做下面的练习,还不明白的学生进行第二次讲解。

  二、基础知识复习

  对照整理好的基础知识点进行讲解,主要是第四部分,知识点和技巧,复习太多,学生一下子又难以全掌握,先复习前面五点,并挑出一到二个知识点作为一节课前5-10分钟的练习。下周的考点:钢笔工具的应用

  三、遮照概念的复习

  上周我们第一次接触了遮照,大部分学生已经会做了最简单,最基本的遮照动画,但不一定是真正理解基础上完成,这次课再来进行进一步的巩固以及一些拓展。概念:遮照也就是分为“遮”和“照”两个意思,在有文字或图形等的地方是“照”,即可从这个窗口(文字或图形)透出背景的内容,其余没有文字图片的地方就是“遮”,就把后面背景上的内容给遮起来了。

  记住:遮照包含两层,遮照层和被遮照层,显示的就是两层的重叠部分,而具体内容由被遮照层决定,即看到的是什么,那一层就是被遮照层。

  三、遮照实例制作

  1、光束扫射效果制作(实例)

  技术分析:文字是从光束中透过来的,因此光束在遮照层而文字是被遮照层,光束的扫射是一个旋转动画。

  主要步骤:①做好一个图形元件,内容是一段白色的静态文字;

②做好一个图形元件,内容为用渐变填充的光束;

③做好一个影片剪辑元件,内容为光束的旋转动画;

④把各个元件放到相应位置:影片剪辑元件(光束转动)放在遮照层,图形元件(静态文字)放在被遮照层。

  2、思考:完成练习一,比较和实例三的区别 从两个例子的比较中有更好地理解遮照动画

  分析:第一个例子看到的是白色的静态的文字,所以文字在被遮照层 第二个例子看到的似乎是由白到黑色渐变的文字,思考:我们到底看到的是不是文字?还是通过文字透过来的光束? 结论:看到的是光束,我们说过看到什么是由被遮照层决定的,文字仍是白色的,所以我们看到的不是文字,而是有黑白渐变的光束,只是通过文字这个窗口显现出来的。因此光束在被遮照层,即把两层交换即可。注:要真正理解意思,而不是简单的两层互换!思考:完成练习

  四、拓展练习一点通

  本周拓展练习的内容是“按钮反应”,主要运用到按钮上和帧上的动作。

  分析:在鼠标放上去时按钮就往上移动,再放下去就往下,人们在场景中看到的是一个个包括有按钮的影片剪辑。影片剪辑中按钮有两个动画(从下到上和从上到下),在第一帧 和中间一帧分别加动作stop,表示鼠标没放上前,动作不激发。按钮上加动作on(rollover),表示鼠标经过,play,就表示经过后激发动作,即按钮从下到上运动。

  五、遮照应用小结:

  A)在做遮照时要分清楚什么是遮照,什么是被遮照的?

  关键记住显示的是两层的重叠部分,而具体显示的内容由被遮照层决定,即看到的是什么,那一层就是被遮照层。

  b)遮照层和被遮照层两层都可做动画,我们的动画是在哪一层?

  c)很多时候遮照不只有两层,还有两个普通层,一个在被遮照层下,一般用作背景;还有一层在遮照层上,一般是做一些和遮照同步的动画,有些还可在遮照层的基础上再作加工,比如说一些放大镜的样子等

  d)分清楚遮照的这些概念以后,就可以用以前学过的知识做各类元件放在相应的层中,就可以做出我们需要的一些遮照效果。

  第十二节 遮照应用三

  教学课时:6课时

  教学目标:

  1、基本认识点复习(钢笔工具应用)

  2、基本遮照动画巩固练习

  3、多层遮照动画制作 教学过程:

  一、基本知识点巩固练习

  1、本周考点:运用钢笔工具画正弦曲线 提示:可用显示网格来较精确地定位

  根据学生完成的具体情况进行适当的讲解。

  2、复习知识点6到10,主要为元件的颜色改变及对齐工具的使用

  二、基本遮照动画巩固练习

  1、MTV字幕效果(实例)

  比较上下两个动画有什么区别?上面一个动画就是上节课我们已经会做的只有两个层(遮照层和被遮照层的动画),而下面一个动画除了白色的FLASH,还有一个蓝色的FLASH作底。下面我们一起来分析下面一个遮照动画。

  技术分析:白色的FLASH是一点点显现出来的,就像我们平日在看MTV时唱过的字颜色改变,(没唱过的字是蓝色的,唱过的字就是白色的),所以遮照是一个矩形渐渐变长的一个缩放动画,在白色还没显现之前是一个蓝色的FLASH,这个就是我们平时在做的普通层。要注意一点,要把我们的遮照层和被遮照层看作一个整体。主要步骤:①做好两个图片元件,一个是白色的FLASH,另一个是蓝色的FLASH。

②做好一个影片剪辑元件,内容是一个长方形的缩放动画

③建好遮照和被遮照层和普通层,注意普通层应在被遮照层 下面,不然遮照效果不能体现。

④把各个元件放到相应位置:影片剪辑元件(长方形的缩放动画)放在遮照层,图形元件(白色FLASH)放在被遮照层,图形元件(蓝色FLASH)放在普通层

  思考:我们把遮照层和被遮照层位置互换效果一样吗?为什么?

  2、光线照射效果制作(实例)

  技术分析:总共分几层?哪层是遮照层,哪层是被遮照层?动画在哪层?

  总共分四层,遮照层、被遮照层、一个普通层用来放背景,在最下面。分析清楚这些后我们再来看,遮照的时候发生了哪些变化?我们可以看到蓝色字变成了黄色,还有了白色的底(能更好地显示光照效果)

  主要步骤:①先分析好要做几个元件,先做好。一共有四个元件(蓝色阴影字、白底黄色字阴影字、小圆、小圆动画影片剪辑)

②建好三层,遮照层、被遮照层、一个普通层,并分清楚各层的上下顺序。

③把做好的元件放入到相应的层中(蓝色阴影字在底层、黄色阴影字在被遮照层、小圆动画影片剪辑在被遮照层)思考:①练习一,边做边比较和实例一有什么区别?要注意的是我们要看到遮照小圆,因此小圆动画影片剪辑在遮照层和最上面一层(普通层才能显现)都有,是为了两层动画保持一致,且小圆应该有透明度的调整,否则会把下面的文字挡住。同时调整最上面小圆的透明度,可使被遮照层中的对象改变颜色效果,以适合不同的需要。②练习二,动作快的同学可自行完成,其中要注意的是背景层的黑白方块转动的元件要和被遮照层中的黑白方块转动旋转90度,不要重合,否则正好被挡住,不能看到字的效果了。当然,其实字是看不见的(在遮照层),只是通过方块黑白看出来的。

  三、遮照进一步应用

  1、放大镜效果(实例)技术分析:我们透过遮照看到的是放大的字,因此放大的字在被遮照层,看到的遮照范围是个圆,因此遮照层就是个圆的移动动画。而正常大小的字就放在底层,放大镜没经过时显现。可做好影片剪辑,再放到遮照层,也可直接在遮照层作动画,根据个人的习惯。不过,在场景的层中作动画比较直观点,不熟练的同学建议直接在场景中作动画。

  主要步骤:①分析好我们动画中一共要有几个层后,先建好层,共四层(遮照层,被遮照层,两个普通层)②在遮照层中作圆的移动动画,在普通层中作放大镜移动动画,注意两个动画保持统一

③在被遮照层放入文字,并适当放大些,在最下面的普通层中放入文字,保持原来大小即可。

  我们前面所做的遮照动画都是一个遮照层对应一个被遮照层,但有的时候我们要的效果不只是一层就可以做到的,这种情况下一个遮照层就要对应几个被遮照层,就像以前一个引导层可以引导多个被引导层一样。通过下面这个例子我们就可以看到用多层遮照能达到的效果。

  2、多层遮照---地球转动(实例)技术分析:初一看好像是地球在转动,仔细分析也就是用了我们的遮照知识,只不过现在两张地图的移动都要透过地球这个窗口显现出来,还有两张地图是反方向移动,并且其中一张是水平翻转,这样看起来才比较像是转过去的。

  主要步骤:①分析好我们动画中一共要有几个层后,先建好层,共四层(遮照层,两个被遮照层,1个普通层)②在遮照层和普通层中都放入地球,并且保证重合 ③在两个被遮照层中分别做两张地图的反方向移动,且在做两张地图的动画时要适当改变透明度,且要记得水平翻转,看起来才逼真一点,也符合逻辑。

  注:在做地图移动时,可使始末两帧的地图图案保持重合,这样一次转动后才不会出现较大的跳跃。

  四、其他遮照介绍 例子1 2 我们在看到另外比较精彩的遮照效果,大多都是在遮照层或被遮照层上作文章,做动画还是看以前积累的基础,现在都可以用到。用到较多的就是用多层遮照来做线的变化,写字,图片的切换(除了百叶窗外还有其他多种形式)等,这些就要求学生在边学习边创造了!

  五、拓展练习一点通

  这周要介绍的拓展练习内容是百叶窗形式展示图片,要点:两张图片之间的转换,其中一张在被遮照层,另一张在最下面的普通层,而百叶窗效果就是遮照层。分析清楚这点后,主要问题就是百叶窗的制作了,百叶窗就是由一个个从一条细线变形到一个矩形的影片剪辑组成的,直到铺满汽车图片即可。若要显示多张图片只要被遮照层和普通层多几帧,多放几张图片就可以了。

  六、遮照应用小结:

  通过前面几次课的学习,相信大家对遮照的原理应该有点熟悉,我们以后在做FLASH动画时很多时候都要用到遮照效果,用的好可使作品增色不少。在制作时要注意的时遮照和被遮照的关系,是单层遮照还是多层遮照?还有可用不同的遮照方法显示出相同的遮照效果,当然是层越少越简单最好,大家可以多看一些效果多分析多创作,相信大家各凭本领都能用好遮照这个技巧做出好的动画!

  教学课时:4课时 教学目标:

  1、复习遮照相关知识

  2、通过考试了解学生对遮照的掌握情况

  教学过程:

  一、复习与巩固

  主要是通过几个基本的例子复习遮照的相关知识

  1、直线变化

  提示:①有几层?

②分清楚哪个是遮照层,哪个是被遮照层? ③动画又是哪种动画?

  思考:两种动画有什么区别?

  不用遮照我们可以做这类直线动画,但对于曲线动画,用遮照就简单些了

  2、曲线变化

  提示:思路方法大致同上题,要注意做什么样的简单动画能让曲线一点点呈现?

  3、图片的切换

  先看看我们一些学区、班级的网站,有些图片的切换效果就是用FLASH做的,这里就用我们学过的知识也来试着做一做。先来学习下简单的只有两张图片切换效果的制作

  提示:①有几层?

②哪张图片是被遮照层,哪张是背景层?

③切换效果的动画是个什么样的动画,怎么做? 思考:切换图片不只两张时,又该怎么做?

  二、测试

  三种遮照郊果:

  1、字符遮照效果

  2、舞台探照灯效果

  3、图片切换效果

  注:测试时间为两节课,可在测试前对部分学生进行适当的提示,当然也要适当扣分。

  第十三周 遮照复习

  第十四节 ActiontScript语句的使用

  教学课时:4课时 教学目标:

  1、遮照考试分析

  2、ActiontScript语句的应用实例

  一、试卷分析

  绝大部分同学这次考试都表现得较好,但还有一些问题存在:

  1、第一题,基本上同学都完成了,存在的问题是个别同学没有做好三层字叠加,往往都只有两层。

  2、第二题,一部分学生遮照都用了四层来做,其实只要三层就可以了。FLASH这个文字是遮照层,两个被遮照层分别是红绿两个小球的移动。而一部分学生都用了四层做,遮照层是圆,被遮照层是红色FLASH,另一个遮照层是圆,被遮照层是绿色FLASH。其实用这种方法同样也能把最终效果做出来,只要把字打散,填上渐变色即可!

  3、第三题和刚复习过题是一样的,只要三层就能完成,当然有些同学搞不清楚,可以用五层也可以完成。最重要的就是把握好被遮照层,遮照层以及背景层的设置。

  二、新课教学(ActionScript基本概念介绍)

  1、什么是ActionScript ActionScript是FLASH的动作脚本语言。可以ActionScript使用控制FLASH影片中的对象,创建向专和交互元素,也可以扩展FLASH,制作高级交互影片和FLASH交互网站。

  2、用ActionScript能做些什么?

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

  3、编辑ActionScript 动作面版的介绍 ①动作工具箱 ②脚本导航器 ③脚本助手 脚本窗口

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

  用户可以使用行为来装载和卸裁实例,播放,停播、复制或拖动实例。添加脚本的对象(分清楚是动作还是事件?)①在帧中添加,如:

②在按钮中添加 ③在影片剪辑中添加

  4、ActionScript基本语法

①点语法:点(.)被用于指出与一个对象或影片剪辑相关联的特性或方法,也是用于标识指向一个影片剪辑或变量的目标路径。②括号:用于定义函数中的相关参数

③大括号:凡是用大括号结合在一起的是一个语句块。④分号:每一条语句都必须是以分号作为结束的。

  三、ActionScrip语句的应用实例 实例 图片动画效果

  动画分析:当鼠标移到按钮上时,图片由浅变深,鼠标移开时,图片由深变浅。即同一张图片的两个动画分别属于两个事件。提示:

① 先做好三张图片的两个动画效果(淡入和淡出)

② 把三个动画所在的层都后移一帧,在第一帧加入stop语句,每个动画的最后一帧加上stop(注:共有6个动画,三个层)

③ 为每个动画的第一帧设好标签b1、b11、b2、b22、b3、b33 选中第一个按钮(menu1),添加以下语句:on(rollover){gotoAndPlay(“b1”);} on(rollover){gotoAndPlay(“b11”);} ④ 其它两个按钮也以此类推添加语句

  第十五节 声音处理和引导页制作

  教学课时:4课时 教学目标:

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

  2、制作网站的引导页。教学过程:

  一、FLASH中声音的加载

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

  2、新增一图层(声音层)--将库中的声音拖入即可,或者在属性面板中选择声音也可以。

  3、注意:声音可以加载因单帧上。例如声音加载在按钮上。

  4、声音也可以中载在多层,这样可以起到多种声音叠加的效果,例如在某些背景音乐下,出现一些激光声音等。

  二、声音的处理

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

  1、取部分声音播放。

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

  3、处理方法:在属性面板上,单击声音编辑即可 通过实例来巩固声音的处理

  推荐网址:

  闪客帝国

【知识与技能】

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

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

【情感态度与价值观】

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

  二、教学重难点 【重点】

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

【难点】

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

  三、教学过程

  环节

  一、创设情境,课堂导入

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

  同学们,老师今天给大家带了一个很有趣的《小破孩》动画短片。大家一起来看一下。动画播放完了。昨天,我们已经认识了flash,这个小短片啊,就是用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动画制作活动教案范文3

《制作Flash引导动画》教案设计

  车家庄中学冯玉宝

  教学目标:

  1、知识目标:

  使学生了解引导动画及引导层的的概念。学生通过学习初步掌握FLASH引导层的使用。掌握制作引导动画的基本方法。

  2、能力目标:

  培养学生分析问题解决问题和探究问题的能力。

  培养学生自主学习和协作学习的能力。

  3、情感目标:

  通过学生欣赏优秀作品,对学生进行思想和道德教育

  教学重点:学生灵活运用引导层制作引导动画

  教学难点:引导线绘制、中心点贴合

  教学方法:讲解法、演示法、任务驱动法、情感激励法

  教学环境:多媒体网络机房

  教学过程:

  一、创设问题情境,提出任务。

  1、师提问旧知。(动作补间动画)

  2、学生动手,制作移动动画,巩固旧知。

  任务一:创建任意图形元件,用20帧完成从舞台左边运动到舞台右边的补间动画。

  师:你做的动画有什么特点?你还想让它怎样移动?

  3、动画欣赏,引出问题。

  教师提出问题:这两架飞机的起飞动画,哪一个更能体现出起飞的真实性?为什么?

  4、教师点拨,引出课题。

  教师小结:我们从中不难发现,左侧的飞机是从起始位置沿直线运动到终止位置,同学们都能完成,而右侧的飞机是沿着特定路径(路线)运动的。那么在FLASH中,还有一种叫做引导层的特殊图层。利用引导层,可以为图层中的运动对象指定运动路径。这种让对象按引导层指定的路径运动的动画,就是引导动画。(板书课题:引导动画)

  二、合作探究,解决任务

⑴ 多媒体网络演示,传授新知。

  教师利用多媒体网络教室讲解制作“弹球沿一条弯弯曲曲的路线运动”的引导动画的基本步骤。

  学生总结引导动画制作的基本步骤。

  师生互动,明确任务:

  任务二:制作飞机沿一条曲线起飞的引导动画。⑵ 展开问题探究,实施任务。

  此时应给学生充分的思维空间和操作时间,让学生通过小组内同学之间的相互协助,进一步理解领会理清制作引导动画的思路,完成引导动画的制作。

(出现问题及时与小组内同学沟通探讨,找出解决方法,解决不了的可以向老师请教)

⑶ 探究巩固,归纳总结 师:你在操作过程中遇到了哪些问题?

  生:提出问题。

  师:你们有没有遇到相同的问题呢?是怎样解决的?能把你的技巧教给大家吗?

  生:演示操作中出现的问题,并寻求解决方法。解决不了由教师给予指导。

  三、反馈评价,拓展创新。

⑴ 成果展示,评价交流。

  请2-4位同学上台来演示自己的作品,大家评价交流。最后教师给予鼓励性的评价和肯定。

⑵ 积极引导,拓展思维。

  请同学们制作带有背景的引导动画,如飞机从地面至空中起飞。

(3)课堂练习。

  任务三:足球从远处飞来,给出效果图和素材。让学生来完成。

  四、教学总结

  1、学生总结本节课所学知识。

  2、老师提取学生总结重点,板书(1)引导线不能是闭合的线条

(2)被引导对象的中心点要和引导线的端点相重合

  五、作业布置 制作投篮的引导动画