| 网站首页 | Photoshop资源 | Photoshop学院 | Photoshop展示 | 设计素材 | 设计学院 | 数码学院 | 返回总部 | 
您现在的位置: Photoshop资源站 >> 设计学院 >> 动画设计 >> Flash >> Flash MX >> 正文
  Flash MX实战精选:大变活人           ★★★ 【字体:
Flash MX实战精选:大变活人
作者:佚名    教程来源:不详    点击数:    更新时间:2007-8-15    

  实例说明

  通过隐形按钮和电影片断的灵活应用,制作一个“大变活人”的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看看输出效果

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

教程录入:onegreen    责任编辑:onegreen 
  • 上一篇教程:

  • 下一篇教程:
  •  
    发表评论】【加入收藏】【告诉好友】【打印此文】【关闭窗口
    最新热点 最新推荐 相关文章
    FrontPage 2003教程 用FrontPage2003轻
    Flash 电影字幕显示效果
    Flash 泡泡文字效果
    体验Adobe Flash CS3新特性
    Flash中作毛笔写字动画效果
    Flash遮罩特效实例--百叶窗效果
    Flash绘精致矢量图—逼真土豆
    Flash 扫描显示文字的效果
    Adobe flash cs3 ActionScript 3.0入门
    Flash特效动画制作:飞舞的螺炫