您的位置:首页网页设计Flash → Flash MX实战精选:大变活人

Flash MX实战精选:大变活人

时间:2004/11/7 2:19:00来源:本站整理作者:蓝点我要评论(0)

  实例说明



  通过隐形按钮和电影片断的灵活应用,制作一个“大变活人”的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-m和mv-b如同步骤3的方法调整图像的位置、大小并设置Actions命令。



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

图3制作隐形按钮


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

图4调整电影片断的位置


  在Instance面板,将3个电影片断分别命名为t,m和b,如图5所示。

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


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



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

图6放置隐形按钮


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



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



on (rollOver) {                当鼠标滑过



    tellTarget ("/t") {            告之目标(“/t”)



        play ();                播放



    }



}



on (press, rollOut) {             当鼠标滑出,按下



    tellTarget ("/t") {            告之目标(“/t”)



        stop ();                停止





    }



}



  设置按钮bu-2的Actions如下:



on (rollOver) {                当鼠标滑过



    tellTarget ("/m") {            告之目标(“/m”)



        play ();                播放



    }



}



on (press, rollOut) {             当鼠标滑出,按下



    tellTarget ("/m") {            告之目标(“/m”)



        stop ();                停止





    }



}



  设置按钮bu-3的Actions如下.:



on (rollOver) {                当鼠标滑过



    tellTarget ("/b") {            告之目标(“/b”)



        play ();                播放



    }



}



on (press, rollOut) {             当鼠标滑出,按下



    tellTarget ("/b") {            告之目标(“/b”)



        stop ();                停止



    }



}



  步骤9:现在基本上做完了,按Ctrl+Enter看看输出效果



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

相关阅读 Windows错误代码大全 Windows错误代码查询激活windows有什么用Mac QQ和Windows QQ聊天记录怎么合并 Mac QQ和Windows QQ聊天记录Windows 10自动更新怎么关闭 如何关闭Windows 10自动更新windows 10 rs4快速预览版17017下载错误问题Win10秋季创意者更新16291更新了什么 win10 16291更新内容windows10秋季创意者更新时间 windows10秋季创意者更新内容kb3150513补丁更新了什么 Windows 10补丁kb3150513是什么

文章评论
发表评论

热门文章 没有查询到任何记录。

最新文章 Flash CS4基础入门 如何在Flash中打开一个定制的浏览器新窗口?学习ActionScript 3.0的6个好处几个小技巧精简Flash文件体积在Flash动画中添加“加为收藏”和“设为首页

人气排行 Flash游戏制作--小熊拼图用Flash实现几种镜头效果Flash制作动画知识:遮罩Flash如何做鼠标指针样式Flash制作环形文字Flash制作声情并茂的电子相册实例讲解flashMTV制作全过程(3)鼠标效果系列教程:游动的鱼