Flash MX2004入门与进阶实例:4.5 精彩范例
作者 佚名技术
来源 服务器技术
浏览
发布时间 2012-07-09
第70帧的动作补间动画。
在【水波】第21帧插入关键帧,将水波图形元件拖放到两个小球的中间,并调整实例倾斜度,使之具有透视效果。在第43帧插入关键帧,将该帧上的实例放大,并将实例【Alpha】值修改为“0%”。
在时间轴的最后一帧定义以下动作脚本:
gotoAndPlay(1);
这样可以使MC重复播放。如图4-5-4所示,是“基础MC”图层结构及第21帧效果。
图4-5-4 “基础MC”图层结构及第21帧效果
?
步骤4 创建“MC合成1”元件
【MC合成1】的内部如图4-5-3所示。
在它的4个图层中,分别放置着4个“基础MC”,其排列、小大依照透视要求,反复调整而成。
?
图4-5-5 “合成1 MC”内部图层结构
?
从图4-5-5的【时间轴】及舞台内容看,其实并不复杂,两个【小球】和【倒影】图层中的对象都是小球实例,不过下面一个小球有一定透明度,模仿“影子”效果,运动方向相反,而【波纹】图层就是“波纹”效果的“动作变形”。
注意:这个MC时间轴的最后一帧要定义一个停止stop()动作,这样避免MC重复播放。
其它6个合成MC制作方法与此相同,在此不再累赘。
步骤5 布局场景
单击【时间轴】顶上的【主舞台】标签按钮,返回【场景】,按照图4-5-2所示图层结构安排7个“合成MC”实例的位置,并用绘图工具绘制界面和天光。整个实例效果请参阅源文件“三维空间.fla”(路径:配套光盘……)。
2.隐藏按钮元件的应用——课件项目交互界面 范例简介 这是一个“课件”内容选择的交互界面。 画面中左边排列着“课件”演示内容的7个项目,画面中间有7个人物图形,鼠标指向人物图形,将出现一根线条沿一定路径运动指向相应项目,到达项目后顶端的小球闪烁,以示该内容为该按钮的说明。单击每个人物,就进入相应的“课件”内容。 由于7个“课件”内容比较大,我们提供的源文件中已经删除,仅提供了一个公用画面,7个按钮的指令全指向该画面,你可以修改按钮的指向目标,分别完成你的“课件内容”。 在图4-5-6中,用鼠标指向第4个按钮时,红色线条从按钮流动到“正弦曲线动画”项目,顶端的小球闪烁几下的情景。 ? 图4-5-6 课件项目交互界面 上一页??[1]?[2]?[3]?[4]?下一页?? 第四章 元件和实例 第五节 精彩范例(3) 制作步骤 我们先看看7个按钮的外形,其实,7个人物不是按钮,他们与画面上的其它装饰图形一样,仅是个背景图,我们用的是7个“透明按钮”! “透明按钮”可以用几种方法做,最先想到的当然是用【属性】面板在按钮的【颜色】设置中把【Alpha】值填为“0”,但这样一来,按钮内部的动画也看不到了,我们只能在按钮内部想办法。 现在我们用第4个按钮为例来介绍透明按钮的制作方法。 步骤1 创建按钮元件 新建名为“but_4”的按钮元件,在这个元件的编辑场景中,将【图层1】重新命名为“图形”,在舞台十字中心位置绘一个白色矩形,并转换为名为“按钮板”图形元件,把它的【Alpha】值置为“0”即可。这里顺便说一下,按钮的“响应区”也用了这个元件,是为了简便,如果你把“响应区”画成与背景人物一样的图形,那么鼠标移向按钮时的感觉更精确。 回到【场景1】场景,新建“按钮”图层,将“but_4”拖放到舞台上的第4个人上,如图4-5-7所示。 图4-5-7 “but_4”按钮的制作 ? 步骤2 创建按钮中的MC元件 按钮中MC的动画过程是通过一个名字叫“线条4”的MC元件实现的。如图4-5-8是这个MC的图层结构。整个的动画效果就是当鼠标移动到第4个按钮时,从【Layer1】到【Layer4】4段线条的“运动变形”过程,【Layer5】是小球“闪烁3下”效果。 为了线条指向的准确性,我们在场景中来创建MC。双击“but_4”实例,再回到“but_4”按钮编辑环境中,插入一个新图层并重新命名为“MC”。 在【指针经过】帧插入关键 |
凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务,公司网站:http://www.lingzhong.cn 为了给广大客户了解更多的技术信息,本技术文章收集来源于网络,凌众科技尊重文章作者的版权,如果有涉及你的版权有必要删除你的文章,请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息,谢谢! |
你可能对下面的文章感兴趣
关于Flash MX2004入门与进阶实例:4.5 精彩范例的所有评论