45IT.COM- 电脑学习从此开始!
DIY硬件教程攒机经验装机配置
设计Photoshop网页设计特效
系统注册表DOS系统命令其它
存储主板显卡外设键鼠内存
维修显卡CPU内存打印机
WinXPVistaWin7unix/linux
CPU光驱电源/散热显示器其它
修技主板硬盘键鼠显示器光驱
办公ExcelWordPowerPointWPS
编程数据库CSS脚本PHP
网络局域网QQ服务器
软件网络系统图像安全
页面导航: 首页 > 设计学院 > 网页设计 >

幕后的控制者 在Flash中隐藏播放器

电脑软硬件应用网 45IT.COM 时间:2005-12-30 19:14 作者:45IT收集

  乍一看题目,觉得挺吓人,好像是什么侦探片。其实没这么神秘,它只是综合使用了Flash中按钮和Action函数实现对动画的控制(播放、暂停、快进、快退等),更妙的是这些按钮是隐藏的,当鼠标移动到特定区域才会显示出来。

  制作一个变形动画

 
  动画的效果很简单:一个图形“圆”慢慢变形为文字“圆”,通过Shape变形完成。

  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 将播放按钮布置在窗口下方

  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 每一层的状态

  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中的其他格式动画,所以笔者个人认为作用很大。最后,请有兴趣的朋友试一试。

   
 

顶一下
(0)
0%
踩一下
(0)
0%
------分隔线----------------------------
无法在这个位置找到: baidushare.htm
发表评论
请自觉遵守互联网相关的政策法规,严禁发布色情、暴力、反动的言论。
评价:
表情:
验证码:点击我更换图片
推荐知识