FLASH移动渐变与形状渐变动画教案.docx
《FLASH移动渐变与形状渐变动画教案.docx》由会员分享，可在线阅读，更多相关《FLASH移动渐变与形状渐变动画教案.docx（15页珍藏版）》请在冰豆网上搜索。
FLASH移动渐变与形状渐变动画教案
FLASH移动渐变与形状渐变动画
引言：
前一节课我们已经学过如何制作关键帧动画，通过关键帧动画我们可以做出各种各样的动画，但费时、费力，今天我们要学习移动和形状渐变动画的制作方法，有了移动和形状渐变动画，我们只要做好了起始关键帧和结束关键帧两个关键帧这间的动画可以让电脑为我们自动生成，下面我们先来学习移动渐变动画。
新授：
首先通过电脑向同学展示一个已经做好的FLASH动画，其中用到了已经学过的关键帧动画和将要学的移动渐变动画、形状渐变动画，激发学生的学习兴趣。
一、移动渐变
下面我演示一个移动的小汽车的制作过程，大家来学习移动渐变动画的制作方法，这个动画的效果为小汽车从屏幕的左侧移动到屏幕的右侧。
电脑演示：
第一步新建一个FLASH文件设置影片的属性。
第二步单击【插入】→【新建元件】，先把图形，输入元件名小汽车，然后确定，进入符号编辑模式，利用各种绘图工具画出小汽车。
第三步返回场景1，在舞台上添加小汽车实体。
第四步在第一帧处把小汽车调整到屏幕左侧，在第20帧处插入关键帧，选中20帧把小汽车拖动到屏幕右侧。
第五步创建动画，选中第1帧打开帧属性面板在补间中选择动画。
第六步单击【控制】→【测试影片】，测试效果。
第七步保存文件为“”.
需要注意的几点：
1、制作FLASH移动渐变动画，渐变的对象必须是一个符号的实体。
2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【动画】。
下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。
学生实践操作。
在学生的作品中选择有代表性的进行全体展示。
二、形状渐变
下面我们再来学习一下形状渐变动画的制作方法。
第一步新建一个文件，选中图层1第1帧，在舞台上制作出一个黑色的矩形并将其转换成图形元件。
第二步在第20帧自己插入空白关键帧。
然后在舞台上制作出一个蓝色的圆形并将其转换成图形元件。
第三步创建动画:
选中图层的第1帧，打开帧属性面板。
在【补间】中选择【形状】。
第四步单击【控制】→【测试影片】，测试效果。
会看到黑色的矩形逐渐变成蓝色的圆形。
需要注意的几点：
1、制作FLASH形状渐变动画，渐变的对象必须是一个图形，如果要使用文字或是图片必须要经过打散处理后使之转变为图形后才能制作形状渐变动画（选中文字或图片，选择【修改】→【分离】，就可以将文字或图片打散了）。
2、在创建动画时一定要先选择关键帧然后在帧属性里选择渐变类型为【形状】。
下面同学们就以小组为单位制作移动渐变动画，动画内容可以自己选择。
学生实践操作。
在学生的作品中选择有代表性的进行全体展示。
小结：
通过这两种动画制作方式的学习，我们可以做出更加丰富多彩的动画了，以后我们在动画的制作过程中要灵活运用各种动画制作的手段，做出优秀且非常简洁的动画。
板书：
FLASH移动渐变与形状渐变动画
一、移动渐变动画
要点：
制作两个关键帧
对象是符号实体
【补间】中选择动画
二、形状渐变动画
要点：
制作两个关键帧
对象是图形
【补间】中选择形状
教案
FLASH移动渐变与形状渐变动画
Flash考试练习题（附带答案）
一、选择题
1、默认时Flash影片帧频率是（D）
A）25B）12C）15D）24
2、Flash“插入”菜单中，“关键帧”表示（B）
A）删除当前帧或选定的帧序列B）在时间线上插入了一个新的空白关键帧
C）在时间线上插入一个新的关键帧
D）清除当前位置上或选定的关键，在时间线上插入一个新的关键
3、Flash中如果想要测试完整的互动功能和动画功能，应（C）
A）选择“控制”|“循环播放”B）选择“控制”|“启动简单按钮”
C）选择“控制”|“测试影片”D）选择“控制”|“播放”
4、制作Flash动画时，保存的源文件扩展名已经发布后可以嵌入网页的文件扩展名分别是：
（A）
A）fla、swfB）movflaC）cdrmovD）swfmov
5、选择“绘图”工具栏中“线条”工具/，按住Shift键绘制。
可以绘制水平或垂直方向直线，也可以绘制以（A）为角度增量倍数的直线。
A）45度B）30度C）15度D）60度
6、下列对于绘图工具的表述错误的是（D）
A）FlashCS3中，使用“铅笔”工具常用于绘制任意线条
B）“刷子”工具通常用于绘制形态各异的矢量色块或创建特殊的绘制效果
C）“钢笔”工具常用于绘制比较复杂、精确的曲线
D）在FlashCS中，“线条”工具常用于绘制任意线条
7、下列对于“墨水瓶”工具使用表述正确的是（B）
A）在FlashCS3中使用“墨水瓶”工具只能改变直线或形状轮廓的颜色，还可以对直线或形状轮廓应用渐变或位图
B）在FlashCS3中使用“墨水瓶”工具只能改变直线或形状轮廓的颜色，不可以对直线或形状轮廓应用渐变或位图
C）在FlashCS3中，使用“墨水瓶”工具不能改变直线或形状轮廓的颜色，也不能对直线或形状轮廓应用渐变或位图
D）以上都不正确
8、使用颜料桶“工具填充图形是，如果单击”绘图“工具栏中”选项“设置区中”锁定填充“按钮，可以得到与使用（C）相同的填充效果。
A）“铅笔”工具B）“钢笔”工具
C）“刷子”工具D）“线条”工具
9、选中对象，按住（C）键，可以复制并移动对象副本。
A）TabB）AltC）CtrlD）Shift
10、使用键盘上的方向键移动对象时，按方向键的同时按住（D）键，可使对象一次移动10个像素的位置。
A）TabB）AltC）CtrlD）Shift
11、单击“对齐”面板中的（A）按钮，可使对象以舞台为标准，进行对象的对齐与分布设置。
A）对齐/相对舞台分布B）.匹配宽和高C）水平平均间隔D）垂直平均间隔
“对齐”面板功能的是（A）。
A）可以设置对象的对齐方式包括“左对齐”、“水平对齐”、“右对齐”、“上对齐”、“垂直中齐”或“底对齐”
B）可以使对象以舞台为标准，进行对象的对齐与分布设置
C）可以使对象在垂直方向等间距分布或使对象在水平方向等间距分布
D）可以设置对象不同的宽度和高度缩放百分比
13、选择“插入”|“时间轴”|“关键帧”命令可以插入关键帧，按下（A）键同样可以在时间轴上指定帧位置插入关键帧。
A）F5B）F6C）F7D）F8
14、创建补间动作动画后，打开“属性”面板，设置（C）选项可以实现匀减速或匀加速运动。
A）“缓动”B）“旋转”C）“调整到路径”D）“对齐”
15、下列可以直接制作补间形状动画的对象是（B）。
A）文本B）位图C）矢量图形D）元件
16、在使用形状提示创建补间形状动画时，最多可以使用（B）个形状提示。
A）24B）26C）28D）30
17、在遮罩层中，遮罩区域不能是（C）。
A）位图B）渐变色C）完全透明D）无填充
18、下列图层的类型概述错误的是（B）。
A）普通图层：
是系统默认创建的图层类型。
创建普通图层后，在其名称前会显示普通图层图标
B）引导层：
在引导层中可以设置对象运动的路径，以引导被引导层中的对象沿路径进行移动。
创建引导层后，在其名称前会显示引导层图表。
如果引导层下没有任何图层可以成为被引导层，那么在该图层名称前面会显示引导层图标。
C）遮罩层：
用于放置遮罩对象的图层。
设置普通图层为遮罩层时，排列在其上方的图层会设置为被遮罩层。
创建遮罩层后，在其名称前面会显示遮罩层图标。
D）被遮罩层：
与遮罩层时相对应，它用于放置被遮罩对象的图层。
创建被遮罩层后，在其名称前面会显示被遮罩层图标
19.、选择“修改”|“时间轴”|“图层属性”命令，打开“图层属性”对话框，在该对话框中不可以设置的图层属性选项是（D）。
A）“类型”选项B）“轮廓颜色”C）“图层高度”D）“匹配”
20、如果创建聚光灯或过渡动画效果时，应使用（C）图层。
A）普通层和遮罩层B）遮罩层和被遮罩层
C）引导层和遮罩层D）遮罩层
21、在Flash中，（B）元件是与影片的时间轴同步运行的。
A）影片剪辑B）按钮C）图形D）字形
22、在按钮元件的4个帧状态下，（D）帧是定义鼠标响应区域。
A）弹起B）按下C）指针经过D）点击
23、下列参数中，不属于“创建元件”对话框中可以设置的选项是（C）。
A）名称B）类型C）注册点D）链接
24、在“信息”面板中，可以查看选定实例的（A）。
A）位置和大小B）名称和颜色C）大小和类型D）名称和位置
25、在Flash中，如果系统已经安装了QuickTime4或更高版本，在下列选项中不能直接导入的声音格式是（D）。
A）.mp3B）wavC）aiffD）midi
26、在声音的同步方式中，（A）方式与事件方式基本相同，但若声音正在播放，则不会播放新的声音实例。
A）数据流B）开始C）停止D）帧频流
27、在导出较长的音频流，如乐曲时，最好使用（C）压缩方式。
A）默认B）ADPCMC）mp3D）原始
二、简答题
1、flash动画的应用领域有哪些？
答：
目前Flash被广泛应用于网页设计、网页广告、网络动画、多媒体教学软件、游戏设计、企业介绍、产品展示和电子相册等领域。
2、flash的补间动画共有哪两种，这两种动画形式各有什么特点，要做成功这两种动画，分别需要具备什么样的条件？
答：
A形状补间①特点：
它可以实现两个图形之间颜色、形状、大小、位置的相互变化。
形状补间动画建立后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间也有一个长长的箭头。
②条件：
构成形状补间动画的元素多为用鼠标或压感笔绘制出的形状，而不能是图形元件、按钮、文字等，如果要使用图形元件、按钮、文字，则必先打散后才可以做形状补间动画。
B：
动作补间：
①特点：
它可以实现两个图形之间颜色、形状、大小、位置的相互变化。
形状补间动画建立后，时间帧面板的背景色变为淡绿色。
动作补间动画也是Flash中非常重要的表现手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。
②条件：
构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状组合或者转换成
元件后才可以做动作补间动画。
3、简述在Flash中3种文本类型的特征和作用。
静态文本：
静态文本主要应用于文字的输入和编排，起到解释说明的作用。
是大量信息的传播。
载体不可用代码创建和修改内容，好处是可以使用多种消除锯齿类型。
输入文本：
主要应用于交互式操作的实现，目的是让浏览者填写一些信息，以达到某种信息交换或者收集目的，例如常见的会员注册表、搜索引擎等。
输入文本不但可以用代码创建和修改内容，而且可以在生成的SWF等文件中修改其内容，就是一个输入框，而且可以使用密码类型！
其它特征和动态文本一样。
动态文本：
可以用代码创建和修改内容，一般只可使用设备字体，非使用其它消除锯齿类型的话，可以嵌入字体。
动态文本可以显示外部文件中的文本，主要应用于数据的更新。
也可以显示一些动态的信息,比如,时间,提示性息,游戏中的分数等等。
4、Flash中帧有哪几种类型？
各有什么作用？
类型：
关键帧、空白关键帧、普通帧。
关键帧：
关键帧定义了动画的关键画面，画面可以相同，也可以不同。
在关键帧之间添加帧来生成流畅的动画。
在时间轴中拖动关键帧还可以更改补间动画的播放时间。
关键帧定义了动画的变化环节，关键帧由帧中的小圆圈指定实心圆，这些小圆圈内部已填充，表示这些帧中有内容。
空白关键帧中无任何内容，以空心圆圈表示。
关键帧是连接两段不同的内容，这一帧后面的视频内容会有新的变化或过渡。
空白帧：
是关键帧的一种。
空白关键帧是没有包含舞台上的实例内容的关键帧。
空白关键帧中没有任何内容，主意是让画面与画面之间形成间隔。
空白关键帧用空心的小圆圈表示，一旦在空白关键帧中创建了内容，空白关键帧就会变成关键帧。
普通帧：
在时间轴上能显示实例对象，但不能对实例对象进行编辑操作的帧。
在一幅动画中增加一些普通帧，可以延长动画的播放时间，时间轴中每一个小格在创建动画时都是一个帧。
普通帧是用来计量播放时间或过渡时间用的，不能手动设置普通帧的内容，它是播放过程中由前后关键帧以及过渡类型自动填充的，手动插入或删除普通帧，会改变前后两个关键帧之间的过渡时间。
5、简述Flash中元件的类型及其基本特征？
影片剪辑：
影片剪辑元件是一小断循环播放的flash动画，可以在住动画中发福使用并且独立于主权动画播放。
无论一个影片剪辑元件有多长，它在主动画中指占用一个关键帧。
可以独立于主时间轴播放的动画剪辑，可以加入动作代码。
图形：
是可以反复使用的静态图片，主要由静态的图形图像创建而成。
依赖主时间轴播放的动画剪辑，不可以加入动作代码。
按钮：
用于设置观看者与动画之间的交互功能。
当鼠标在按钮上滑过、点击、移开时，按钮会产生不同反应。
有“常规”、“弹起”、“按下”和“点击”四帧的特殊影片剪辑，可以加入动作代码。
6、简述Flash动画的制作流程。
1.前期企划：
对于动画想表达的主题、主要表达方式、登场角色进行初步设定
：
这个是专业动画中的步骤，在flash动画制作中，完整剧本不写没关系，不过我还是建议你在动画制作前进行一下分镜脚本的制作，就是你需要在纸上画出随着动画一步步进行的角色出场、表达效果、台词等一些东西（简单描绘，自己看得懂就好），并在旁边注明一些思路，这对你制作时有很大的帮助。
3.人设、小物设定：
还是专业动画中的步骤...不过建议你做一下动画中需要用到的人物、物品的设定，可以简单一点，就画个人物正面、侧面、背面的图就可以了
4.背景绘制（可选）：
将分镜脚本中画到的背景加以统一（同一场景、相似位置的合并为同一背景），然后在专业绘图软件里面绘制背景，由于是用作Flash动画的，不用太华丽。
：
依照前面画好的分镜脚本，一帧一帧制作。
动作制作完成后导入背景。
进行预览、影片播放，观察效果。
运用学习到flash的动态文字、静态文字以及遮罩、音乐内容以及动作补间、形状补间及其关键帧、空白帧绘图、钢笔工具、填充工具来等来创建flash动画。
最终形成完整的flash成片。
6.测试动画，并导出为swf文件
三、设计题
1、分别创作两种类型的补间动画，内容不限。
（写出详细创作步骤）。
动作补间A创建新文档：
执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*330象素，【背景色】为白色。
B创建背景图层
执行【文件】|【导入到场景】命令，将本实例中名为“节日夜空.jpg”图片导入到场景中，在第80帧处按下F5，加普通帧。
C创建灯笼形状
我们先来画灯笼，执行【窗口】|【设计面板】|【混色器】命令，打开混色器面板，设置混色器面板的各项参数。
选择工具栏上的椭圆工具
，去掉边线
，在场景中画一个椭圆做灯笼的主体，大小为65*40象素。
选择工具栏上的矩形工具
，去掉边线，画一个矩形，大小为30*10象素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7*10象素，作为灯笼上面的提手。
最后用直线工具
在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画好了。
设置文字形状到灯笼形状的转变。
在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。
具体办法可以分别选择第20帧中的“灯笼”图形，再一个个“粘贴”进第80帧中，当然，你先应该清除第80帧处4个“灯笼”图层中的内容哦！
创建形状补间动画。
在“灯笼”各图层的第20、60帧处单击帧，在【属性】面板上单击【补间】旁边的小三角在弹出的菜单中选择【形状】，建立形状补间动画执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“庆祝国庆.fla”文件存盘，如果要导出Flash的播放文件，执行【导出】|【导出影片】命令保存成“庆祝国庆.swf”文件。
形状补间：
执行【文件】|【新建】命令新建一个影片文档，设置舞台尺寸为300*200
在场景中写二个数字“1”，让它们同时变形，一个加形状提示，一个不加形状提示
先在图层一的场景左边中写入数字“1”，【属性】面板上设置【文本格式】为静态文本、【字体】为隶书、【字号】100、【颜色】白色。
再建一个图层二，在场景右边写入数字“1”，参数同上，此层是添加形状提示层。
然后在二层各40帧的地方加关键帧，各写入数字“2”,在第60帧处加普通帧，使变形后的文字稍做停留。
逐一选取各层数字的第1、40帧，执行【修改】|【分散】命令，把数字打散转为形状。
在图层一、二的第一帧处各自建立形状补间动画。
在图层二的第一帧处，执行【修改】|【形状】|【添加形状提示】命令二次新建一层，在二个渐变的下面分别写上“未加形状提示”、“加用形状提示”的说明。
在第60帧处加普通帧。
2、利用遮罩层动画原理创作一个遮罩动画，内容不限。
（写出详细创作步骤）。
⑴执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*400象素，【背景色】为黑色。
⑵创建“闪光线条”元件
执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条”。
选择工具栏上的直线工具
，在场景中画一直线，执行【插入】|【新建元件】命令，新建一个图形元件，名称为“闪光线条组合”，从库中将名为“闪光线条”的元件拖入新元件编辑窗口的场景中，在X轴上的位置为-200，Y轴为20。
然后单击工具栏上的任意变形工具
，此时元件的中心会出现一个小白点，它就是对象的“注册点”，用鼠标左键按住它，拖到场景的中心处松手。
然后执行【窗口】|【设计面板】|【变形】命令，打开变形面板，选中【旋转】，角度为15度，连续按下【复制并应用变形】按钮
⑶单击【确定】后进行“新元件编辑窗口”，接着把库里名为“闪光线条组合”的元件拖到场景中，对齐中心点，复制此元件，在第30帧处加关键帧，再回到第1帧中建立补间动作动画，【属性】面板上设置顺时针旋转一周。
然后新建一层，在第1帧中执行【编辑】|【粘贴到当前位置】命令，使二层中的“闪光线条组合”完全重合，再执行【修改】|【变形】|【水平翻转】命令，让复制过来的线条和第一层的线条方向相反，在场景中形成交叉的图形。
在第30帧处建立关键帧，在第1帧中建立动作补间动画，【属性】面板上设置逆时针旋转一周，最后将此层设为遮罩层。
3、利用运动引导层动画原理创作一个运动引导层动画，内容不限（写出详细创作步骤）
1.创建FLASH文档。
2.利用工具箱中选择“线条工具”，在舞台上绘制一架纸飞机
使用工具箱中的“颜料桶工具”为纸飞机填充上颜色。
然后用“选择工具”选中纸飞机的边框线，按键盘上的Delete键进行删除。
3.用“选择工具”框选中整个飞机，在被选中的纸飞机上单击右键，选择右键菜单中的“转换成元件…”，行为选择“图形”，名称默认为元件1，单击确定。
4. 在图层1的第三十帧处单击右键插入关键帧。
在时间轴上单击“添加运动引导层”按钮，在图层1的上方添加一个引导层。
5. 用鼠标单击选中引导层，单击工具箱中的铅笔工具，并在其选项中选择“平滑”，在舞台上绘制一条平滑的曲线作为纸飞机的飞行路径。
6. 用鼠标单击图层1的第一帧，用工具箱中的“选择工具”将纸飞机（元件1），移至曲线的起始端。
然后用鼠标单击图层1的第30帧，将纸飞机用同样的方法移至曲线的终止端。
然后在图层1的第1帧到第30帧任意一帧上单击右键创建补间动画。
选中图层1的第30帧，用工具箱中的“任意变形工具”旋转元件，调整纸飞机的角度。
7.选择“文件”菜单下的保存命令，将文件保存。
按CTRL+Rnter进行影片测试
4、制作简单的FLASH动画，该动画效果是屏幕中间的人物图形在顺时帧旋转2次后出现在屏幕中央，并且在出现的过程中图形由小变大，并且实现淡入效果。
（写出详细创作步骤）。
先插入一个影片剪辑（插入-新建元件-影片剪辑），在这个影片剪辑里画一个转盘，具体分成。
，几等份及各部份大小由实际情况决定
这里一共添加了三个图层，下面一层是下面的圆，中间第二层是文字，并加上投影滤镜，上面第三层加上了一个高光效果，让转盘看上去立体感强一些
插入一个图形元件，画一个小三角形，用来指向当前的奖号
插入一个按钮元件，画一个按钮出来
回到场景，将转盘、按钮、小三角形的位置在场景中摆好
选中按钮，设置按钮动作为：
on（release,keyPress""）{//当按下空格键或鼠标点击按钮时vara:
Boolean;//设置一个逻辑值
if（a）{//为真时
zp.onEnterFrame=function（）{//转盘转动this._rotation+=20;
i=25;
选中影片剪辑（那个转盘），然后设置其实例名称（属性-实例名称）为“zp”
（1）选中这一帧，添加帧动作为：
fscommand（"fullscreen","true"）;//全屏
i=20;
zp.onEnterFrame=function（）{//让动画开始时，转盘就开始转动
this._rotation+=20;//转动的速度为20
};
升级会员 