当前位置: 电脑软硬件应用网 > 设计学院 > 网页设计 > 正文 |
|
|||
幕后的控制者 在Flash中隐藏播放器 | |||
2005-12-30 19:14:02 文/45IT收集 出处:电脑软硬件应用网 | |||
乍一看题目,觉得挺吓人,好像是什么侦探片。其实没这么神秘,它只是综合使用了Flash中按钮和Action函数实现对动画的控制(播放、暂停、快进、快退等),更妙的是这些按钮是隐藏的,当鼠标移动到特定区域才会显示出来。 制作一个变形动画 1、 启动Flash 5.0,按“Ctrl+F8”组合键打开Symbol Properties对话框,输入名称:变形动画;选择MovieClip,单击OK后进入动画编辑窗口。 2、 在层Layer 1的第1帧处按“F6”键插入关键帧,然后利用工具箱中的绘图工具绘制一个圆,并且按“Ctrl+B”打碎圆;在第30帧处按“F7”键插入空白关键帧,然后利用工具箱中的文字工具输入文字“圆”,并且按“Ctrl+B”打碎文字。 3、 选中第1帧,按“Ctrl+F”,打开Frame对话框,选择Tweening下的Shape选项,这样就制作出一个变形动画,此动画储存在Library库中。 制作一个隐形按钮 Flash中的隐形按钮制作十分简单,因为Flash中的按钮有四个帧,最后一帧为“Hit”,即隐藏的意思,所以只要前面的三个帧为空,最后的一个帧上画一个矩形,在动画播放时矩形是看不见的。下面来制作这个按钮: 1、 按“Ctrl+F8”组合键打开Symbol Propertis对话框,输入名称:隐形按钮;选择Button,单击OK进入按钮编辑窗口。 2、 在Hit帧按“F6”键插入关键帧,然后在编辑区绘制一任意矩形。这样按钮的前三帧为空,在播放时是隐藏的。该按钮也储存在Library库中。隐形按钮的应用十分广泛,许多特殊的效果都离不开它,有兴趣的朋友可以试一试。 制作隐藏按钮 首先要声明的是:笔者人为地将“隐形”和“隐藏”作个区别,“隐形”是任何时候都看不见,“隐藏”是在特定的时候能够看见。在这里的“隐藏按钮”就是当鼠标移动到特定的区域,按钮出现,当鼠标移出时,按钮隐藏。制作时,我们需要使用Flash自带的按钮库。 1、 单击右上角的Scene 1回到“Scene 1”场景中,在Layer 1的第1帧按“F6”键,然后将Library库中的“隐形按钮”拖放在演示窗口的下边缘,此时按钮所占区域就是隐藏按钮的响应区域,选中按钮单击鼠标右键选择“Scale”可以让按钮变形以改变其大小从而覆盖响应区域;再次将Library库中的“隐形按钮”拖放在演示窗口,通过放大使其覆盖在非响应区域,具体位置如图1所示。 2、 在层Layer 1上插入新层Layer 2,然后在层Layer 2的第2帧按F6键插入关键帧,选择菜单Window→Common Libraies→Buttons,打开按钮库,双击其中的(Rectangle)Button Set,然后将下方的按钮拖放排列在演示窗口(如图1)。通过Align面板(Ctrl+K)可以排列匀空按钮。还要注意的是,所有按钮的位置都必须处于隐形按钮所覆盖的区域内。 3、 选中层Layer 1的第1帧,单击鼠标右键选择Actions,为该帧加上“Stop”语句;选中层Layer 1第1帧响应区域中的隐形按钮,为其加上如下Action语句: on (rollOver) { gotoAndStop (1);} 选中非隐藏区域的按钮加上Action以下语句: on (rollOver) { gotoAndStop (1);} 按Ctrl+Enter键可以测试效果,当鼠标移到响应区域按钮出现,移开时按钮消失。 动画播放器的制作 顾名思义,动画播放器就是实现对动画播放的控制。下面来制作这种效果: 1、 在层Layer 2上插入层Layer 3,然后将Library库中的变形动画拖放在演示窗口,适当调整其位置,选中动画单击鼠标右键,选择Panels→Instance,然后在Instance面板中的Name栏中输入:yingpian;最后分别在三个层的第5帧按“F7”键插入空白关键帧,此时各层的状态如图2所示。 2、 从左往右依次为层Layer 2中的各个按钮加上Action语句: 第一个按钮: on (release) { tellTarget ("yingpian") { gotoAndStop (1);}} 第二个按钮: on (release) { tellTarget ("yingpian") { play ();}} 第三个按钮: on (release) { tellTarget ("yingpian") { stop ();}} 第四个按钮: on (release) { fscommand ("quit");注意:这里只有动画为swf或exe格式时才能体现出来。 } 第五个按钮: on (release) { tellTarget ("yingpian") { gotoAndStop (_currentframe-5); 注意:_currentframe表示当前帧,后面数字可控制进退的帧数。 }} 第六个按钮: on (release) { tellTarget ("yingpian") { gotoAndStop (_currentframe+5);}} 第七个按钮: on (release) { tellTarget ("yingpian") { gotoAndStop (30); 注:这里的30表示被控制动画的总帧数。 }} 由于Flash支持许多格式动画的导入,特别是Flash 6.0在这方面的功能更加强大了,而本例介绍的技术可以控制任何能够导入Flash中的其他格式动画,所以笔者个人认为作用很大。最后,请有兴趣的朋友试一试。
|
|||
最新热点 | 最新推荐 | 相关文章 | ||
解决Fla文件编译SWF后体积过大 Flash代码收集及常见问题解决方法 网页不能播放flash的解决 flash9.ocx 加载错误解决方法 IE(浏览器)无法显示Flash文件 新鲜玩法 Flash动画用电视观看 Flash制作地室中的幽灵火焰 用Flash制作即指即现的广告条 经典!给FLASH初学者的10点制作经验 javascript的下雨效果,比flash的… |
关于45IT | About 45IT | 联系方式 | 版权声明 | 网站导航 | |
Copyright © 2003-2011 45IT. All Rights Reserved 浙ICP备09049068号 |