Flash动画制作与实训 教学课件 作者 邓文达 第4章 从基础动画做起.ppt

《Flash动画制作与实训 教学课件 作者 邓文达 第4章 从基础动画做起.ppt》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、第4章从基础动画做起Flash的动画类型4.1创建逐帧动画4.2创建补间动画4.3创建补间形状4.4创建沿路径运动的动画4.5创建遮罩动画4.6课堂学习目标了解Flash动画的类型和特点了解补间的概念掌握逐帧动画的制作掌握补间动画与补间形状的制作掌握沿路径运动动画的制作掌握遮罩动画的制作4.1Flash的动画类型Flash中的动画按照类型划分，可以分为两种基本类型：逐帧动画和补间动画。补间动画又分为动画补间动画（简称补间动画）和形状补间动画（简称补间形状）。4.1.1逐帧动画Flash的逐帧动画借鉴了传统动画的创作技法，采用了给原画加中间画的画法进行制作。不过在Flas

2、h中，原画与中间画经常由一个人来担任。逐帧动画在时间轴上表现为一个一个的关键帧，如图4-2所示。图4-2逐帧动画4.1.2补间动画在创建补间动画之前，首先要弄明白“补间”的概念。所谓补间，就是只需要绘制出开始和结束两个帧的内容，中间过渡部分（中间画）由电脑自己计算出来。补间的开始和结束帧被称为“关键帧”，中间由电脑计算出的部分称为补间帧，用补间的方式制作的动画称为补间动画，如图4-3所示。开始关键帧补间帧结束关键帧图4-3小女孩淡入的补间动画4.1.3补间形状补间形状是“形状”之间的切换动画，即从一个“形状”逐渐过渡到别一个“形状”。在形状补间中，可在时间轴的特定帧中绘

3、制一个形状，然后更改该形状或在另一个特定帧绘制另一个形状。然后，Flash将内插中间帧的中间形状，创建一个形状变形为另一个形状的动画。补间帧中的内容是依靠两个关键帧上的形状进行计算得到的。4.2创建逐帧动画4.2.1花开动画4.3创建补间动画4.3.1补间动画的特点补间动画是元件实例所参与的一种动画形式，是实例属性变化过渡的一种动画。动画补间将补间前、后两个关键帧的属性作为变化参数，在动画播放的时候实时计算出中间补间帧的实例属性并且显示它。在Flash中，可以对影片剪辑、图形和按钮元件创建补间动画。可补间的对象属性包括位置、大小、旋转、缩放、倾斜、颜色与滤镜等属性。补间

4、动画除了简单的属性变化外，根据过渡要求的不同还存在下列一些特殊的参数，如图4-29所示。4.3.2爱心树4.3.3猴子捞月亮4.4创建补间形状补间形状是“形状”之间的切换动画，即从一个“形状”逐渐过渡到别一个“形状”。补间形状和补间动画有所不同，它涉及到的一些设定如图4-61所示。图4-61补间形状的“属性”面板4.4.1简单变形补间形状用到的元素必须是非成组、非元件的矢量图形，如果希望有一个元件的实例或者成组元素进行形状变形的话，可以使用分离功能将其转换到非成组的状态，即矢量图形的状态，如图4-62所示。实例分离前状态分离后状态文本分离前后状态图4-62使用分离功能将

5、元素转换成矢量图形4.4.2控制变形为了能更好的控制变形，还可以添加控制点来控制变形。在创建好形状变形动画后，执行菜单“修改”→“形状”→“添加形状提示”命令；或按下“Ctrl+Shift+H”快捷键即可给变形的对象增加控制点，如图4-63所示，其中，a、b是两个控制点。图4-63控制变形但即使这样，Flash的形状自动变形仍然难以控制，变化过程往往莫名其妙难于把握，如果您花很多时间在调整控制点上，您会发现用这段时间还不如老老实实自己画出中间过程。所以在这里只简单地提一下控制变形，不再详细介绍啦！4.4.3椭圆变花由于形状补间动画的变化过程往往莫名其妙且难于把握，所以补

6、间形状一般较少使用。下面只以一个简单的实例来介绍补间形状的特点和创建方法，效果如图4-64所示。图4-64实例效果4.5创建沿路径运动的动画前面制作的动画，运动轨迹比较简单，采用设置关键帧的方法就能完成，如上升的爱心。但在运动轨迹比较复杂的情况下，例如在制作漫天飞花、漂浮的气泡、飞舞的蝴蝶，或沿圆环运动的对象等，即有一定运动轨迹的动画时，单纯依靠设置关键帧来实现，显然不太现实的。在Flash中还有一个广泛使用的功能就是引导线。这个功能可以设定实例按一定的路径运动。那么在制作有一定运动轨迹的动画时，就要采用这个功能——引导线。4.5.1沿路径运动动画的特点制作沿路径运动的

7、动画至少要两层：引导层和被引导层。且引导层必须位于被引导层之上。引导层用来放置引导线，被引导层用于放置沿路径运动的元件实例，如图4-70所示，沿路径飞舞的花瓣。图4-70引导层和被引导层绘制的引导线必须是开放的路径，即有两个端点：开始点和结束点。如果要制作沿环形运动的动画，可以先绘制环形路径，再用“橡皮擦工具”在环形路径上擦出一个缺口，如图4-71所示。4.5.2飞行的蜻蜓图4-71绘制环形路径4.6创建遮罩动画遮罩是Flash的一项最基本的功能，使用遮罩可以做出很多效果。在制作遮罩动画之前，首先我们来了解遮罩的特点。4.6.1遮罩动画的