Flash MX2004入门与进阶实例－－动画基础（28）
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-14
|
第三章 动画基础 第六节 引导路径动画(5) ???? （2）创建元件 本例中的元件较前面的实例要多一些，我们把它们分成“水泡部分”、“海底部分”、“游鱼部分”三大部分来叙述。先来创建和水泡有关的部分。 步骤1 创建“单个水泡”元件 执行【插入】|【新建元件】命令，新建一个图形元件，名称为“单个水泡”。先在场景中画一个无边的圆，颜色任意，大小为30×30像素，再在【混色器】面板中，添加两个色标，颜色全为白色，【Alpha】值从左向右依次为100%、40%、10%、100%，如图3-6-22所示，选择【颜料桶工具】  ，在画好的圆的中心偏左上的地方单击一下，如对填充的颜色不满意，可以用【填充变形工具】 进行调整。
图3-6-22 水泡（放大400倍）、填充位置及混色器面板参数
步骤2 创建“一个水泡及引导线”元件
执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“一个水泡及引导线”。单击【添加引导层】按钮 ，添加一个引导层，在此层中用【铅笔工具】 从场景的中心向上画一条曲线，在第60帧处添加普通帧。将工具箱中的【对齐对象】按钮按下，选中被引导层的第一帧，从【库】中将名为“单个水泡”的元件，拖放在引导线的下端，在第60帧添加关键帧，把“单个水泡”元件实例移到引导线的上端并设置【Alpha】值为50%，如图3-6-23所示。
?
图3-6-23 水泡及引导线
步骤3 创建“成堆的水泡”元件
执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“成堆的水泡”。从库里拖入数个“一个水泡及引导线”元件，任意改变大小和位置，图3-6-24仅供参考。
图3-6-24 成堆的水泡（放大400倍）
下面我们来做“游鱼”部分的元件。
步骤4 创建“游鱼”元件
执行【插入】|【新建元件】命令，新建影片剪辑，名称为“游鱼”。在场景中共设四层，图层名称分别为“鱼头”、“中间鱼尾”、“上面鱼尾”、“下面鱼尾”。
在各图层中画出鱼的各部分形状，如图3-6-25所示，“鱼头”层中是鱼的眼睛和圆滚滚的身子，为了体现鱼游动时的婀娜多姿，我们把鱼尾分成上、中、下三部分（有关鼠绘的知识请看相关章节），画好后在第7、14帧处各添加关键帧，把鱼头、鱼尾位置形状稍做改变，在第1、7、14帧处创建补间形状动画。为了保持动作连贯，第20帧和第1帧中的形状是完全一样的。
图3-6-25 鱼在各帧的形状及时间轴面板
步骤5 创建“鱼及引导线”元件
执行【插入】|【新建元件】命令，新建一个影片剪辑，名称为“鱼及引导线”。此元件只有引导层和被引导层二层，单击时间轴面板上的【添加运动引导层】按钮，新建引导层，在引导层中用【铅笔工具】画一条曲线，作为鱼儿游动时的路径，选择引导图层的第100帧，按F5键，使图层中的帧延伸到第100帧。在被引导层中拖入库中名为“游鱼”的元件，用【任意变形工具】调整“游鱼”元件实例的大小，选择第100帧，按F6键，插入关键帧，分别调整第1帧和第100帧中的“游鱼”元件实例到引导线的两端，在第1帧建立补间运动动画，其位置如图3-6-26所示。
图3-6-26 鱼在第1帧和第100帧的位置
关键词：动画 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例－－动画基础（28）的所有评论
