(完整)最新最完整的Flash动画制作教案

合集下载
  1. 1、下载文档前请自行甄别文档内容的完整性,平台不提供额外的编辑、内容补充、找答案等附加服务。
  2. 2、"仅部分预览"的文档,不可在线预览部分如存在完整性等问题,可反馈申请退款(可完整预览的文档不适用该条件!)。
  3. 3、如文档侵犯您的权益,请联系客服反馈,我们会尽快为您处理(人工客服工作时间:9:00-18:30)。

《Flash动画制作》授课计划
(完整)最新最完整的Flash动画制作教案
例1:使用工具制作一个“笑脸”或“哭脸"
思考:如何让“哭脸”变成“笑脸”?
引入层的概念,将“嘴"放在新建的图层上
引入简单动画制作步骤:
a、绘制动作的开始状态与结束状态,即绘制两个关键帧,并注意两个关键帧在时间线上的位置。

b、选择所有帧,创建动画。

例2:小球的直线运动。

步骤1:在舞台上画出小球。

步骤2:在第20 帧上插入关键帧。

步骤3:移动小球,使其开始位置与结束位置不同。

步骤4:选择所有帧,创建形状渐变动画.
例3:小球沿规定的轨迹运行。

步骤5:在前一个动画的基础上添加引导层
步骤6:在引导层上用铅笔工具画曲线.
步骤7:移动小球,使其开始位置和结束位置分别位于曲线的首尾.
1.5 动画的保存与发布:
1、保存动画:
依次点击“文件”菜单—--———“保存"-——输入文件名,即可当前正在制作的影片保存到磁盘上。

注意保存的是Flash的源文件,其扩展名为。

fla 。

2、动画的发布:
依次点击“文件”菜单-—“发布设置”——“发布”即可。

注意发布后的文件扩展名为名为.swf ,发布后的文件可用IE等打开.
1.6设置工作参数
1、常规
2、绘画选项卡
3、设置标尺和网格
4、设置影片属性的概念,这样学生头脑中就有了印象。

请学生注意动画制作的过程,并能自己制作上述两个动画.
注意flash的两种不同格式的文件,源文件和播放文件分别的打开方式
学生练习老师绘画选项卡、标尺、网格,教师辅导。

通过本单元的学习,使学生能了解Flash 的工作环境,掌握基本的操作,了解简单动画的制作过程等,为以后的学习打下一定的基础。

第2周绘图基础
第 3 周编辑图像
复习旧课
指出上周实训中出现的问题。

强调做文字特效时,一定要将文字打散。

复习一下,矩形工具,填充色的应用
导入新课
展示几个绘图实例,要完成这些实例,必须掌握FLASH中有些工具使用的技巧,这样才能增加动画设计的美感。

讲述新课〔讲授法演示法〕
3。

1 调整对象
1、排列对象
单击菜单中“窗口"|“对齐”命令,出现“对齐”面板。

对齐;分布;匹配;间隔
2、形状的切割融合组合叠放顺序的更改
1)形状的切割
Flash中将使用绘图工具绘制的图形称为形状。

Flash 8新增了“对象绘制”按钮,在创建对象时如果选中“对象绘制"按钮,将创建独立的对象,与其他对象互不影响.相反,如果在绘制图形时没有选取“对象绘制”按扭,则对象之间将会产生影响,对象能够被切割或融合。

举例:直线分割椭圆矩形打孔
2)形状的融合
融合是将两个形状连在一起,此功能可创建绘图工具无法绘制的形状。

使用时要注意,进行融合的形状的颜色要相同,没有边框,并且不是独立的对象(即在绘制对象时没有按下“对象绘制”按钮)。

3)组合对象
组合是将多个对象当作一个整体进行处理,可以更方便地对对象进行移动、变形等操作,还可以防止因为重叠而产生的切割和融合。

在编辑组合时,其中的每个对象均保持各自的属性以及与其它对象的关系。

•创建组合 Ctrl+G
•编辑组合,注意组合编辑环境
4)对象的叠放顺序单击菜单中“修改”|“排列”命令
Flash中,组合对象或实例等独立对象在叠放时,有上下顺序之分,上面的对象可以覆盖下面的对象。

对象的上下顺序与创建时的次序有关,后创建的对象在先创建的对象上面。

绘图工具创建的非独立的形状没有上下顺序之分,不能进行叠放顺序调整.
例1 风景画
例2 镜面字
3.2变形面板、缩放和旋转对话框
1、变形面板
单击菜单中“窗口”|“变形"命令,可打开“变形”面板。

比例缩放调节旋转角度调节::扭曲角
教师绘制几个矩形分别演示对齐面板中的对齐、匹配、分布、间隔按钮的用法。

强调“相对于舞台”按钮的用法
举例说明:直线分割椭圆矩形打孔
以一个椭圆和一个矩形融合举例说明
使用“缩放和旋转”面板缩放对象只能将选中的图形对象按宽和高的比例整体放大或缩
度调节4.2。

2 缩放和旋转对话框
选定对象后,单击菜单中“修改”|“变形”|“缩放和旋转"命令,出现“缩放和旋转"对话框
2、翻转对象和对象的扩展与柔化
1)翻转对象单击菜单中“修改”|“变形"命令,弹出下一级子菜单.
2)对象的扩展与柔化
选中填充形状,单击菜单中“修改”|“形状”|“扩展填充”柔化对象的边缘
选中形状,单击菜单中“修改”|“形状”|“柔化填充边缘”命令
例3 制作一朵七色花
例4 制作一个暂停按钮
3.3混色器和填充变形工具
1、混色器
1)、笔触颜色
2)、填充颜色
3)、黑白颜色和交换颜色
4)、颜色值
5)、渐色面板和亮度
6)、Alpha
7)、预览框
8)、颜色类型:无;纯色;线性;放射状;位图
2、调整渐变效果
1)填充变形工具:更改渐变中心;改变渐变填充的宽度;旋转渐变填充;改变填充半径。

2)溢出
溢出Flash 8的一个新增功能,当我们更改渐变中心或缩小渐变宽度时,会使图形的一部分或全部超出渐变的控制范围
3)锁定填充
在颜料桶工具和刷子工具的辅助选项里,有一个“锁定填充”的按钮,它的作用是锁定渐变填充的区域。

如果不锁定,颜料桶填充颜色将在被分开的区域分别产生渐变;锁定后,则在整个区域产生渐变。

例:制作带阴影的小球小,不能只对水平方向或垂直方向分别放大、缩小。

课堂小结如何对Flash中的对象、图形进行编辑,以及图像导入等基本操作。

准确、快速的进行图形的编辑和导入工作,在实践中为日后的动画提供栩栩如生的素材。

布置作业实训三:编辑工具使用
第 4周文字
教学时间第 4 周计划课时 2课时+实训2课时序号4
课程内容模块4:文本工具
教学目标掌握混色器的使用方法;掌握渐变色的调整方法;掌握静态文本的输入方法;掌握FLASH制作中几种常见静态字体效果的制作
教学重点混色器各个参数工具设置;静态文本的输入方法。

教学难点巧秒的应用渐变色画图;各类文字效果的制作
教学方法讲授演示法,任务驱动学习法和协作学习法
教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

教学过程备注
复习旧课
分析上周学生上机操作出现问题,展示学生的作品,提示图形的不同模式下不同的表现形式
导入新课
教师播放几个文本特效的Flash影片《弹性小球2》,由此引入课题.
问题的提出:如何制作文本特效?
讲述新课(边演示操作边讲解)
介绍一下关于颜色的内容:
色的调配是动画中重要组成部分,Flash为颜色的使用、生成及修改提供了多种方法。

在Windows中所有的颜色都是用红(Red)、绿(Green)、蓝(Blue)三种基本颜色混合而成的,所以这种颜色系统又称为RGB三基色系统,它的每一种基本颜色用两位十六进制数表示,因此用RGB三基色表示的颜色用6位十六进制数表示。

4。

1 文本的输入
1、静态文本的输入
1)、Flash 中文本的类型:静态文本,动态文本,输入文本
2)、静态文本输入、编辑与修改。

4.2常用的字效:
1、晕光字效对做的好的同学要表扬
提示学生注意线条转化为填充后,笔触和填充选项的变化
注意设置变化中心
关键的技术要求:
1)、设置好影片背景和尺寸大小并输入文字;
2)、将文字选中并将其打散为离散图形;
3)、在选中离散文字的前提下,将文字图形进行柔化边缘填充;
4)、在边缘柔化了的文字图象中,将内部填充色删除即可。

2、空心字
关键的技术要求:
1)、设置影片尺寸大小和背景颜色;
2)、输入文字;
3)、将文字打散;
4)、用墨水瓶工具对打散的文字图形进行描边;
5)、最后将文字的内部填充色删除即可.
3、立体字
关键技术要求:
1)、设置影片尺寸大小并输入文字;
2)、按照制作空心字步骤做出空心字效果;
3)、将空心字复制并粘贴到相同位置;
4)、将复制的空心字往右平移2-4个像素并向上平移2-4个像素,初步造成叠影;
5)、将看不到的线条删除,并将文字的各对角相连;
6)、同理删除被遮掉的线条,即完成立体字。

4、双色(多色)字
关键技术要求:
1)、制作此类文字效果,只要将文字打散成离散的图形;
2)、然后用选取工具选取其中部分,再对选中部分进行颜色填充;3文本需进行两次分离(Ctrl+B)
3)、选取次数可以随意定。

5、彩虹字
关键技术要求:
1)、将输入的文字打散;
2)、对第一种情况来讲,只要文字的填充色直接通过混色器进行编辑即可;
3)、对第二种情况,需要用到油漆桶工具,在选中文字图形并设置好油漆桶的颜色值(渐变色)后,点击被选文字,然后使用颜色填充变形工具将颜色的变化方向改变即可.
综合实例:雪花字、图案字、镜面字、风景字请学生思考此例制作的关键.
提示:阴影实际上就是原图副本填充灰色,然后进行自由变形
课堂小结
滴管工具是负责改变线条的颜色,分离是把线条分离成了图形,文字的效果很大就是应用几层文字不同状态的叠加效果
布置作业实训四:文本工具使用及文本特效
第 5 周元件、实例
教学时间第 5 周计划课时 1 课时+实训1课时序号5课程内容模块5:元件和实例
教学目标掌握元件和图形之间进行转换和设置实例的方法并能灵活掌握库面板的使用等基本操作
教学重点元件和图形之间进行转换和设置实例的方法
教学难点元件和图形之间进行转换和设置实例的方法
教学方法讲授演示法,任务驱动学习法和协作学习法
教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

教学过程备注
复习旧课
1、图层区:
一个场景可以由若干层组成,一般来说,不同的对象放在不同的层上,以便于修改,也避免互相干扰。

2、文字编辑(打散:Ctrl+B)、吸管工具(用Alt+Print键截屏取色)、渐变变形工具、笔触线形(点状)、橡皮擦模式(擦除填色)。

导入新课
教师播放情人节贺卡的的Flash影片《弹性小球2》,由此引入课题.
问题的提出:如何利用元件绘图?
讲述新课
元件:在Flash中将需要重复出现的图像、动画、按钮制作成元件,元件存放在元件库中。

元件只需创建一次,然后即可在整个文档或其他文档中重复使用。

实例:实例是将元件应用到舞台上或嵌套在另一个元件内的元件副本.将一个元件从元件库中拖到工作区中即创建了该元件的一个实例,一个元件可以创建多个实例.实例保持元件的基本特征,但可以设置不同的颜色、大小和功能。

当修改元件时,它的所有实例都会随之更新.
库:在Flash中库是用来存放当前文档中的所有元件以及导入的图形、音频、视频等动画元素.
5。

1 库面板的操作
在Flash中使用库来存储和组织创建元件以及导入的文件,包括位图图形、声音文件和视频剪辑。

库是通过库面板来进行管理。

通过库面板,可以调用库中的资源,也可以对库中的资源进行查看、新建、删除、编辑、归类等操作。

打开库面板方法:
•打开Flash自带公用库:选择"窗口”→"其它面板"→”公共库"
•打开当前库:选择”窗口”→"库”
库面板构成:
·菜单:点击可打开库面板的命令菜单,
进行各项有关操作
·播放/停止按钮:用于播放或停止播
放电影元件
·排序按钮:改变元件的排列顺序
·显示切换按钮:以大图框/小图框方式
显示
·新建元件按钮::单击建立新元件
·文件夹按钮:单击可创建文件夹
·属性按钮:单击打开所选项的属性面

·删除按钮:单击删除选中的项目
5.2 创建图形元件
图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画.
一. 将场景中的元素转换成图形元件
1.选择要变为元件的元素,可选择一个或多个
2.选择菜单“修改"→“转换为元件"或按F8键
3.在名称栏中输入元件名称,在行为栏中选择“图形”
4.单击”确定"按钮
二。

创建新的图形元件
1.选择菜单“插入”→“新建元件"或按Ctrl+F8键或单击“库"面板左下角的“新建元件”按钮
2.在名称栏中输入元件名称,在行为栏中选择“图形"后,单击”确定”.
3.在舞台中创建元件内容
4.单击舞台上方的“后退"按钮或场景名称返回到场景编辑模式
5。

3 创建影片剪辑元件
影片剪辑元件主要用于制作需要重复使用的动画片段。

一. 创建新的影片剪辑元件操作步骤:
1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元件”按

2.在名称栏中输入元件名称,在行为栏中选择“影片剪辑”后,单击"确定"。

3.在舞台中制作影片剪辑的动画内容
4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式
二.将舞台上的动画转换为影片剪辑操作步骤:
1.选择帧
•选择某些层的所有帧:按住Shift键,点击时间轴左边要转换为影片剪辑的各层;
•选择多个连续的帧:单击某帧,再按住 Shift 键并单击其它帧
2. 拷贝帧:右键单击选定的帧,从弹出菜单中选择“复制帧”或选择“编辑”→“时间轴”→“复制帧”
3。

新建元件:选择“插入"→“新建元件";在对话框中给元件命名.选择“影片剪辑”后单击“确定”
4。

在时间轴上右键单击第1层上的第1帧,在弹出的菜单中选择“粘贴帧"
5. 单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式。

5。

4 实例的创建与修改
一.创建实例
在创建元件之后,用户就可以使用元件创建实例,电影中的所有地方都可以使用元件实例,包括在其他元件的内部
创建实例步骤:
1)选中时间轴的层
2)选择窗口→库或按Ctrl+L键打开库面板
3)将元件拖到舞台上
二.改变实例的属性
每个实例可以有自己的属性,属性独立于元件。

可以修改单个实例颜色、亮度、透明度;可以对实例进行缩放、旋转、扭曲;改变实体的类型和动画的播放模式。

这些操作不会影响元件和其它实例.
1.改变实例的颜色和透明度:
选中要改变属性的实例,打开属性检查器的颜色下拉菜单选择以下选项:
•亮度:调整图象的相对亮度和暗度,100%为白色,-100%为黑色。

0为默认值。

•色调:为实例着色,可以直接选择颜色,可以使用滴管工具,也可以直接输入红、绿、蓝颜色值,使用滑杆可设置色调百分比
•Alpha:调整实例的透明度,设置为0则实例完全不可见,100%则表示完全可见。

高级:同时设置红、绿、蓝颜色值与透明度参数
三.变形实例
1)选中要改变属性的实例;
2)使用变形工具;变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作。

四.分离实例
如果想对实例作较大程度的修改而不影响实例所属的元件以及其他实例,则可执行此操作。

即切断实例和符号之间的链接。

方法:
1)选择舞台上的实例
2)选择修改〉分离或按Ctrl+B键
5.5 元件的编辑与修改
在Flash中对元件可以根据需要随时编辑修改已制作的元件。

如果修改元件,则所有该元件的实例都将更新。

方法:
1.打开元件的编辑编辑窗口,可采用以下方式
•在当前位置直接编辑:双击舞台上的元件实例。

•在新窗口编辑元件:选中舞台上的元件,右键单击后选择“在新窗口编辑”
2. 修改元件
3。

退出元件编辑窗口。

可采用以下方式
•单击位于舞台顶上方左端的后退按钮
•单击位于舞台顶端左面的场景名
•如果是在新窗口编辑元件,单击右上角的关闭框关闭新窗口
第 5 周逐帧动画
绘图纸功能的使用:
1.单击“绘图纸外观"按钮,在绘图纸起始标记和结束标记之间的所有帧被重叠显示
2.单击“绘图纸外观轮廓”按钮,标记之间的帧显示为轮廓
3.单击“编辑多个帧”按钮,可以编辑绘图纸标记之间的所有帧
4.要更改一绘图纸标记的位置,将指针拖到一个新的位置
5.单击“修改绘图纸标记”按钮,修改绘图纸外观标记的显示
5.4 形状补间动画的制作
使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。

一.形状补间动画制作步骤
1.选择要制作动画的层;在动画开始播放的地方创建或选择一个关键帧
2.创建或放置图形对象或分离的组、位图、实例或文本块
3.在同一层上再创建一个关键帧,并选择该关键帧
4.选择在前一个关键帧中放置的图形执行以下操作之一
•修改插图的形状、颜色或位置。

•删除该插图,然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。

5。

在时间轴上选择第1个关键帧,从“属性”面板中的“补间"弹出菜单中选择“形状”
7。

要调整渐变过渡帧的变化速度。

可以拖动“扩大值”旁边的箭头或输入一个值.
•要使动画开始很慢越接近动画末尾时越快,则可以拖动滑杆向上移动或输入一个负数值,范围为—1至—100
•要使动画开始很快越接近动画末尾时越慢,则可以拖动滑杆向下移动或输入一个正数值,范围为1至100
7. 可以选择混合类型的一个选项。

第 6 周两种补间动画
7。

如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入一个值.若要加速设置值为—1至 -100;若要减速设置值为1到100
8. 若要旋转对象,从“旋转”菜单中选择一个选项:
•选择“无”不旋转
•选择“自动”可以在需要最少动画的方向上旋转对象一次
•选择“顺时针"或“逆时针"按指定的方向旋转对象,输入一个数值指定要旋转的次数
注:移动渐变动画首尾帧间有淡蓝色背景,并有黑色箭头表示,若出现虚线表示渐变过程有问题。

元件的五种变化:移动、缩放、旋转、颜色、透明度
实例1:跳动的小球
实例2:碰撞的小球
实例3:转动的风车
实例4:水滴
实例5:卷轴动画
课堂小结1。

逐帧动画、动作补间动画、形状补间动画和场景动画的设计方法. 2。

使学生能够灵活使用设置动画的基本方法并制作简单动画。

布置作业实训八:制作移动补动画
实训九:简单动画的综合训练
第 7 周引导动画
教学时间第 7 周计划课时 2课时+实训4课时序号7课程内容模块7:制作高级动画-引导动画
教学目标1、要求学生掌握各类曲线运动的制作技巧,掌握引导线、引导层的概念及作用;
2、能根据运动的需求,画出运动轨迹线,即引导线。

教学重点运动引导层的创建,动画关键帧的设置。

教学难点做引导层时的几个注意点。

教学方法讲授演示法,任务驱动学习法和协作学习法
教学资源多媒体机房、投影仪、电子教学平台、视频演示教程、案例源文件、素材、ppt等。

教学过程备注
复习旧课
总结上周实训中的问题,比较两种补间动画的制作步骤和先决条件.注意和图层结合完成特效.
导入新课
我们已经知道在以前所涉及的移动动画过程都是两点一直线,不存在曲线运动,这对设计者来讲是不够的,我们需要更丰富的移动动画,这就引出我们这一章节所要讲的FLASH中的功能层之一--—--—引导线层。

我们可以比较一下面三幅动画:
1、用逐帧技术
2、用移动补间
3、用引导线技术
通过观察我们可以发现用引导线做出的动画,它的运动路径可以是一条曲线,这样,动画也就随之而丰富起来。

思考:以上动画能直接用移动补间来完成吗?自己动手试一试用移动补间做该动画效果,然后比较用几个关键帧来完成最相像?(教师提供素材)
通过实验我们发现:按照以前所学,除非使用逐帧动画,否则无法完成该动画效果,那么,有没有其它方法?——引导线功能层
讲述新课
一、引导线、引导层的概念
1、引导层:引导线必须制作在引导层中,而需要使用引导线作为运动轨迹线的物体所在层必须在引导层的下方,一个引导层可以为多个图层提供运动轨迹。

同时在一个引导层中可以有多条运动轨迹。

2、引导线:引导线就是轨迹或辅助线的作用。

它让物体沿着引导线路径运行,运动的对象其关键帧必须完全吸附在轨迹上(即物体运动的轨迹,一般使用钢笔工具来制作)
注意:思考引导线的颜色和线条的粗细是否影响引导效果?在运动引导层中的线条在实际导出成SWF文件时是不否可见?
二、创建引导路径动画的方法
1、创建引导层和被引导层
一个最基本“引导路径动画"由二个图层组成,上面一层是“引导层”,它的图层图标为,下面一层是“被引导层”,图标同普通图层一样。

在普通图层上点击时间轴面板的“添加引导层”按钮,该层的上面就会添加一个引导层,同时该普通层缩进成为“被引导层”,如图所示。

2、引导层和被引导层中的对象
引导层是用来指示元件运行路径的,所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。

而“被引导层"中的对象是跟着引导线走的,可以使用影片剪辑、图形元件、按钮、文字等,但不能应用形状。

由于引导线是一种运动轨迹,不难想象,“被引导”层中最常用的动画形式是动作补间动画,当播放动画时,一个或数个元件将沿着运动路径移动。

3、向被引导层中添加元件
“引导动画”最基本的操作就是使一个运动动画“附着”在“引导线"上.所以操作时特别得注意“引导线”的两端,被引导的对象起始、终点的2个“中心点”一定要对准“引导线”的2个端头。

三、应用引导路径动画的技巧
1、“被引导层”中的对象在被引导运动时,还可作更细致的设置,比如运动方向,把【属性】面板上的【路径调整】前打上勾,对象的基线就会调整到运动路径。

而如果在【对齐】前打勾,元件的注册点就会与运动路径对齐。

2、引导层中的内容在播放时是看不见的,利用这一特点,可以单独定义一个不含“被引导层”的“引导层",该引导层中可以放置一些文字说明、元件位置参考等,此时,引导层的图标为.
3、在做引导路径动画时,按下工具栏上的【对齐对象】功能按钮,可以使“对象附着于引导线”的操作更容易成功.
4、过于陡峭的引导线可能使引导动画失败,而平滑圆润的线段有利于引导动画成功制作。

5、被引导对象的中心对齐场景中的十字星,也有助于引导动画的成功.
6、向被引导层中放入元件时,在动画开始和结束的关键帧上,一定要让元件的注册点对准线段的开始和结束的端点,否则无法引导,如果元件为不规则形,可以按下工具栏上的任意变形工具,调整注册点。

7、如果想解除引导,可以把被引导层拖离“引导层”,或在图层区的引导层上单击右键,在弹出的菜单上选择【属性】,在对话框中选择“正常”作为图层类型.
8、如果想让对象作圆周运动,可以在“引导层”画个圆形线条,再用橡皮擦去一小段,使圆形线段出现2个端点,再把对象的起始、终点分别对准端点即可。

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

注意:
①引导层一旦建立完成后应将其锁定
②对运动对象定位时最好打开“帖紧至对象”工具,这样当吸附正确时中心点会放大。

实例1:小球的无规则运动
实例2:飞舞的蝴蝶
实例3:飘雪
综合实例:寒梅傲雪。

相关文档
最新文档