当前位置: 首页 > 图文教程 > Flash动画 > Flash动画制作 > Flash MX行为功能初体验:相册的制作

Flash动画制作
赤手空拳下载Flash
创建一个Flash站点的十大技巧
用Flash制作Google搜索程序
枫桥夜泊下 遮罩效果的动态文本
Flash MX 2004 ActionScript图文教程(十二)
Flash实例教程 扫描文字效果
Flash MX 2004 ActionScript图文教程(十三)
快速制作您的flash图表
Flash MX 2004 ActionScript图文教程(十四)
Flash实例教程 变幻的字母
Flash MX 2004 ActionScript图文教程(十五)
Flash实例教程 相约北京 扬帆青岛
Flash教程实例 光线特效文字
Flash课件实例 画正多边形
Flash课件实例 平行四边形法则
Flash实例教程 小孔成像课件
精简Flash文件体积七法
Flash教程实例:水中浮动的文字
金鸡贺岁!Flash制作鸡年新春动画贺卡
Flash MX 2004新特性实例学习一

Flash动画制作 中的 Flash MX行为功能初体验:相册的制作


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-11-22   浏览: 56 ::
收藏到网摘: n/a

    行为功能概述

  Flash内置的Actionscript语言功能强大,可以实现很多复杂的交互式特效,但如果你并不是一个专业的程序人员,想必会对那一大堆的命令与属性头疼不已,而FlashMX 2004也充分考虑到了非专业程序工作人员在使用越来越强大、复杂的AS时可能出现的困惑,“行为”(Behaviors)面板应运而生了。说起“行为”,网页设计师们都不会陌生,早在几年以前,它就已经出现在了Dreamweaver 3.0(以下简称DW)的界面中,现在更是DW MX中不可缺少的组成部分。由于它方便、直观、高效,得到越来越多使用者的青睐。

  FlashMX 2004中的行为与DW中的相似,利用它可以使你不需要输入任何AS命令,只使用很少几个步骤就得到专业的程序代码与效果。今天我们就来尝试一下“行为”的强大功能。

  行为功能实例制作

  在Flash的制作中,外部图片的导入、影片剪辑的拖曳是应用范围相当广泛的功能。在过去,我们必须深入了解AS原理,不断调试才可以制作出完美的作品,现在,让我们看看“行为”是怎样工作的。

  相册的制作

  1.在开始制作之前我们必须得到相册中的一些照片,可以使用Fireworks制作这些图片,保证每张图片尺寸大小一致,并以JPG格式保存在与Flash文件同一目录下。我制作了5张大小为288×209px的JPG格式图片,并分别取名为image1~image5。

  2.打开FlashMX 2004,新建一个文件,设置背景色为白色,大小为550×400px。

  3.新建一个元件命名为photograph,使用工具栏上的矩形工具,黑色为边框色,浅灰色填充绘制一个矩形,在属性面板中设置矩形大小为308×224px。将此矩形左上角定点设置与中心点对齐(利用对齐按钮“Ctrl+K”)。

  4.再新建一个元件命名为photo,使用工具栏上的矩形工具,无边框色,黑色填充绘制一个矩形,在属性面板中设置矩形大小为288×209px。将此矩形左上角定点设置与中心点对齐。

  5.按下F11键打开“库”面板,双击photograph元件,开始编辑。将photo元件从“库”中拖曳到photograph元件中,设置居中对齐。鼠标选中photo元件,在属性面板中设置实例名称为photo。

  6.回到场景一,从“库”面板中将photograph元件拖曳到场景中,鼠标选中此元件,在属性面板中设置实例名称为photograph1。

  7.重复以上操作,将photograph元件不断地拖曳到场景,并分别设置实例名称为photograph2~photograph5(图1)。



  8.下面要开始行为的使用了。首先要将图片image1~image5分别导入到元件photograph1~photograph5中。选中关键帧1,按下“Shift+F3”打开行为面板,点击面板上的“+”号,在弹出菜单中选择Movieclip→Load Graphic,出现导入图片设置框。

  9.在导入图片设置框中的下拉框中找到photograph1,点击前面的“+”号,出现photo元件,选择photo。在上面的文本框内输入要导入的图片名称image1.jpg(图2)。这样FlashMX 2004会自动将导入图片的AS添加在第一帧上。使用同样的方法设置其他4张图片的导入。



  10.选择第一帧,打开Actions面板,我们可以看到Flash自动添加了AS到这一帧,我们不需要去了解它们的语法与属性,完全是自动完成的。

  11.现在要来制作图片的拖曳与在最上层的显示功能了。选中Photograph1元件,打开行为面板,点击“+”号,在弹出菜单中选择Moveclip→Start Draging Movieclip。

  12.在弹出的Start Draging Movieclip对话框中选择Photograph1元件后点击OK按钮(图3)。这样我们设置好了使用鼠标拖曳图形的功能。



    13.再次选中Photograph1元件,打开行为面板,点击“+”号,在弹出菜单中选择Moveclip→Bring Forward,在弹出的Bring Forward对话框中选择Photograph1元件后点击OK按钮,完成了图片居于最前的设置。

  14.选中Photograph1元件,打开行为面板,点击“+”号,在弹出菜单中选择Moveclip