flash入门基础第9课引导路径动画

《flash入门基础第9课引导路径动画》由会员上传分享，免费在线阅读，更多相关内容在应用文档-天天文库。

1、第9课引导路径动画在前面几课里，我们已经给大家介绍了一些动画效果，如跳动的小球、辉光掠过文字等等，不知你注意到没有，这些动画的运动轨迹都是直线的，可是在生活中，有很多运动是弧线或不规则的，如月亮围绕地球旋转、鱼儿在大海里遨游等，在Flash中能不能做出这种效果呢？答案是肯定的，这就是“引导路径动画”。将一个或多个层链接到一个运动引导层，使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。学习目的u      创建多层引导路径动画u      用文字做路径u      创

2、建光芒四射的星星课前热身沪上老康是个Flash“老玩童”，他的古道热肠为人所称道，老康蓝屋（http://www.hslk.com/）是他的个人网站，这个网站在闪客中也是大名鼎鼎。下面来研究一下网站上“老康蓝屋”这几个字的动画效果，它是一个多图层路径引导动画，其运行效果如下。以下是本范例的制作步骤：　（1）创建影片文档步骤1设置影片文档属性　　执行【文件】

3、【新建】命令，新建一个影片文档，设置舞台尺寸为515×152像素，背景色为黑色（在教程中，我们为了更好地显示场景中的内容，背景色设为了深蓝色），如图3-6-6所示。图3-6-6文

4、档属性 步骤2创建背景图层　　执行【文件】

5、【导入】

6、【导入到舞台】命令，将配套光盘中的名为“老康蓝屋背景.bmp”的图片导入到场景中（“老康蓝屋.bmp”图片位置：光盘examplepart3***图片老康蓝屋.bmp）。　（2）创建元件步骤1创建“老康蓝屋”元件　　执行【插入】

7、【新建元件】命令，新建一个图形元件，名称为“老康蓝屋”，如图3-6-7所示。图3-6-7创建“老康蓝屋”元件 选择【文本工具】，在场景中输入“老康蓝屋”四个字，在【属性】面板中，设置文本类型【静态文本】，字体【华文彩云】，字体大小为80，颜色为

8、白色，如图3-6-8所示。图3-6-8“老康蓝屋”文字【属性】面板 　　建“星星”元件　　执行【插入】

9、【新建元件】命令，新建一个图形元件，名称为“星星”，如图3-6-9所示。图3-6-9创建“星星”元件 　　在这个新元件中，我们将用一个圆形构成星星的主体，另用三条直线构成星星四射的光芒。　　将【图层1】名称重新命名为“中心”，选择【椭圆工具】，设置【笔触颜色】为无，在场景中画一个圆形，大小为“13×13”像素。在【混色器】面板中，选择【填充样式】为【放射状】，将两个色标的颜色均设置为白色，其中左边的【Alpha】值为100%，右边

10、的为0%，用【颜料桶工具】填充圆形，设置颜料桶属性和填充后的效果如图3-6-10所示。图3-6-10画星星的中心 　　新建一个图层，重新命名为“光芒”，选择工具栏上的【矩形工具】，设置【笔触颜色】为无，在场景中绘制一个细长的矩形。在【混色器】面板中，选择【填充样式】为【线性】，将四个色标的颜色均设置为白色。其中，中间两个色标【Alpha】值为100%，左右两边的两个色标【Alpha】值为0%，用【颜料桶工具】填充矩形，设置颜料桶属性如图3-6-11所示。图3-6-11【混色器】面板接着，我们复制几条光芒，单击【窗口】

11、【设计面板】

12、

13、【变形】，打开【变形】面板，设置【旋转】为45度，连续单击三次【复制并应用变形】按钮，星星的光芒就画好了，变形面板及星星效果分别如图3-6-12(a)和3-6-12(b)所示。      3-6-12(a)制作完成的星星效果                  图3-6-12(b)变形面板注意，画好的星星中心要对准场景中的十字星(为了显示清楚，图3-6-12中星星放大300%)。步骤3创建“旋转的星星”元件　　执行【插入】

14、【新建元件】命令，新建一个影片剪辑，名称为“旋转的星星”。从库中将名为“星星”的元件拖到第1帧中，在第20帧添加

15、关键帧，再在第1帧建立动作补间动画，在【属性】面板上设置顺时针旋转一周，如图3-6-13所示。图3-6-13设置动作补间动画的旋转 步骤4创建“填充颜色”元件　　执行【插入】

16、【新建元件】命令，新建一个影片剪辑，名称为“填充颜色”。先从库里把图形元件“老康蓝层”拖到场景中，然后执行【修改】

17、【分离】命令三次，把文字打散为图形，其中第一次是将图形元件实例分离成文字，第二次是将文字分离成单个的字块，第三次是将　　文字块分离成图形。选择【选择工具】，在场景的空白处单击，取消对文字的选择，再选择【颜料桶工具】，把每个字中间的空隙都填充上蓝色

18、，如图3-6-14所示。图3-6-14填充好的文字 　（3）创建动画　　单击时间轴右上方的【编辑场景】按钮，选择【场景1】切换到主场景中。　　本实例场景中共有八个图层，最下面的图层是图片背景，在前面已经先建好了，现在我们从最后第二层开