第一篇:《FLASH动画制作》教案八年级下册
第二单元 制作Flash动画
第一节 帧和逐帧动画
一、教学目标 知识与技能:
1.掌握空白关键帧、关键帧和普通帧的概念; 2.掌握帧的基本操作;
3.掌握制作逐帧动画的方法并会进行测试。过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术理解问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点: 重点:帧的基本操作。难点:制作逐帧动画并进行测试。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH
四、教学方法:讲授法 演示法 提问法 实践操作法
五、教学安排:1课时
六、教学过程:
(一)展示动画,导入新课
播放一段FLASH动画影片,引导学生了解flash动画,并激发其学习flash动画制作的激情。
我们在上一单元学习的FLASH的基本操作,以及利用场景创作一份作品。今天我们一起来学习FLASH动画的制作。
(二)讲授新课 1.基本概念
我们在前面接触的库的概念,它有什么用途呢?
打开“生日快乐.FLA”,发现什么? 学生观察。
库:存放动画元件的地方(好比是一场戏的后台)。场景:动画的表现,场所(好比是舞台)。打开FLASH,介绍时间轴和帧的概念。大家最近都看过什么电影啊?。。
这些电影和电视剧、动画片一样,看上去非常地流畅,实际上都是由一幅幅的图片剪辑起来的。每一幅画面或图片称为一个帧。如我们FLASH窗口上的“1、5、10”。
提示学生观察FLASH窗口。
这些帧实际上是由一个叫时间轴的面板控制的。
时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线,包括了层编辑区、帧编辑区和时间线。(好比是剧本)
我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在时间线上设置开始、结束时的状态,生成动画)。
或者说,FLASH就是将这些画面按一定的空间和时间顺序排放,然后按时间轴的顺序连续快速地显示,从而达到动画的效果。2.帧的基本操作
在FLASH中,根据帧功能不同,通常可分为空白关键帧、关键帧和普通帧等。通过帧可以设定画面的前后顺序。(1)空白关键帧
空白关键帧是没有包含舞台上实例内容的关键帧。我们每新建一个FLASH文档,显示在工作区域的就是一个空白关键帧。特征:在时间轴上表示为空心圆点。演示50页“做一做”。
方法1:选中某帧,右击“插入空白关键帧”。方法2:选中某帧,快捷键F7。(2)关键帧
关键帧是舞台上有实例内容的帧。只要在空白关键帧是随意画点什么,这个帧是称为关键帧。特征;在时间轴上表示为实心黑点。演示51页“做一做”。
方法:选中某帧,右击“插入关键帧”。第5帧和第1帧有什么区别? 学生观察。
提示:通过该命令所生成的关键帧与前一关键帧的内容是一样的,但它们又彼此独立。(3)创建普通帧
特点:只能显示实例对象,不能对实例对象进行编辑操作。特征:在时间轴上表示为灰色小方格。演示52页“做一做”。
观察发现,从关键帧到普通帧的内容是一样的。
关键帧和普通帧的区别:关键帧的增加会加大FLASH文件的容量,使用普通帧可以有效减少文件容量。
练习1:分别创建普通帧和复制帧,画上同样的内容,分别保存,体会他们的区别。3.创建逐帧动画
逐帧动画是在“连续的关键帧”中分解动画动作,即在时间轴的每帧上逐帧绘制不同的内容,使其连续播放而成动画效果。
教师以实例“跑动的小人”讲授逐帧动画的制作步骤:
①新建FLASH文档,并将其命名为“跑动的小人”存盘;
②选择“画笔”工具,调整画笔大小和画笔形状,在舞台中间绘制一个运动的小人。
③右击第2帧,插入空白关键帧,单击“绘图纸外观”按钮,让第1帧图案淡化并显示出来。④绘制出第2帧小人运动图案,并分别在第3、4、5帧插入空白关键帧,绘制出小人的其他运动状态。
⑤绘制完毕,单击“编辑多个帧”按钮,调整绘图纸上的开始与结束位置,将所有帧全部显示出来。依次调整每个帧中的小人在舞台上的位置,小人从舞台的右边跑过。学生根据教师演示的操作步骤完成任务。(教师进行指导)学生演示作品,教师和学生作出评价
提出问题:如何让小人运动的快一点?(分小组讨论问题)-----(减少运动的帧)
4、如何进行动画测试:
①单击菜单栏中的“控制”——“测试影片” ②快捷键:Ctrl+Enter ③改变播放速度
5、课堂练习:制作一个旋转的正方形动画
七、教学反思:
本堂课是FLASH动画的入门课,重点是掌握创建逐帧动画和测试的方法,以及建立帧的概念。通过讲练结合的方式,当堂巩固,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,效果较好。
第二节 图层的操作
一、教学目标 知识与技能:
1.了解图层的概念。
2.掌握图层命名,添加图层。
3.掌握图层的基本操作:选择、移动、删除。过程与方法:
通过学生自主学习,培养学生运用信息技术解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和协作精神,提升素质,发展个性。
二、教学的重点和难点: 重点:图层的命名与添加。
难点:图层的基本操作:选择、移动、删除。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH、演示系统
四、教学方法:讲授法 提问法 讨论法 演示法
五、教学安排:1课时
六、教学过程:
(一)引言
前面我们所做的图形绘制、逐帧动画制作,都是在舞台的同一图层上进行。有的动画要求在一个舞台上实现相互重叠的画面,各个画面又要彼此独立,互不影响,这就需要创建多个图层来实现。
以“燃烧着的蜡烛”为例,介绍图层的作用和基本操作。
(二)讲授新课 1.什么叫图层
图层就如同透明的胶片,它们可以在舞台上一层层地重叠在一起,透过图层没有对象的区域,可以看到下层图层上的对象。当我们对基中一个图层中的对象进行处理时,不会影响到其他图层的内容,但在视觉上,位置靠上的图层全遮盖与下方图层重叠部分的内容。步骤:
①新建一个FLASH文档。图层默认名为“图层1”;
②单击舞台,在“层性”面板里设备“背景”颜色为黑色;
③单击“矩形工具”按钮,设置填充颜色为红色,笔触颜色为无; ④在工具箱“选项”区将图角矩形半径设为10磅; ⑤将鼠樯指针移到舞台上,拖动鼠标,绘制一支蜡烛;
⑥单击“橡皮擦工具”按钮,在橡皮擦形状中选择最大号的圆形,将蜡烛的上端部分擦除。2.如何命名图层:
双击“时间轴”面板上的“图层1”文字部分,输入“蜡烛”。3.如何添加新图层:---画火焰。
①单击“时间轴”面板上的“插入图层”按钮,在原来图层的上方创建一个新图层,默认名为“图层2”,将“图层2”改名为“火焰” ②单击“椭圆工具”按钮,设置填充颜色为橙红色,笔触颜色为无,在舞台上拖动鼠标,在蜡烛上方绘制一个椭圆; ③单击“箭头工具”,将箭头移到刚画好的椭圆上,按下鼠标左键,调整椭圆成火焰状 ④在“混色器”面板中将混色器填充类型设置为“放射状”,左边取色器高为橙色,右边取色器设为白色,填充火焰颜色; ⑤制作火焰跳动的逐帧动画;
⑥右击“蜡烛”图层第5帧,选择“插入帧”,让“蜡烛”在后面各帧显示出来; ⑦测试影片。
学生根据教师演示的操作步骤完成任务。(教师进行指导)学生演示作品,教师和学生作出评价。4.如何选择与移动图层:
图层的显示/隐藏、开放/锁定,轮廓线等。5.如何删除图层:
①单击“管理图层区”窗口上的“蜡烛”图层; ②单击“删除图层”按钮。6.课堂练习:65页“试一试”。
①制作一个带阴影效果的文字。②制作几个日食效果。(拓展提高)。
七、教学反思:
本堂课内容理论较少,重点在于掌握图层的基本操作。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第三节 制作补间动画
第一课时 运动补间动画
一、教学目标 知识与技能:
1.补间动画的概念及分类。
2.掌握创建运动补间动画及复杂运动补间动画。过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:创建运动补间动画; 难点:创建复杂运动补间动画。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH
四、教学方法:讲授法 提问法 讨论法 练习法
五、教学安排:1课时
六、教学过程:
(一)复习导入
在上节课中我们学生了蜡烛的制作,有没发现什么问题呢? 我们发现每帧间的画面跳跃太快。怎么办呢?
这就是本章节要学习的内容---制作补间动画。补间的意思是“在中间”,即在两个关键帧间经过计算自动生成中间各帧,使画面更加平滑流畅。
(二)讲授新课
1.如何创建运动补间动画
以让“心跳起来”为例讲授运动补间动画的操作步骤。
①在FLASH中打开第一单元第三节制作好的“爱心.fla”文件(把“爱心”图形转换为图形元件);
②在“时间轴”面板上选中第10帧,按F6键插入一个关键帧,再选中第5帧,按F6键插入一个关键帧。
③在“时间轴”面板上选中第5帧,单击“任意变形工具”按钮,将第5帧的图形元件拉大; ④选择“创建补间动画”命令; ⑤测试影片。
2.如何创建复杂的运动补间动画
制作一个小球自由下落过程的动画。①创建一个FLASH文档;
②单击“椭圆工具”,设置笔触颜色为无,填充颜色为蓝色,将鼠标指针移到舞台上,按住SHIFT键,拖动鼠标,画出一个圆;
③在“混色器”面板下拉框中选择“放射状”效果,将左边取色器设为白色,右边取色器高为蓝色,并将右边取色器拖到中间位置; ④单击“颜料桶工具”,将鼠标指针移到刚才所画的圆,单击圆,这样就做好了一个局部高亮的球体;
⑤单击“箭头工具”,选中球体,按F8键转换,在弱出的“转换为元件”的窗口中将元件名称改为“球”,元件类型设置为“图形”,将球转换为图形元件; ⑥在时间轴上选中第15帧,按F6键插入关键帧; ⑦单击“箭头工具”,将鼠标指针移到第15帧的球体上,单击球体,同时按下SHIFT键,拖动鼠标垂直向下,将球移到舞台下方;
⑧将鼠标指针移到时间轴上,右击第1帧,在弹出的菜单中,选择“创建补间动画”命令; ⑨按CTRL+ENTER键预览小球。
2、让小球由慢到快下落、反弹、再下落。
①将鼠标指针移到时间轴上,单击第1帧,在第1帧的“属性”面板中将简易值设为“-100”; 提示:简易值为正,物体减速运动;简易值为负,物体加速运动。第1帧“属性”面板中设置旋转为“顺时针”,次数为“1”;
②单击21帧,按F6键插入关键帧,单击第18帧,按F6插入关键帧,将鼠标指针移到小球上,按住鼠标左键同时按住SHIFT键,拖动鼠标,向上移动第18帧的小球到与第1帧小球相同的位置;
③在时间轴上,分别右击第15帧和第18帧,创建补间动画; ④测试影片。
(三)课堂练习:
1.制作一颗流星,从天空划过。
2.制作一个射箭的动画(至少需要两个图层:一个运动的箭,一个是静止的靶)。3.制作文字动画。制作要求:“团结”、“奋进”、“求实”三组字分别从大到小、由远到近以渐显的方式运动到舞台中央停留片刻后消失。
(可将学生分为几个小组,或选出几份较好的作品评点)
七、教学反思:
本堂课内容理论较少,重点在于掌握运动补间动画的制作。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第二课时 运动补间动画
一、教学目标 知识与技能:
1.掌握创建形状补间动画及精确形状补间动画; 2.掌握创建按钮的方法。过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:掌握创建形状补间动画;创建按钮。难点:掌握创建精确形状补间动画。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH
四、教学方法:讲授法 提问法 讨论法 练习法
五、教学安排:1课时
六、教学过程:
(一)直接导入
形状补间动画又称“变形动画”,作用是生成从一个形态到另一个形态的变化,包括形状、位置、颜色。它只对矢量图起作用。
(二)讲授新课
3.如何创建形状补间动画
做一做:制作一个几何图形的渐变。
①新建一个FLASH文档,在舞台上绘制一个无填充色的小长方形;
②选中矩形框,单击“窗口”菜单中的“变形”命令,打开“变形”面板; ③在“变形”面板的“旋转”框中输入旋转角度为2度; ④连续单击“变形”面板的“复制并应用变形”按钮; ⑤在第15帧插入“空白关键帧”,再绘制一个无填充色的长方形,选中该图形,打开“变形”面板,选择“倾斜”,在“垂直倾斜”框中输入20度,连续单击“变形”面板的“复制并应用变形”按钮;
⑥单击第1帧,将属性面板上的“补间”设置为“形状”; ⑦测试影片
4.如何创建精确形状补间动画---(做一做:文字的渐变动画)①新建一个FLASH文档并保存; ②单击“文字工具”,在舞台上输入大写字母“T”;单击第15帧,按F6键插入关键帧,并将该帧的字母“T”改为“S”。分别单击第1帧和第15帧,按两次Ctrl+B键,将文字打散,分离成矢量图;
③单击第1帧,将“属性”面板上的“补间”设置为“形状”。按Ctrl+Enter键观看效果。④单击第1帧,选择“修改”菜单中的“形状”子菜单中的“添加形状提示”命令; ⑤第1帧、第15帧拖动红色圆圈a到适当位置; ⑥播放动画
⑦使用同样方法,再添加形状提示,在同样的帧调整红色圆圈b,使动画效果自然。5.如何制作按钮
创建新文件,类型选择“按钮”,分别制作“弹起”、“指针经过”、“按下”、“点击”四个帧的相应图形。
(三)课堂练习---试一试:75页
1.制作一个形状补间动画,让一张哭脸变成一张笑脸。2.制作一个文字的渐变(中国——加油)3.制作飞机变成直升飞机动画
七、教学反思:
本堂课内容理论较少,重点在于掌握形状补间动画的制作。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第四节 路径动画和遮罩效果
一、教学目标 知识与技能:
1、了解引导层和遮罩的基本概念。
2、掌握创建运动引导层的操作。
3、掌握创建遮罩效果的操作。过程与方法:
通过学生自主学习和合作探究,培养学生解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
如何创建路径动画和遮罩效果。
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH
四、教学方法:讲授法 提问法 讨论法
五、教学安排:1课时
六、教学过程:
(一)复习导入
在前面的操作中,有没发现什么问题呢? 提示:比如说运动轨迹。生:都是一条直线。
如果要让元件按照指定路径移动,这就需要借助运动引导层来完成。
(二)讲授新课
1.如何创建引导层。
⑴新建一个FLASH文档,图层1命名为“金鱼”; ⑵单击“文件”菜单下的“导入”,在弹出的“导入”窗口框中,选择一幅图片,然后打开,导入后将该图片转换为图形元件,名称为“金鱼”;
⑶拖动时间轴上的滚动条找到100帧,按F6键插入关键帧; ⑷右击第1帧,创建运动补间动画;
⑸单击“时间轴”面板左下方的“添加运动引导层”按钮;
⑹单击“引导层”图层,单击“铅笔工具“,在舞台上绘制一条运动曲线;
⑺单击第1帧,用“箭头工具”选中“金鱼”的中心圆点,并拖到运动曲线的起始位置,让“金鱼”的中收圆点与曲线的起始点吻合;
⑻单击第100帧,将“金鱼”拖到曲线的终点位置,同样也要注意让“金鱼”的中收圆点与曲线的终点吻合;
⑼回到第1帧,按Ctrl+Enter看动画效果;
⑽单击“金鱼”图层第1帧,在“属性”面板中勾选“调整到路径”; ⑾按Ctrl+Enter看动画效果。课堂练习:---试一试82页
1、制作一个地球绕着太阳转的动画;
2、制作蝴蝶在花丛中飞舞的动画。2.如何创建遮罩效果
⑴新建一个FLASH文档,单击“属性”面板中“550×440像素”按钮,在弹出的“文档属性”窗口中调整舞台大小为550×100像素;
⑵单击“文本工具”,输入“FLASH中的遮罩效果”,用箭头工作选中文本,连续按Ctrl+B键,分离文字,用“颜料桶工具”填充七彩色;
⑶插入一个新图层,单击“椭圆工具”,在舞台左侧画一个圆,并让圆的高度超过文字的高度,颜色不限;
⑷在图层2的第40帧插入关键帧,并将圆拖至最右侧,回到第1帧,在“属性”面板的“补间”项中选择“形状”;
⑸右击图层1的第40帧,并插入普通帧;
⑹右击图层2,在弹出的菜单中选择“遮罩层” ⑺按Ctrl+Enter看动画效果。课堂练习:85页
以文字做遮罩层,以七彩背景为被遮罩层,制作一个移动着的不断变化颜色的文字动画。
七、教学反思:
本堂课内容重点在于掌握路径动画的制作及遮罩效果的实现。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第五节 编辑声音元件
一、教学目标 知识与技能:
1.掌握在FLASH文档中添加声音文件。2.了解声音文件的一般格式。过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
在FLASH文档中添加声音文件
三、教学准备:多媒体网络控制系统、足量的电脑、FLASH
四、教学方法:讲授法 提问法 讨论法 练习法
五、教学安排:1课时
六、教学过程:
(一)引言
先将网上下载的一首歌曲转换成不同的音乐文件格式,让学生体会它们之间的不同。哪种格式的容量最小?MP3。
(二)讲授新课
1、在FLASH文档中添加声音
①单击“文件”菜单中的“导入到库”选项,打开“导入到库”对话框; ②查找并选择声音文件,然后单击“打开”按钮,将声音文件导入到库中;
提示:一次可选择若干个文件导入。声音导入到库中后,就成为文档的一部分。因此在作品完成后要将无用的声音文件从库中删除,减少文件容量。
③单击“窗口”菜单中的“库”面板,导入的声音文件显示在“库”面板上; ④将库中的声音文件直接拖到舞台上,在FALSH作品中插入一个声音文件。提示:为了方便管理,最好将声音文件单独放在一个图层中。
⑤在“声音”图层后面的适当位置插入一个普通帧,时间轴上显示出该声音的波形; ⑥按Ctrl+Enter看动画效果。2.添加视频
前提:系统已安装DirectShow 9和QuickTime 6。5.适用于 Windows 的 QuickTime 6.5 或安装了 DirectX 9 或更高版本(仅限 Windows),则可以导入多种文件格式的视频剪辑,包括 MOV、AVI 和 MPG/MPEG 等格式。可以导入 MOV 格式的链接视频剪辑。可以将带有嵌入视频的 Flash 文档发布为 SWF 文件。带有链接视频的 Flash 文档必须以 QuickTime 格式发布。
Windows 使用 DirectShow 导入 MPEG 视频,DirectShow 支持提取 MPEG 文件的视频轨道和音频轨道。这便允许您将 MPEG 视频转换为 FLV 格式,而不会删除视频剪辑的音频部分。
(三)课堂练习:
试一试:
1、在“属性”面板中改变声音效果;
2、改变“同步”下拉列表选项,体验动画声音。3.完成课后98页的“探索与实践”。
七、教学反思:
本堂课内容较为简单,重点在于给FLASH文档添加声音。通过教师演示与学生实践相结合,当堂练习巩固所学知识,促进学生对知识的理解与掌握。通过评选优秀作品,调动学生学习积极性,收到了较好的教学效果。
第六节 综合创作——“雨林深处”MTV
一、教学目标 知识与技能:
1、对本章节所学内容能够融汇贯通。
2、利用所学知识创作一首“雨林深处”MTV。
3、能够根据题目要求准备素材。过程与方法:
通过学生自主学习和合作探究,培养学生运用信息技术解决实际问题的能力。情感态度与价值观:
培养学生养成严谨的学习态度和团结协作的精神,提升素质,发展个性。
二、教学的重点和难点:
重点:
1、对本章节所学内容能够融汇贯通;
2、利用所学知识创作一首“雨林深处”MTV。难点:各种知识要点在作品创作中的应用。
三、教学准备:多媒体网络控制系统、足量的电脑、相关素材、FLASH
四、教学方法:讲授法 提问法 讨论法
五、教学安排:1课时
六、教学过程:
(一)创设情景,导出任务(3分钟)展示完整的“雨林深处”作品
[师]制作一个MTV节目,要选择一首合适的歌曲、一些合适的图片、一段合适的视频,用相应的软件把声音和视频转换成FLASH支持的格式。最后把它们都放到我们的库中备用。今天我们来学习雨林深处这篇作品的制作。
(二)知识学习,准备任务。(5分钟)
请大家阅读一下课文,准备一些素材。雨林深处歌曲、森林图片等。
(三)明确活动任务,动手实践。(25分钟)
步骤;
①制作幕布拉开效果;②制作字幕;③导入音乐家; ④根据音乐编排画面;⑤完成作品,并测试。要求:
①MTV内容紧扣主题,信息表达准确。②设计美观大方、结构合理。
③MTV包括文字、图片、声音等网页元素,若有可能,应有适当的动态效果。④制作完成后,上传提交。
(四)小组交流,相互评价。(10分钟)
任务完成后,各小组成员之间相互访问,欣赏作品,相互交流。
教师总结学生作品情况,适当鼓励表扬。课后练习:
试一试:上网搜索并下载《二泉映月》乐曲,为乐曲配上一些文字与图片,制作一个《二泉映月》的MTV。
七、教学反思:
本堂课通过主题活动,让学生综合运用本章知识制作MTV。通过小组活动展开团队使用,体现协作学习和互助精神。但学生的综合运用能力不够熟练,还需要他们通过课下练习掌握。
第二篇: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动画的制作教案
flash动画的制作教案
动画制作
(一)本节的课程标准内容:
了解常见的多媒体信息,如声音、图形、图像、动画、视频的类型、格式及其存储、呈现和传递的基本特征与基本方法;
能选择适当的工具,分别对声音、图形、图像、动画、视频等信息进行裁减;
能根据信息呈现需求,选择适当的工具和方法,分别对声音、图形、图像、动画、视频等多媒体信息进行适当的处理。本节课程标准分析:
1、了解计算机动画的基本原理和制作中常用的方法;
2、以flash动画制作工具为平台,初步掌握二维动画的制作 教材分析:
【教学题目】二维动画FLASH制作 【主要内容】
本节课以介绍计算机动画基本原理和常见计算机动画的生成方式为主线,将简单动画制作中的对象移动和变形的操作分别穿插在关键帧动画和变形动画中。本节课遇到的一些专用名词将贯穿于flash动画制作过程,因此让学生理解各种名词将对以后的教学有很大好处。本节课主要包含以下知识点:
1、计算机动画的分类
2、FLASH动画的启动及其界面和基本操作的介绍
3、文档属性的设置及元件、库、场景、时间轴的概念
4、基本对象的画法,用画空心圆和实心圆的方法介绍描绘色和填充色的应用
5、关键帧、空白关键帧的概念及其创建方法
6、简单对象的移动、变形动画的制作方法
7、文件的保存和导出影片 【重难点】
重点:简单对象的移动、变形动画的制作方法
难点:计算机动画的分类;关键帧、空白关键帧的概念; 学情分析
FLASH是当前非常流行的二维动画制作软件,在网络上见到的动画大多由其生成,因此学生对flash动画并不陌生,并且学生对flash动画也抱有强烈的好奇心和学习兴趣,这为我们的教学打下坚实的基础;但制作flash的一些专用名词在本节教学初可能会有学生不能很好的理解,应讲解细致些。教学目标:
【知识与技能目标】
了解计算机动画制作原理和方法,掌握几种简单动画的制作。【过程与方法】
通过一段flash动画,让学生了解动画中的对象是怎样移动或变形的,引导出本节课要讲解的内容——对象的移动和变形。【情感态度与价值观】
激励学生进一步掌握动画的制作,由浅入深,提高其制作动画和欣赏动画的水平; 培养学生的自主探索、协作研究的精神,实践并总结动画制作的方法。教学方法:
演示讲授法、学生自主、合作学习教学过程: 【导入】
首先播放一段FLASH动画,该动画包含了本节课所要学习的主要操作内容——对象的移动及变形;引导学生了解flash动画,并激发其学习flash动画制作的激情。【讲授新课】
一、启动flash软件,对其界面及基本操作进行简单介绍。
二、文档属性设置及元件、库、场景、时间轴的概念。
元件:一个位图、矢量图形、音乐片断或是一段独立的flash动画(好比是演员),通俗的讲就是对象作为一个模块,在不同帧中重复使用.这样的好处在于因为可以在重复使用,减小了FLASH的体积便于传输,也减小了FLASH制作者的工作量。元件都被放置在库中,使用时只用将其拖放到场景中即可,在场景中只能对其位置和形状进行编辑,如果要对元件进行编辑,需要切换到元件编辑状态。元件分为:图形元件、按钮元件和电影剪辑元件。元件中图形就是指动态或者静态的图片元件,电影剪辑是FLASH小片段,按钮就是具有一定图形功能的按钮图形了。
库:存放动画元件的地方(好比是一场戏的后台)
场景:动画的表现 场所(好比是舞台)
时间轴:动画制作的最重要的区域,是编辑动画的工作台,是加工动画的流水线,包括了层编辑区、帧编辑区和时间线。(好比是剧本)我们要制作一个动画,就好比是在导演一出戏,需要找好演员(制作好元件),置于后台(放在库里),然后把演员放在舞台上(把元件放在场景上),让演员照着剧本演出(在时间线上设置开始、结束时的状态,生成动画)。《Flash动画制作》教案 教学目标:
1、知识与技能
初步认识FLASH软件的启动和工具栏的组成和用法。并能运用一些常用的工具来制作简单的动画。
2、过程与方法
激励学生在学习过程中探究出其他小动画的制作方案,以此来激发同学们的学习兴趣。
3、情感、态度、价值观
在制作过程中使学生体会到创作的乐趣,激发他们的创作欲望。<教学重点和难点> 重点掌握动画的制作方法和步骤。难点是对帧的理解。教学过程
一、导入:
随着计算机技术的飞速发展,Internet逐渐成为人们学习、工作和娱乐的主要工具,承载网络信息的网站也越来越多地使用交互式动画来吸引更多的观众。平时大家在上网时或多或少地接触到一些FLASH动画,有的十分漂亮,这对我们的学习、生活增添不少乐趣。
二、启动FLASH和关闭FLASH
三、介绍常用的工具栏区、颜色区和选项区
⑴选择工具:使用该工具可以选择舞台上的各种对象。(教师操作)⑵部分选取工具:使用该工具可以选择路径上的节点对象。⑶线条工具:使用该工具可以创建不规则的选区。(教师操作)⑷套索工具:使用该工具可以创建不规则的选区。⑸钢笔工具:使用该工具可以创建各种形状的路径。
⑹文本工具:使用该工具可以添加文字对象。(教师操作)⑺椭圆工具:使用该工具可以绘制椭圆圆形对象。(教师操作)
⑻矩形工具/多角形工具:该工具按钮右下角带有一个黑色三角,代表一个按钮组。(教师操作)
⑼铅笔工具:使用该工具可以随手绘图。(教师操作)⑽刷子工具:使用该工具可以创建刷子刷过的画面效果。
⑾任意变形工具:使用该工具可以对舞台上的对象进行任意变形(教师操作)。⑿填充变形工具:使用该工具来更改渐变填充效果。
⒀墨水瓶工具:使用该工具可以用指定颜色对对象进行描边。⒁颜料桶工具:使用该工具可以对对象内部进行填充。⒂滴管工具:使用该工具可以拾取颜色。
⒃橡皮擦工具:使用该工具可以擦除舞台上的画面。四:介绍时间轴:图层和帧。
图层:图层可以用透明的玻璃纸来比喻,当上面图层和下面图层的内容相重叠时,上面图层上的内容将遮挡住下面图层上的内容。帧: Flash的帧就如同电影胶片,按时间轴窗格中每一帧画面的顺序播放就产生了动画效果。五:介绍舞台和工作区:是最主要的可编辑区域。
六:介绍控制器面板:Flash的控制面板很多,常用的有属性面板、行为面板、库面板、混色器面板等。所有的面板都可在“窗口”菜单中找到相应的命令来调出或隐藏。七:引入两个FLASH动画。
教师操作:让学生观看两个FLASH动画。
然后提出问题:怎样制作这两个FLASH动画呢? 八:简单的动画制作(先教师操作后学生操作)⑴图形变化:
要求:背景画布大小:550*400,背景颜色兰色,从三角形变化到圆,图形颜色红色。学生:从矩形变化到圆,其它要求同上。
然后让学生展开想象的翅膀,创作不同的图形变化,让他们体会制作的乐趣。⑵动态小鸟:(事先准备好小鸟的图片素材)
要求:背景画布大小:200*200,背景颜色白色,小鸟能够上下左右跳动。学生练习。
然后让学生设计一个动画,利用集体智慧,通过师生合作得出制作方法。