单击此处编辑母版标题样式,单击此处编辑母版文本样式,第二级,第三级,第四级,第五级,*,第五章：创建动画之二,第五章：创建动画之二,1,教学目标：,1、掌握动作补间动画的制作和应用,2、知道形状补间动画的概念和掌握FLASH8的,形状补间动画制作和应用,3、掌握时间轴特效的应用,教学目标：,2,继续完成动作补间动画实例：网站BANNER的制作，加深对,动作补间动画的理解,继续完成动作补间动画实例：网站BANNER的制作，加,3,（一）、形状补间动画,补间动画制作方法有两种：,形状补间和动作补间。,形状补间动画是Flash中非常重要的表现手法之一，运用它，你可以变幻出各种奇妙的变形效果。,（一）、形状补间动画,4,1形状补间动画的概念,（1）形状补间动画的概念,在Flash的时间帧面板上，在一个时间点（关键帧）,绘制一个形状，然后在另一个时间点（关键帧）更改该,形状或绘制另一个形状，Flash 根据二者之间的帧的值,或形状来创建的动画被称为“形状补间动画”。,（2）构成形状补间动画的元素,形状补间动画可以实现两个图形之间颜色、形状、大小,、位置的相互变化，使用的元素多为用鼠标绘制出的形状，,如果使用图形元件、按钮、文字，则必先“打散”再变形。,1形状补间动画的概念,5,（3）形状补间动画在时间帧面板上的表现,形状补间动画建好后，时间帧面板的背景色变为淡绿色，在起始帧和结束帧之间有一个长长的箭头,（4）创建形状补间动画的方法,在时间轴面板上动画开始播放的地方创建或选择一个关键帧并设置要开始变形的形状，一般一帧中以一个对象为好，在动画结束处创建或选择一个关键帧并设置要变成的形状，再单击开始帧，在【属性】面板上单击【补间】旁边的小三角，在弹出的菜单中选择【形状】，此时，时间轴上的变化如图所示，一个形状补间动画就创建完毕。,（3）形状补间动画在时间帧面板上的表现（4）创建形状补间动,6,2认识形状补间动画的属性面板,Flash的【属性】面板随鼠标选定的对象不同而发生相应的,变化。当我们建立了一个形状补间动画后，点击时间帧，,【属性】面板如图所示。,2认识形状补间动画的属性面板,7,形状补间动画的【属性】面板上只有二个参数：,（1）“简单”选项,在“0”边有个滑动拉杆按钮，单击后上下拉动滑杆或填,入具体的数值，形状补间动画会随之发生相应的变化。,在1到-100 的负值之间，动画运动的速度从慢到快，朝运,动结束的方向加速度补间。,在1 到 100 的正值之间，动画运动的速度从快到慢，朝运,动结束的方向减慢补间。,形状补间动画的【属性】面板上只有二个参数：,8,（2）“混合”选项,“混合”选项中有二项供选择：,“角形”选项：创建的动画中间形状会保留有明显的角和直线，,适合于具有锐化转角和直线的混合形状。,“分布式”选项：创建的动画中间形状比较平滑和不规则。,（2）“混合”选项,9,实例：形状变形,（1）启动Flash，选定“矩形”工具，用适当的的颜色在舞台中,画一个正方形,（2）单击“时间轴”面板中的第10帧，执行“插入空白关键帧”,命令，插入空白关键帧。,（3）选定“椭圆”工具，在舞台中画一个正圆,（4）单击“时间轴”面板的第1帧，在“属性”面板中单击补间,框，打开下拉列表，再单击其中的“形状”选项，把补间类型,改为“形状”。,（5）仿照第2步至第4步操作，在“时间轴”面板的第20帧插入,空白关键帧，画一个三角形，再把补间类型设为“形状”,（6）保存文件为“形状变形.fla”,（7）敲回车键，播放动画，观看效果。,实例：形状变形,10,一、完成一个由椭圆变文字的形状补间动画,二、完成一个由文字变椭圆的形状补间动画,三、完成一个由椭圆变文字，再由文字变椭圆的形状补间动画,一、完成一个由椭圆变文字的形状补间动画,11,（3）形状补间动画和动作补间动画的区别,形状补间动画和动作补间动画都属于补间动画。前后都,各有一个起始帧和结束帧，二者之间的区别（你会不会填呢？）,区别之处,动作补间动画,形状补间动画,在时间轴上的表现,组成元素,完成的作用,（3）形状补间动画和动作补间动画的区别 区别之处 动作补间动,12,区别之处,动作补间动画,形状补间动画,在时间轴上的表现,淡紫色背景加长箭头,淡绿色背景加长箭头,组成元素,影片剪辑、图形元件、,按钮,其他的位图、文本,等等都必须要转换成元,件,形状，如果使用图形,元件、按钮、文字，,则必先打散再变形。,完成的作用,实现一个元件的大小、,位置、颜色、透明等的,变化。,实现二个形状之间的,变化，或一个形状的,大小、位置、颜色等,的变化。,区别之处 动作补间动画 形状补间动画 在时间轴上的表现 淡紫,13,（二）、时间轴特效的应用,如果经常要制作一些复杂并且重复的动画效果，可以使用,FLASH内建的时间轴特效，为平淡的动画添加一些闪亮的动感。,提示：FLASH中的时间轴特效可以添加到,文本、图形、位图和元件,上。,（二）、时间轴特效的应用提示：FLASH中的时间轴特效可以添,14,1、时间轴特效的添加方法,在FLASH中，选择插入-时间轴特效命令可以看到FLASH,内建的时间轴特效，共有3种类型：变形/转换、帮助、效果。,其中效果类型下又包括了4种具体时间轴特效.,在FLASH影片中添加时间轴特效时，,必须先在舞台上选中要添,加时间轴特效的对象，,然后选择插入-时间轴特效命令，将,具体的某一种类型的时间轴特效添加到这个对象上。,如果不选,中对象，具体的时间轴特效命令将成灰色显示，处于不可用状态。,1、时间轴特效的添加方法在FLASH影片中添加时间轴特效时，,15,下面以制作一个文字阴影效果为例，介绍添加时间轴特效的操,作步骤。,（1）、新建一个FLASH文件，选择工具箱中的文本工具，在舞,台中输入“闪客天地”文字,（2）、在属性面板中设置文字的属性：黑色的字体大小为60,的黑体字,下面以制作一个文字阴影效果为例，介绍添加时间轴特效的操,16,（3）、选择插入-时间轴特效-效果-投影命令，,弹出投影对话框,（3）、选择插入-时间轴特效-效果-投影命令，,17,完成特效后，我们还能不能对它进行编辑修改呢？,如果需要重新设置投影效果的参数，选择修改-时间轴,特效-编辑特效命令，可继续编辑当前特效,完成特效后，我们还能不能对它进行编辑修改呢？如果需要重新设置,18,（5）、如果需要删除投影效果，选择修改-时间轴特效-,删除特效命令,（6）、选择窗口-库命令，在弹出的库面板中可以看到Flash,8自动将文本转换为元件,（7）、在库面板中的投影图形元件上双击鼠标左键，弹出一个,特效设置警告对话框，提示此元件包含特效，如果要进,行编辑，其中的特效将不可更改,（5）、如果需要删除投影效果，选择修改-时间轴特效-,19,（8）、单击确定按钮，进入图形元件的编辑状态，这个元件,的时间轴面板上有两个图层，上层输入的文字，下层是FLASH,按照设置生 成的一个阴影图形，两层重合后显示的是文字阴,影效果,（8）、单击确定按钮，进入图形元件的编辑状态，这个元件,20,动手实践：,1、制作一个时间轴特效,2、线条变文字效果,动手实践：,21,