关闭

关闭

关闭

封号提示

内容

首页 4-5 Flash 8 引导路径动画详解及实例.doc

4-5 Flash 8 引导路径动画详解及实例.doc

4-5 Flash 8 引导路径动画详解及实例.doc

上传者: 眨巴眨巴 2012-07-19 评分 0 0 0 0 0 0 暂无简介 简介 举报

简介:本文档为《4-5 Flash 8 引导路径动画详解及实例doc》,可适用于IT/计算机领域,主题内容包含单纯依靠设置关键帧有时仍然无法实现一些复杂的动画效果有很多运动是弧线或不规则的如月亮围绕地球旋转、鱼儿在大海里遨游等在Flash中能不能做出这种效果符等。

单纯依靠设置关键帧有时仍然无法实现一些复杂的动画效果有很多运动是弧线或不规则的如月亮围绕地球旋转、鱼儿在大海里遨游等在Flash中能不能做出这种效果呢?  答案是肯定的这就是“引导路径动画”。  将一个或多个层链接到一个运动引导层使一个或多个对象沿同一条路径运动的动画形式被称为“引导路径动画”。这种动画可以使一个或多个元件完成曲线或不规则运动。.创建引导路径动画的方法  ()创建引导层和被引导层  一个最基本“引导路径动画”由二个图层组成上面一层是“引导层”它的图层图标为下面一层是“被引导层”图标同普通图层一样。  在普通图层上点击时间轴面板的“添加引导层”按钮该层的上面就会添加一个引导层同时该普通层缩进成为“被引导层”如图所示。图引导路径动画  ()引导层和被引导层中的对象  引导层是用来指示元件运行路径的所以“引导层”中的内容可以是用钢笔、铅笔、线条、椭圆工具、矩形工具或画笔工具等绘制出的线段。  而“被引导层”中的对象是跟着引导线走的可以使用影片剪辑、图形元件、按钮、文字等但不能应用形状。  由于引导线是一种运动轨迹不难想象“被引导”层中最常用的动画形式是动作补间动画当播放动画时一个或数个元件将沿着运动路径移动。  ()向被引导层中添加元件  “引导动画”最基本的操作就是使一个运动动画“附着”在“引导线”上。所以操作时特别得注意“引导线”的两端被引导的对象起始、终点的个“中心点”一定要对准“引导线”的个端头如图所示。图元件中心十字星对准引导线  在图中我们特地把“元件”的透明度设为使你可以透过元件看到下面的引导线“元件”中心的十字星正好对着线段的端头这一点非常重要是引导线动画顺利运行的前提。.应用引导路径动画的技巧  ()“被引导层”中的对象在被引导运动时还可作更细致的设置比如运动方向把【属性】面板上的【路径调整】前打上勾对象的基线就会调整到运动路径。而如果在【对齐】前打勾元件的注册点就会与运动路径对齐如图所示。图路径调整和对齐  ()引导层中的内容在播放时是看不见的利用这一特点可以单独定义一个不含“被引导层”的“引导层”该引导层中可以放置一些文字说明、元件位置参考等此时引导层的图标为。  ()在做引导路径动画时按下工具栏上的【对齐对象】功能按钮可以使“对象附着于引导线”的操作更容易成功。  ()过于陡峭的引导线可能使引导动画失败而平滑圆润的线段有利于引导动画成功制作。  ()被引导对象的中心对齐场景中的十字星也有助于引导动画的成功。  ()向被引导层中放入元件时在动画开始和结束的关键帧上一定要让元件的注册点对准线段的开始和结束的端点否则无法引导如果元件为不规则形可以按下工具栏上的任意变形工具调整注册点。  ()如果想解除引导可以把被引导层拖离“引导层”或在图层区的引导层上单击右键在弹出的菜单上选择【属性】在对话框中选择“正常”作为图层类型如图所示。    图图层【属性】面板  ()如果想让对象作圆周运动可以在“引导层”画个圆形线条再用橡皮擦去一小段使圆形线段出现个端点再把对象的起始、终点分别对准端点即可。  ()引导线允许重叠比如螺旋状引导线但在重叠处的线段必需保持圆润让Flash能辨认出线段走向否则会使引导失败。实例:海底世界  实例简介  海底是很多人向往的神秘世界今天我们就用Flash来试着描绘这个世界。这个实例中包括了补间运动动画、补间形状动画、遮罩动画、引导路径动画等四种动画形式制作上要比前面几课中的实例难度大一些不过它能综合复习前面学过的内容操作原理也是我们熟悉的相信你一定能顺利完成这个实例其运行效果如图所示。图海底  知识提要综合应用四种动画形式创建透明水泡创建多层遮罩  制作步骤  ()创建影片文档  新建一个影片文档舞台尺寸设置为*象素【背景色】设置为深蓝色如图所示。图文档属性  ()创建元件  本例中的元件较前面的实例要多一些我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三个部分来叙述。先来创建和水泡有关的部分。  、创建“单个水泡”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“单个水泡”。先在场景中画一个无边的园颜色任意大小为*再设置混色器面板的参数四个调节手柄全为白色Alpha值从左向右依次为%、%、%、%如图所示用油漆筒工具在画好的圆的中心偏左上的地方点一下如对填充的颜色不满意可以用填充变形工具进行调整。图水泡(放大倍)、填充位置及混色器面板参数  、创建“一个水泡及引导线”元件  执行【插入】|【新建元件】命令新建影片剪辑名称为“一个水泡及引导线”。点击添加引导层按钮添加一个引导层在此层中用铅笔工具从场景的中心向上画一条曲线并在第帧处加普通帧。在其下的被引导层的第一帧拖入库中的名为“单个水泡”的元件放在引导线的下端在第帧加关键帧把“单个水泡”元件移到引导线的上端并设置Alpha值为%如图所示。图水泡及引导线  、创建“成堆的水泡”元件  执行【插入】|【新建元件】命令新建一个影片剪辑名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件任意改变大小位置图仅供参考。图成堆的水泡(放大倍)  、创建“鱼及引导线”元件  执行【插入】|【新建元件】命令新建一个影片剪辑名称为“鱼及引导线”。此元件只有引导层和被引导层二层点击时间轴面板上的添加引导层图标新建引导层在引导层中用铅笔工具画一条曲线作鱼儿游动时的路径在被引导层中执行【文件】|【导入到场景】命令将本实例中的名为“鱼”的元件导入到场景中在第帧及第帧中分别置于引导线的两端在第一帧中建立补间运动动画在【属性】面板上的【路径调整】、【同步】、【对齐】三项前均打勾如图所示。图鱼及引导线  下面我们来创建海底实例中“水波荡漾”效果所需的元件。  、创建“海底”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“海底”。选择第一帧然后再执行【文件】|【导入到场景】命令将本实例中的名为“海底bmp”的图片导入到场景中。  、创建“遮罩矩形”元件  执行【插入】|【新建元件】命令新建一个图形元件名称为“遮罩矩形”。在场景中画一个*的无边矩形因为“遮罩层”中的图形在播放时不会显示所以颜色任意。  复制并粘贴这个矩形向下移一点位置使其变成二个再复制并粘贴这二个矩形再向下移一点位置使其变为四个如此循环直至创建出一个*的矩形如图所示。图遮罩矩形  、创建“水波效果”元件    水波荡漾的效果是用遮罩动画的手法做的看着挺漂亮实际制作却很简单只用三层就完成了里面有二个小技巧在下面的讲解过程中会着重介绍。  执行【插入】|【新建元件】命令新建一个影片剪辑名称为“水波效果”如图所示。图创建“水波效果”元件  先把最下面图层作为当前编辑图层从库里拖入名为“海底”的图形元件在【属性】面板上设置元件的X值为Y值为在时间帧上点一下右键在弹出菜单中选择【复制帧】在第帧加普通帧。  然后新建一个图层在这层的第一帧上点一下右键在弹出菜单中选择【粘贴帧】就把刚才的元件粘到第二层里了在【属性】面板上设置此元件的X值为Y值为Alpha值为%在第帧加普通帧。  注意:这里是一个技巧:第二层图片与第一层图片的位置差决定水波荡漾的大小!位置差越大水波越大其Alpha值的大小决定水波的清晰程度Alpha值越大水波越清晰反之越模糊。  图是第一层和第二层中两张图片在XY轴的位置的不同的对比。图两张图片在场景中的位置对比  要实现水波荡漾光有二层图片是不行的还要用遮罩动画实现光线的明暗变化才行,这样才能产生水的流动感。  新建一层在第帧上拖入库中名为“遮罩矩形”的元件注意下面的边缘对着“海底图片”的下边缘。在第帧上加关键帧拖动“遮罩矩形”使其上边缘对着“海底图片”的上边缘在第帧创建补间动作动画。如图所示。图遮罩层中矩形元件的位置  至此这个动画所需的基本构件已经制作完成大功告成接下来还必需在场景中把各个构件“组装”起来。  在主场景中一共需要个图层我们由下而上一层一层地叙述请随时参考图。  ()创建动画  、创建背景层  从库中把名为“水波效果”的元件拖到场景中在第帧加普通帧该层命名为“背景”。  、创建水泡层  新建名为“水泡”的图层在第帧第帧从库里把名为“成堆的水泡”的元件拖到场景中来数目、大小、位置任意在第帧加普通帧。  、创建游鱼层  新建名为“鱼”的图层从库里把名为“鱼及引导线”的元件拖放到场景的左侧数目、大小、位置任意在第帧加普通帧。图图片、鱼、水泡的位置  从场景中你是否发现我们在制作过程中免不了会在场景外放置一些对象(图所示在场景外就有一条鱼)这些“场外对象”在本地播放器中不会出现而当你在网上发布swf文件时由于网站(尤其各种论坛)默认的swf文件的尺寸不尽相同有的会显示出“场外对象”这好比一个舞台剧演出时幕后候台演员的情况也暴露出来非常不美观怎么办呢?  记得在谈到“遮罩动画”时我们曾提到过“遮罩”的另外一个作用是“用来遮罩全部场景或某个特殊区域”那么下面就试试用遮罩来为我们管理舞台界面!  步骤创建遮罩层  在场景中画一个无边矩形大小为*盖住全部场景设此层为遮罩层此时下面的声音层自动缩进被遮罩了用鼠标左键分别按住下面的各层向上略移一点点松手各层就会自动缩进被遮罩了如图所示。  这样在播放时我们就只能看到场景中的情形了场景外的元件被遮罩了。图遮罩层遮住下面各层

用户评论(0)

0/200

精彩专题

上传我的资料

每篇奖励 +2积分

资料评价:

/13
0下载券 下载 加入VIP, 送下载券

意见
反馈

立即扫码关注

爱问共享资料微信公众号

返回
顶部