最完整的flash动画制作教案
- 格式:doc
- 大小:467.00 KB
- 文档页数:41
《Flash动画制作》授课计划
第2周绘图基础
第 3 周编辑图像
复习旧课
指出上周实训中出现的问题。
强调做文字特效时,一定要将文字打散。
复习一下,矩形工具,填充色的应用
导入新课
展示几个绘图实例,要完成这些实例,必须掌握FLASH中有些工具使用的技巧,这样才能增加动画设计的美感。
讲述新课〔讲授法演示法〕
调整对象
1、排列对象
单击菜单中“窗口”|“对齐”命令,出现“对齐”面板。
对齐;分布;匹配;间隔
2、形状的切割融合组合叠放顺序的更改
1)形状的切割
Flash中将使用绘图工具绘制的图形称为形状。
Flash 8新增了“对象绘制”按钮,在创建对象时如果选中“对象绘制”按钮,将创建独立的对象,与其他对象互不影响。
相反,如果在绘制图形时没有选取“对象绘制”按扭,则对象之间将会产生影响,对象能够被切割或融合。
举例:直线分割椭圆矩形打孔
2)形状的融合
融合是将两个形状连在一起,此功能可创建绘图工具无法绘制的形状。
使用时要注意,进行融合的形状的颜色要相同,没有边框,并且不是独立的对象(即在绘制对象时没有按下“对象绘制”按钮)。
3)组合对象
组合是将多个对象当作一个整体进行处理,可以更方便地对对象进行移动、变形等操作,还可以防止因为重叠而产生的切割和融合。
在编辑组合时,其中的每个对象均保持各自的属性以及与其它对象的关系。
创建组合 Ctrl+G
编辑组合,注意组合编辑环境
4)对象的叠放顺序单击菜单中“修改”|“排列”命令
Flash中,组合对象或实例等独立对象在叠放时,有上下顺序之分,上面的对象可以覆盖下面的对象。
对象的上下顺序与创建时的次序有关,后创建的对象在先创建的对象上面。
绘图工具创建的非独立的形状没有上下顺序之分,不能进行叠放顺序调整。
例1 风景画
例2 镜面字
变形面板、缩放和旋转对话框
1、变形面板
单击菜单中“窗口”|“变形”命令,可打开“变形”面板。
比例缩放调节旋转角度调节::扭曲角度调节4.2.2 缩放和旋转对话框
选定对象后,单击菜单中“修改”|“变形”|“缩放和旋转”命令,出现“缩放和旋转”对话框
2、翻转对象和对象的扩展与柔化
第 4周文字
第 5 周元件、实例
复习旧课
1、图层区:
一个场景可以由若干层组成,一般来说,不同的对象放在不同的层上,以便于修改,也避免互相干扰。
2、文字编辑(打散:Ctrl+B)、吸管工具(用Alt+Print键截屏取色)、渐变变形工具、笔触线形(点状)、橡皮擦模式(擦除填色)。
导入新课
教师播放情人节贺卡的的Flash影片《弹性小球2》,由此引入课题。
问题的提出:如何利用元件绘图
讲述新课
元件:在Flash中将需要重复出现的图像、动画、按钮制作成元件,元件存放在元件库中。
元件只需创建一次,然后即可在整个文档或其他文档中重复使用。
实例:实例是将元件应用到舞台上或嵌套在另一个元件内的元件副本。
将一个元件从元件库中拖到工作区中即创建了该元件的一个实例,一个元件可以创建多个实例。
实例保持元件的基本特征,但可以设置不同的颜色、大小和功能。
当修改元件时,它的所有实例都会随之更新。
库:在Flash中库是用来存放当前文档中的所有元件以及导入的图形、音频、视频等动画元素。
库面板的操作?
在Flash中使用库来存储和组织创建元件以及导入的文件,包括位图图形、声音文件和视频剪辑。
库是通过库面板来进行管理。
通过库面板,可以调用库中的资源,也可以对库中的资源进行查看、新建、删除、编辑、归类等操作。
打开库面板方法:
打开Flash自带公用库:选择"窗口"→"其它面板"→"公共库"
打开当前库:选择"窗口"→"库"
库面板构成:
·菜单:点击可打开库面板的命令菜单,进
行各项有关操作
·播放/停止按钮:用于播放或停止播放电
影元件
·排序按钮:改变元件的排列顺序
·显示切换按钮:以大图框/小图框方式显
示
·新建元件按钮::单击建立新元件
·文件夹按钮:单击可创建文件夹
·属性按钮:单击打开所选项的属性面板
·删除按钮:单击删除选中的项目
创建图形元件
图形元件主要用于静态图像的重复使用以及用于制作运动渐变动画。
一. 将场景中的元素转换成图形元件
1.选择要变为元件的元素,可选择一个或多个
2.选择菜单“修改”→“转换为元件”或按F8键
3.在名称栏中输入元件名称,在行为栏中选择“图形”
4.单击"确定"按钮
二. 创建新的图形元件
1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元
件”按钮
2.在名称栏中输入元件名称,在行为栏中选择“图形”后,单击"确定"。
3.在舞台中创建元件内容
4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式
创建影片剪辑元件
影片剪辑元件主要用于制作需要重复使用的动画片段。
一. 创建新的影片剪辑元件操作步骤:
1.选择菜单“插入”→“新建元件”或按Ctrl+F8键或单击“库”面板左下角的“新建元
件”按钮
2.在名称栏中输入元件名称,在行为栏中选择“影片剪辑”后,单击"确定"。
3.在舞台中制作影片剪辑的动画内容
4.单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式
二.将舞台上的动画转换为影片剪辑操作步骤:
1.选择帧
选择某些层的所有帧:按住Shift键,点击时间轴左边要转换为影片剪辑的各层;
选择多个连续的帧:单击某帧,再按住 Shift 键并单击其它帧
2. 拷贝帧:右键单击选定的帧,从弹出菜单中选择“复制帧”或选择“编辑”→“时间轴”→“复制帧”
3. 新建元件:选择“插入”→“新建元件”;在对话框中给元件命名。
选择“影片剪辑”后单击“确定”
4. 在时间轴上右键单击第1层上的第1帧,在弹出的菜单中选择“粘贴帧”
5. 单击舞台上方的“后退”按钮或场景名称返回到场景编辑模式。
实例的创建与修改
一.创建实例
在创建元件之后,用户就可以使用元件创建实例,电影中的所有地方都可以使用元件实例,包括在其他元件的内部
创建实例步骤:
1)选中时间轴的层
2)选择窗口→库或按Ctrl+L键打开库面板
3)将元件拖到舞台上
二.改变实例的属性
每个实例可以有自己的属性,属性独立于元件。
可以修改单个实例颜色、亮度、透明度;可以对实例进行缩放、旋转、扭曲;改变实体的类型和动画的播放模式。
这些操作不会影响元件和其它实例。
1.改变实例的颜色和透明度:
选中要改变属性的实例,打开属性检查器的颜色下拉菜单选择以下选项:
亮度:调整图象的相对亮度和暗度,100%为白色,-100%为黑色。
0为默认值。
色调:为实例着色,可以直接选择颜色,可以使用滴管工具,也可以直接输入红、绿、蓝颜色值,使用滑杆可设置色调百分比
Alpha:调整实例的透明度,设置为0则实例完全不可见,100%则表示完全可见。
高级:同时设置红、绿、蓝颜色值与透明度参数
三.变形实例
1)选中要改变属性的实例;
2)使用变形工具;变形面板或修改菜单中的变形命令对实例进行缩放、扭曲、旋转等操作。
四.分离实例
如果想对实例作较大程度的修改而不影响实例所属的元件以及其他实例,则可执行此操作。
即切断实例和符号之间的链接。
方法:
1)选择舞台上的实例
2)选择修改>分离或按Ctrl+B键
元件的编辑与修改
在Flash中对元件可以根据需要随时编辑修改已制作的元件。
如果修改元件,则所有该元件的实例都将更新。
方法:
1.打开元件的编辑编辑窗口,可采用以下方式
在当前位置直接编辑:双击舞台上的元件实例。
在新窗口编辑元件:选中舞台上的元件,右键单击后选择“在新窗口编辑”
2. 修改元件
3. 退出元件编辑窗口。
可采用以下方式
单击位于舞台顶上方左端的后退按钮
单击位于舞台顶端左面的场景名
如果是在新窗口编辑元件,单击右上角的关闭框关闭新窗口
对元件进行修改后将改变场景上所有引用该元件的实例的属性。
导入外部资源
在Flash中可以将外部对象导入到当前库中,也可以将其他Flash文档中的库资源导入到当前的Flash文档并使用
一. 导入外部对象
在Flash中可以导入其他应用程序中创建的插图。
可以导入多种文件格式的矢量图形和位图也可以导入视频与声音。
方法:
1.执行“文件”→“导入”→“导入库”或“导入到舞台”
2.选择要导入的文件,单击“打开”按钮完成对象的导入
3.打开库面板,将导入的资源拖入工作区,并进行变形、重新着色和修改等操作。
二. 在不同的Flash文件中复制库资源
在Flash文档之间可以拷贝库资源,从而可以将在其它Flash文档中创建的元件复制到当前文档中并使用。
方法一:通过拷贝和粘贴来拷贝库资源:
1.在源文档的舞台上选择资源
2.选择“编辑”→“复制”
3.将目标文档作为活动文档
4.将指针放在舞台上
选择“编辑”>“粘贴到中心位置”,以将资源粘贴到可见工作区的中心位置。
选择“编辑”>“粘贴到当前位置”,将资源放置在与源文档中相同的位置中。
方法二:通过拖动来复制库资源:
1.在 Flash 中打开源文档,并打开库面板
2.打开目标文档,在源文档的“库”面板中选择资源。
3.将资源拖入目标文档的“库”面板中。
方法三:打开源库来复制库资源:
1.选择“文件”→“导入”>“打开外部库”。
2.在“作为库打开”对话框中选择源文档,然后单击“打开”。
3.将资源从源文档库拖到舞台上或拖入目标文档的库中。
例:情人节贺卡
第 5 周逐帧动画
6、动画制作流程
⑴打开新影片文件并安排场景;
⑵插入动画元件(帧、图层等);
⑶设定动画效果并测试动画;
⑷使用文件/保存命令保存扩展名为 .fla 的 Flash 动画文件;
⑸输出影片.swf
7、制作动画的注意事项:
(1)如果一幅动画中有两个或两个以上的不同类的对象同时运动,要把这些对象分别放在不同的图层上,使之各自独立,互不干扰。
(2)制作动画时,最好把一个动作单独放置在一个图层中,等这个图层制作好后,再制作另一个图层。
逐帧动画的制作
逐帧动画:在舞台上一帧一帧地绘制或修改图像,连续播放形成动画。
制作步骤:
1.单击层名称,使之成为当前层,选择层中的某一关键帧作为动画的起点。
2.创建图形,可以使用绘图工具直接绘图,也可以从剪板板粘贴图象或导入图象。
3.单击右边的下一帧,鼠标右键点击→在弹出菜单中选择插入关键帧命令或按F6键
4.修改舞台上的内容
5.重复步骤4、5,完成所有关键帧。
(如果我们担心有些帧之间图形的位置间隔不太恰当,可以打开灯箱显示模式,来查看各帧的相对效果,)
绘图纸显示模式
通常情况下,Flash一次只显示动画序列中的一个帧。
如果用户需要定位和编辑多个帧或调节帧之间图形的位置间隔,可以使用绘图纸显示模式,来查看多个帧各帧的相对效果。
在绘图纸显示模式下时间轴中的各帧像隔着一层透明绘图一样重叠显示。
绘图纸功能的使用:
1.单击“绘图纸外观”按钮,在绘图纸起始标记和结束标记之间的所有帧被重叠显示
2.单击“绘图纸外观轮廓”按钮,标记之间的帧显示为轮廓
3.单击“编辑多个帧”按钮,可以编辑绘图纸标记之间的所有帧
4.要更改一绘图纸标记的位置,将指针拖到一个新的位置
5.单击“修改绘图纸标记”按钮,修改绘图纸外观标记的显示
形状补间动画的制作
使用形状补间动画可以制作一个形状随着时间变成另一个形状的形变效果。
一.形状补间动画制作步骤
1.选择要制作动画的层;在动画开始播放的地方创建或选择一个关键帧
2.创建或放置图形对象或分离的组、位图、实例或文本块
3.在同一层上再创建一个关键帧,并选择该关键帧
4.选择在前一个关键帧中放置的图形执行以下操作之一
修改插图的形状、颜色或位置。
删除该插图,然后在第二个关键帧中放入新的图形或分离的组、位图、实例或文本块。
5. 在时间轴上选择第1个关键帧,从“属性”面板中的“补间”弹出菜单中选择“形状”
7. 要调整渐变过渡帧的变化速度。
可以拖动“扩大值”旁边的箭头或输入一个值.
要使动画开始很慢越接近动画末尾时越快,则可以拖动滑杆向上移动或输入一个负数值,范围为-1至-100
要使动画开始很快越接近动画末尾时越慢,则可以拖动滑杆向下移动或输入一个正数值,范围为1至100
7. 可以选择混合类型的一个选项。
分布式:选择该项在创建动画时所产生的中间形状将平滑而不规则
角形:选择该项在创建动画时将在中间形状中保留明显的角和直线
注意:
变形对象必须在一个图层上,否则不能形成补间动画。
要对组合体、实例、文本、位图图象应用补间形状动画,必须首先将这些元素打散。
二.控点的运用
控点的作用:在补间形状动画的起始和结束帧中设置控点以便对变形过程进行人为的控制。
设置控点方法:
1.选择变形动画序列中的第一个关键帧,执行【修改】→【变形】→【添加形状提示】命
令,则在变形对象的正中央有一个红色小圈,内部标有字母
2.将变形提示移动到要标记的点。
按照同样的方法添加和设置其他的变形提示。
3.选择下一个关键帧,用鼠标按住控点,拖动变形提示到标记的位置。
注意:
设置控点时一定要排列好各控点的位置。
在原始图形和要补间的图形中控点的顺序应该
一致。
控点编号从a到z最多可以设置27.控点。
确保形状提示是符合逻辑的。
例如,如果在一个三角形中使用三个形状提示,它们的顺
序不能在第一个关键帧中是 abc,而在第二个中是 acb。
如果按逆时针顺序从形状的左上角开始放置形状提示,它们的工作效果最好。
要删除控点可以用鼠标右键点击控点,在弹出的菜单中选择命令
实例1:数字变化
实例2:波浪
实例3:画矩形
实例4:氯水漂白
第 6 周两种补间动画
复习旧课
记住三句口决:
1、一个对象一层
2、一般一个对象要转换为元件
3、在形状动画中不要建立元件,对象要打散
?形变的对象只能是普通的图形对象,如不是普通图形则必须首先按Ctrl+B分离。
导入新课
教师播放几个Flash影片,由此引入课题。
问题的提出:如何制作移动动画
讲述新课
动作补间动画的制作
动作补间动画:用于对实例、组合体和文字的位置、大小、旋转、倾斜、颜色属性等产生渐变。
动作补间动画创建步骤:
1.单击层名使之成为当前层,选择层中的一个空白关键帧作为动画的起点。
2.创建补间动画的第一个帧,执行以下操作之一:
创建一个图形对象并转换为元件
在舞台中创建一个实例、组或文本块
将元件的实例从“库”面板中拖出
3. 在动画要结束的地方创建第二个关键帧,然后选择结束帧
4. 更改结束帧中的实例、组或文本块,执行以下操作之一:
将项目移动到新的位置
修改项目的大小、旋转或倾斜
修改项目的颜色(仅限实例或文本)
5. 右键单击补间帧范围内的任何帧,从弹出的菜单中选择"创建补间动画;或从属性面板的“补间”弹出菜单中选择“动作”
6. 如果修改了项目的大小,勾选“缩放”选项
7. 如果要调整补间帧之间的变化速率可以拖动“简易”框右边的箭头或输入一个值.若要加速设置值为-1至 -100;若要减速设置值为1到100
8. 若要旋转对象,从“旋转”菜单中选择一个选项:
选择“无”不旋转
选择“自动”可以在需要最少动画的方向上旋转对象一次
选择“顺时针”或“逆时针”按指定的方向旋转对象,输入一个数值指定要旋转的次数注:移动渐变动画首尾帧间有淡蓝色背景,并有黑色箭头表示,若出现虚线表示渐变过程有问题。
第 7 周引导动画
第 8 周遮罩动画
第 9 周时间轴动画预设特效实例
2、曲线变化
提示:思路方法大致同上题,要注意做什么样的简单动画能让曲线一点点呈现
3、图片的切换
先看看我们一些学区、班级的网站,有些图片的切换效果就是用FLASH做的,这里就用我们学过的知识也来试着做一做。
先来学习下简单的只有两张图片切换效果的制作
提示:①有几层
②哪张图片是被遮照层,哪张是背景层
③切换效果的动画是个什么样的动画,怎么做
思考:切换图片不只两张时,又该怎么做
导入新课
展示几个时间轴特效动画,引入主题,提出问题:如何制作时间轴特动画
讲述新课
时间轴特效可以应用于以下对象:文本、图形(包括矢量图、组合对象和图符)、位图、按钮图符。
提示:对电影剪辑应用时间轴特效时,Flash在电影剪辑内部嵌套特效。
一、时间轴特效
Flash提供了变形、转换、分离、展开、模糊、投影、分散式直接复制和复制到网格集中时间轴特效,这些特效可应用在矢量图形、群组、元件实例、位图图像、文本等对象上“变形”特效:通过调整对象的位置、缩放比例、旋转、透明度和色调生成动画。
“转换”特效:制作淡入、淡出、逐渐显示或逐渐消失效果的动画。
“分离”特效:使对象分离成一个个碎片并散开,可用来制作爆炸效果。
“模糊”特效:制作对象逐渐模糊消失的动画效果。
“展开”特效:制作对象逐渐增大(展开)、逐渐收缩、偏移等动画效果。
“投影”特效:制作对象的投影,其生成的是静态对象而不是动画。
“分散式直接复制”和“复制到网格”特效:如果希望在舞台上有规律地复制多个对象,可使用这两种特效。
1、创建时间轴特效
给一个对象添加时间轴特效时,Flash会新建一个层,然后把该对象传送到新建的层。
该对象被放置在特效图形中,特效所需的所有过渡和变形存放在新建层的图形中。
新建层的名称与特效的名称相同,后加一个编号,表示特效应用的顺序。
添加时间轴特效时,在图符库中会添加一个以特效名命名的文件夹,内含创建该特效所用的元素。
给一个对象添加时间轴特效的步骤如下:
1)按常规方法,在编辑区中添加一个对象(本例添加一个文本框)。
2)在编辑区中选取要添加时间轴特效的对象,然后选择(插入>时间轴特效),再从其下级菜单中选择一种特效。
提示:也可以在选取的对象上右击,然后从右键快捷菜单上选择Timeline Effects,再从其下级菜单中选择一种特效。
3)在自动显示的特效设置对话框中预览基于默认设置的特效。
然后单击右上角的Update Preview(更新预览)按钮,预览新的设置的效果。
4)如果感觉效果满意,单击OK按钮,Flash自动在时间轴中添加创建特效所需的帧。
5)选择Control>Test Movie(控制>测试动画),即可测试时间轴特效。
2、编辑时间轴特效
1.在编辑区中选择要编辑特效的对象
2.在属性检查器中单击Edit(编辑)按钮,或在选定对象上右击或按住Control键单击,然后从右键快捷菜单上选择Timeline Effects > Edit Effect(时间轴特效>编辑特效)。
3.在打开的特效设置对话框中修改设置,然后单击OK按钮。
3、删除时间轴特效
在编辑区中选择要删除特效的对象并右击,或按住Control键单击,然后从右键快捷菜单上选择Timeline Effects > Remove Effect(时间轴特效>删除特效)。
时间轴特效确实给我们创建特效(文字特效)带来了很大的方便,但也有两点不足:
其一,特效数太少(与Swish相比还相差很远);其二,运行速度有点慢。
二、滤镜特效动画
使用滤镜,可以实现投影、模糊、发光和斜角等效果。
另外,还可以将滤镜和补间动画结合起来,使动画效果更加丰富多彩。
Flash CS3 “滤镜”面板包括7种滤镜:投影、模糊、发光、斜角、渐变发光、渐变斜角、调整颜色。
三、混合模式动画
在Flash中,在相同的混合模式下使用不同的颜色或相同的颜色下使用不同的混合模式,都会获得不同的显示效果。
混合模式包含元素:
混合颜色:是应用于混合模式的颜色。
不透明度:是应用于混合模式的透明度。
基准颜色:是混合颜色下的像素的颜色。
结果颜色:是基准颜色的混合效果。
注意:只有影片剪辑元件和按钮元件才能设置混合模式
模块8:创建按钮
第11周声音导入
复习旧课
总结上周学生的实训情况。
展示几个学生的作品,指出存在的问题
导入新课
请各位同学观看两个影片,并思考两个影片中突出部分是什么这部分在影片中起到了什么作用讲述新课
声音的导入
1、Flash中控制音频的主要方法:
让声音独立于时间轴循环播放
为动画配音乐
为按钮添加某种声音
设置声音渐入渐出等效果
通过动作控制音效的回放
2、导入到Flash中的声音文件格式:
Flash中不能自己创建或录制声音,编辑动画所使用的声音素材都要从外部以文件的形式导入到Flash中。
直接导入 Flash 应用的声音文件,主要包括 WAV 和 MP3 两种格式。
如果系统上安装了 QuickTime 4 或更高版本,则还可以导入 AIFF 格式和只有声音的 QuickTime 影片格式。
3、导入声音操作步骤:
选择“文件”→“导入”→“导入到库”。
在“导入”对话框中,定位并打开所需的声音文件
Flash将音频文件存放在元件库中。
打开库,按下播放按钮可以试听。
注: 1)在库中的声音文件有上下两个波形,表示此声音文件为双声道文件。
如果只显示一个波形,则表示文件为单声道的声音
2)如果在导入mp3声音文件时显示“读取文件时出现问题,一个或多个文件没有导入”,可以将该文件使用音频转换软件重新压缩或转换为wav文件后再导入。
练习8-1:
1) 打开素材文件8-1源文件.fla;
2) 导入声音;
3) 打开库测试声音;
4) 插入新层;在新层第1关键添加声音。
为影片添加声音
在影片中添加声音操作步骤:
1、将声音文件导入到电影中。
2、单击插入→层命令为声音创建一个新层。
在该图层上要开始播放声音的帧处创建一个关
键帧。
3、点击要添加声音的关键帧,在属性面板声音下拉列表框中选择一个声音文件
4、从“同步”弹出菜单中选择需要的选项:
事件: 声音的播放和事件的发生同步。
声音在它的起始关键帧开始播放,并不受时间轴控制。
即使影片播放完毕,声音也继续播放,直到此声音文件播放完毕为止。
采
用该方式的声音文件必须完全下载后才能够播放。
该方式的声音文件最好短小,
常用于制作按钮声音或各种音效。
开始:与事件选项的功能相似,所不同的是,如果声音正在播放,使用此选项则不会播放新的声音。
停止:停止播放指定的声音。
数据流:声音和时间轴保持同步。
声音文件可以一边下载一边播放,当影片播放完毕,声音也随之终止。
主要用于制作背景音乐或MTV
5. 选择播放次数:
选择“重复”:需要输入一个值,以指定声音应循环的次数
选择“循环”:连续重复播放声音
注:1) 声音在到达时间轴中的终点就会停下来。
可以通过在声音图层中加入更多的帧来延长声音的播放时间。
2) 在编辑过程中按Enter键可以测试声音。
也可按Ctrl+Enter键通过测试影片方法测试。
练习8-2:
1)打开素材文件8-2源文件.fla
2)导入声音文件:晴天.mp3、雨声.mp3、鸟叫.wav、闪电雷声.wav、青蛙.WAV。