《FLASH动画几个概念》由会员分享，可在线阅读，更多相关《FLASH动画几个概念（19页珍藏版）》请在金锄头文库上搜索。
1、逐帧动画1逐帧动画的概念和在时间帧上的表现形式 在时间帧上逐帧绘制帧内容称为逐帧动画，由于是一帧一帧的画，所以逐帧动画具有非常大的灵活性，几乎可以表现任何想表现的内容。 什么叫补间动画?所谓补间动画又叫做中间帧动画，这里,又分为动作补间和形状补间动作补间是物体有一个状态到另一个状态。补间动画有两种：动作补间和形状补间动作补间：是由一个形态到另一个形态的变化过程，像移动位置，改变角度等。动画补间是淡紫色底加一个黑色箭头组成的。形状补间：是由一个物体到另一个物体间的变化过程，像由三角形变成四方形等。形状补间是淡绿色底加一个黑色箭头组成的。1、动作补间动画：动作补间动画也是Flash中非常重要的表现
2、手段之一，与“形状补间动画”不同的是，动作补间动画的对象必需是“元件”或“成组对象”。运用动作补间动画，你可以设置元件的大小、位置、颜色、透明度、旋转等种种属性，配合别的手法，你甚至能做出令人称奇的仿3D的效果来。动作补间动画的概念：在一个关键帧上放置一个元件，然后在另一个关键帧改变这个元件的大小、颜色、位置、透明度等，Flash 根据二者之间的帧的值创建的动画被称为动作补间动画。 构成动作补间动画的元素：构成动作补间动画的元素是元件，包括影片剪辑、图形元件、按钮、文字、位图、组合等等，但不能是形状，只有把形状“组合”或者转换成“元件”后才可以做“动作补间动画”。 动作补间动画制作实例实例飞行
3、的飞机实例简介巍巍群山，茫茫云海，轻烟似的白云缓缓飘过，一架飞机由近而远的飞去，渐渐消失在远方，如图3-4-3所示。本例制作不难，但通过它，你可以掌握创建动作补间动画的方法。图3-4-3 飞机飞行动画知识提要 创建动作补间动画 制作元件由大变小的效果 制作元件透明度变化的效果（1）创建影片文档步骤1 设置影片文档属性执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为650255像素，【背景色】为白色，如图3-4-4所示。图3-4-4 影片文档属性步骤2 创建背景图层执行【文件】|【导入】|【导入到
4、舞台】命令，将配套光盘中名为“山峰.jpg”的图片导入到场景中（“山峰”图片位置：光盘examplepart3*图片山峰.jpg）。用【箭头工具】调整图片在舞台上的位置，使其居于舞台的中央。如果图片大小不合适，再选择【任意变形工具】调整图片大小。选择第100帧，按F5键，添加普通帧。（2）创建元件步骤1 创建飞机元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“飞机”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“飞机.png”图片导入到场景中（“飞机”图片位置：光盘examplepart3*图片飞机.png）。步骤2 创建白云
5、元件执行【插入】|【新建元件】命令，新建一个图形元件，名称为“白云”。这时进入新元件编辑场景，选择第一帧，执行【文件】|【导入】|【导入到舞台】命令，将配套光盘中的名为“白云.png”的图片导入到场景中（“白云”图片位置：光盘examplepart3*图片白云.png）。（3）创建动画步骤1 创建飞行效果单击时间轴右上角的【编辑场景】按钮，选择【场景1】，转换到主场景中。新建一层，把库里名为“飞机”的元件拖到场景的左侧，执行【修改】|【变形】|【水平翻转】命令，将飞机元件实例水平翻转。在【属性】面板上打开【颜色】旁边的小三角，设置【Alpha】值为80%，如图3-3-5所示。图3-3-5 第一
6、帧中飞机在场景中的位置和Alpha值飞机向远处飞去，应该越来越小，越来越模糊，来看看这种效果是什么做出来的吧，选中【图层2】的第100帧，按F6键，添加一个关键帧，在【属性】面板中设置飞机的大小，【W】值是飞机的宽值，为32；【H】值是飞机的高值，为18.9；【X】、【Y】则是飞机在场景中的X、Y坐标，分别是628.5,51，如图3-4-6所示。图3-4-6 飞机在100帧处的位置和大小在【属性】面板上，设置【Alpha】值为20%。用鼠标右键单击【图层2】的第一帧，选择【创建补间动画】。步骤2创建白云飘过的效果新建一层，从库中拖出名为“白云”的元件，放置在背景图右侧的山峰处，设置【Alpha
7、】值为80%，在第100帧处添加关键帧，把元件移到场景的左上方，设置【Alpha】值为40%。用鼠标右键单击图层的第一帧，选择【创建补间动画】。执行【控制】|【测试影片】命令，观察动画效果，如果满意，执行【文件】|【保存】命令，将文件保存成“飞机.fla”，如果要导出Flash的播放文件，执行【文件】|【导出】|【导出影片】命令，保存成“飞机.swf”文件。2、形状补间动画： 1形状补间动画的概念 （1）形状补间动画的概念在Flash的时间帧面板上，在一个时间点（关键帧）绘制一个形状，然后在另一个时间点（关键帧）更改该形状或绘制另一个形状，Flash 根据二者之间的帧的值或形状来创建的动画被称
8、为“形状补间动画”。（2）构成形状补间动画的元素 形状补间动画可以实现两个图形之间颜色、形状、大小、位置的相互变化，其变形的灵活性介于逐帧动画和动作补间动画二者之间，使用的元素多为用鼠标或压感笔绘制出的形状，如果使用图形元件、按钮、文字，则必先“打散”再变形。（3）形状补间动画在时间帧面板上的表现 形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头，如图3-3-1所示。图3-3-1 形状补间动画在时间帧面板上的标记（4）创建形状补间动画的方法 在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创
9、建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图3-3-1所示，一个形状补间动画就创建完毕。2认识形状补间动画的属性面板 Flash的【属性】面板随鼠标选定的对象不同而发生相应的变化。当我们建立了一个形状补间动画后，点击时间帧，【属性】面板如图3-3-2所示。图3-3-2 形状补间动画【属性】面板形状补间动画的【属性】面板上只有二个参数：（1）“简单”选项 在“0”边有个滑动拉杆按钮 ，单击后上下拉动滑杆或填入具体的数值，形状补间动画会随之发生相应的变化。在1到 -100 的负值之间，动画运动的速
10、度从慢到快，朝运动结束的方向加速度补间。 在1 到 100 的正值之间，动画运动的速度从快到慢，朝运动结束的方向减慢补间。 默认情况下，补间帧之间的变化速率是不变的。 （2）“混合”选项 “混合”选项中有二项供选择：“角形”选项：创建的动画中间形状会保留有明显的角和直线，适合于具有锐化转角和直线的混合形状。 “分布式”选项：创建的动画中间形状比较平滑和不规则。 至此，“形状补间动画”的相关知识大家都已经有所了解，下面动手个实例，体会一下形状补间动画的奇妙。实例:庆祝国庆 实例简介 国庆的夜空绚丽多彩，朵朵礼花在天空中绽放，远处传来礼炮的轰鸣声，让我们来给这美丽的夜晚增加点喜庆，挂几个大红灯笼来
11、庆祝祖国的生日吧。实例播放效果如图 3-3-4所示。图3-3-4 庆祝国庆实例画面知识提要 创建矢量图形 创建形状补间动画 将文字转变为形状 用混色器设置颜色 制作步骤 1、 创建新文档执行【文件】|【新建】命令，在弹出的面板中选择【常规】|【Flash文档】选项后，点击【确定】按钮，新建一个影片文档，在【属性】面板上设置文件大小为400*330象素，【背景色】为白色，如图3-3-5所示。图3-3-5 文档属性2、 创建背景图层执行【文件】|【导入到场景】命令，将本实例中名为“节日夜空.jpg”图片导入到场景中，在第80帧处按下F5，加普通帧。如图3-3-6所示。图3-3-6 插入背景图片3、
12、 创建灯笼形状 我们先来画灯笼，执行【窗口】|【设计面板】|【混色器】命令，打开混色器面板，如图3-3-7所示设置混色器面板的各项参数。图3-3-7 混色器面板设置之一选择工具栏上的椭圆工具 ，去掉边线 ，在场景中画一个椭圆做灯笼的主体，大小为65*40象素。接着我们来画灯笼上下的边，打开【混色器】面板，按照如图3-3-8设置参数。图3-3-8 混色器面板设置之二选择工具栏上的矩形工具 ，去掉边线，画一个矩形，大小为30*10象素，复制这个矩形，分别放在灯笼的上下方，再画一个小的矩形，长宽为7*10象素，作为灯笼上面的提手。最后用直线工具 在灯笼的下面画几条黄色线条做灯笼穗，一个漂亮的灯笼就画
13、好了。如图3-3-9所示（为了能清楚的显示灯笼，可暂时将背景色改为蓝色）。图3-3-9 画好的灯笼4、 复制粘贴四个灯笼复制刚画好的灯笼，新建三个图层，在每个图层中粘贴一个灯笼，调整灯笼的位置，使其错落有致的排列在场景中。在第20、40帧处为各图层添加关键帧，如图3-3-10所示。图3-3-10 错落有致的灯笼及时间轴面板5、把文字转为形状取代灯笼选取第一个灯笼，在第40帧处用文字“庆”取代灯笼，文字的的【属性】面板上的参数：【文本类型】为静态文本，【字体】为隶书，【字体大小】为60，【颜色】为红色。对“庆”字执行【修改】|【分散】命令，把文字转为形状。如图 3-3-11上半部分所示。依照以上
14、步骤，在第40帧处的相应图层上依次用“祝”、“国”、“庆”三个字取代另外三个灯笼，并执行【分散】操作，其结果如图 3-3-11下半部分所示。图3-3-11 用文字形状取代灯笼形状及文字打散6、 设置文字形状到灯笼形状的转变。在“灯笼”各图层的第60帧及80帧处，分别添加关键帧，现在，在80帧处各“灯笼”图层中的内容为“文字图形”，应该把它们换成“灯笼”。具体办法可以分别选择第20帧中的“灯笼”图形，再一个个“粘贴”进第80帧中，当然，你先应该清除第80帧处4个“灯笼”图层中的内容哦！7、 创建形状补间动画。在“灯笼”各图层的第20、60帧处单击帧，在【属性】面板上单击【补间】旁边的小三角在弹出
15、的菜单中选择【形状】，建立形状补间动画，如图3-3-12所示。图3-3-12 创建形状补间动画8、 测试存盘执行【控制】|【测试影片】命令，观察本例swf文件生成的动画有无问题，如果满意，执行【文件】|【保存】命令，将文件保存成“庆祝国庆.fla”文件存盘，如果要导出Flash的播放文件，执行【导出】|【导出影片】命令保存成“庆祝国庆.swf”文件。使用形状提示 形状补间动画看似简单，实则不然，Flash在“计算”2个关键帧中图形的差异时，远不如我们想象中的“聪明”，尤其前后图形差异较大时，变形结果会显得乱七八糟，这时，“形状提示”功能会大大改善这一情况。Flash 8 遮罩动画详解及实例在Flash8.0的作品中，我们常常看到很多眩目神奇的效果，而其中不少就是用最简单的“遮罩”完成的，
