中华网通行证
用户名 密码

Flash MX 2004精彩实例

之大变活人
中华网科技 http://tech.china.com
进入BBS】【进入聊天室】【浏览字号: 】【关闭窗口

大变活人

实例说明

通过隐形按钮和电影片断的灵活应用,制作一个“大变活人”的flash特效。

有关知识

绘制图像、隐形按钮、电影片断(Movie Clip)的灵活应用。

制作过程

步骤1.打开Flash,建立一个新文件。按Ctrl+M键,将帧速度(Frame rate)设为30/秒,Dimensions设为450px*300px,背景颜色为#FFFFFF

步骤2:使用flash的绘图工具绘制多个人物头像(一般5-7个即可),也可先用其他矢量图工具绘制,然后导入Flash中,如图1所示。

1绘制人物头像

    步骤3.新建电电影段mv-t,将导入的图像放置在不同的关键帧中,使用变形工具调整大小,并将图像底部中心对齐工作区中心点.将第一帧的Actions设置为stop。最后一个帧的Actions设置为gotoAndPlay (2),如图2所示。

2制作电影片断

步骤4:同样道理,分别绘制人物的上身和下身,建立电影片断mv-mmv-b如同步骤3的方法调整图像的位置、大小并设置Actions命令。

步骤5:新建隐形按钮bu-1,在hit区用矩形工具绘制一个触发区域,在over帧建立关键帧,设置鼠标滑过的声音效果。如图3所示。

3制作隐形按钮

步骤6:回到场景1,分别建立图层topmiddlebase,将制作完毕的电影片断mv-tmv-mmv-b放置在相应图层中,调整大小并对齐,使之看起来更象是一个人,如图4所示。

4调整电影片断的位置

Instance面板,将3个电影片断分别命名为tmb,如图5所示。

5在主场景给电影片断命名

提示:由于主场景中的元素较多,为了能快速选取特定的电影片断,可打开电影向导(Movie Explorer),按下 按钮,然后就可方便地选择,参见图5

步骤7:新建图层button,拖拉3个隐形按钮bu-1 bu-2 bu-3到此层中,分别和电影片断mv-tmv-mmv-b对齐,调整按钮大小,使之覆盖住电影片断,按钮和按钮之间不要重叠..如图6所示。

6放置隐形按钮

步骤8:现在开始设置隐形按钮的Actions,以便通过它们来控制电影片断的播放,这样实现了大变活人的效果。

Object Action控制面板中,设置按钮bu-1Actions如下:

on (rollOver) {

    tellTarget ("/t") {

        play ();

    }

}

on (press rollOut) {

    tellTarget ("/t") {

        stop ();

    }

}

当鼠标滑过

告之目标(“/t”)

播放

当鼠标滑出,按下

告之目标(“/t”)

停止

设置按钮bu-2Actions如下:

on (rollOver) {

    tellTarget ("/m") {

        play ();

    }

}

on (press rollOut) {

    tellTarget ("/m") {

        stop ();

    }

}

当鼠标滑过

告之目标(“/m”)

播放

当鼠标滑出,按下

告之目标(“/m”)

停止

设置按钮bu-3Actions如下.

on (rollOver) {

    tellTarget ("/b") {

        play ();

    }

}

on (press rollOut) {

    tellTarget ("/b") {

        stop ();

    }

}

当鼠标滑过

告之目标(“/b”)

播放

当鼠标滑出,按下

告之目标(“/b”)

停止

    步骤9:现在基本上做完了,按Ctrl+Enter看看输出效果,如图7所示。

7最后输出效果

    用鼠标分别滑过图像的头部、上身、下身,是不是产生很好玩的效果.当然,第一次输出可能达不到理想的效果,可以通过多次调试图像的大小和位置来达到最佳效果。


 
来源:宇风多媒体
相关教程:

Flash MX 2004精彩实例 之放大镜效果
Flash MX 2004精彩实例 之大变活人
Flash MX 2004精彩实例 之从前有座山
Flash MX 2004精彩实例 之石头剪子布
Flash MX 2004精彩实例 之填色与变色
Flash MX 2004精彩实例 之动画片的制作
Flash MX 2004精彩实例 之礼花朵朵
Flash MX 2004精彩实例 之QQ菜单

Flash MX 2004精彩实例 之飘逸的头发
Flash MX 2004精彩实例 之旋转的地球

中华网搜索
站内搜索
全网搜索


科技频道主编信箱