利用Flash脚本做动画相册怎么做?

美丽的江山风光画卷、名胜古迹和自己的旅游照片,要是能做 成动画形式,想停就停,想放就放,快慢可以随意调节,那该多好。 有些广告动画很好,怎样做?设计者可能不会告诉,因为这是 商业机密。 《滚动电影海报》是一个优秀的动画,很多书刊都用它来做示 例程序。我想用它做一个动画相册,试了几次都没有成功,不是画 面太小,就是出现一大段空白。 问:利用Flash脚本做动画相册怎么做? 答: 现用一个实例《漓江风光》动画相册来说明。 制作步骤如下: 1.准备好制作动画的图片。 准备308X231X24BP的图片4 张。 可以用标准图片。 一般图片的规格的标准:800X600,1024X768,640X480等。 用图片浏览工具如IrfanView,ACDSEE等的 resize(缩放)功能制作。 如果不是标准图片,可以用上述工具的crop(裁剪)功能处理, 或用修改脚本的参数来解决。 2.打开FlashMX,设定动画尺寸。 修改->文档->尺寸: 宽:615 高:291 其余用默认值。 3.导入图片。 文件->导入到库->将4 幅图片导入,本例为111.jpg,112.jpg 113.jpg,114.jpg 另外将2 幅背景图案导入 201.png,202.png。 4.插入"图片"图层。 插入->图层 打开属性对话框,将图层名改为"图片"。 5.导入图片并定位。 窗口->库,将导入的图片逐个拉到舞台上。定位如下: 左侧放最后显示的图片。用窗口->信息 准确定位。 第1 幅(114.jpg) 308X231 x:-617, y:50 第2 幅(113.jpg) 308X231 x:-309, y:50 第3 幅(112.jpg) 308X231 x:-1 , y:50 第4 幅(111.jpg) 308X231 x:307 , y:50 复制图片到右侧: 编辑->全选->复制(CTRL+D 非 CTRL+C)。 复制的4 幅图片定位为: x:615,y:50 编辑->全选。 全部8 幅图片定位为: x:-617,y:50 6.将图片转换为影片剪辑元件。 编辑->全选 插入->转换为元件。元件名称:pic1 , 影片剪辑 。 单击"属性"按钮,这时应显示为"影片剪辑"元件名称 pic1 。 这时可将影片剪辑的名称也定为:pic1 单击"动作"按钮。这时可输入鼠标经过和离开的语句: on (rollOver) { /:stepx = (- _root._xmouse) / 100; } on (rollOut) { /:stepx = /:stepx0; } 这一段的作用是: 鼠标在起点处进入,动画停止不动; 鼠标在终点处进入,动画以两倍速度运行; 鼠标在其它处进入,动画运行速度介乎两者之间; 鼠标离开,动画正常运行。 7.插入"背景"图层。 插入->图层 打开属性对话框,将图层名改为"背景"。 在第1 帧处。导入上斜角块图片201.png ,下斜角块图片202.png 。 导入图片并定位。 窗口->库,将导入的图片逐个拉到舞台上。定位如下: 左侧放最后显示的图片。用窗口->信息 准确定位。 上块(201.png) 615X100 x:0 , y:-6 下块(202.png) 615X123 x:0 , y:202 8.插入"函数"图层。 插入->图层 打开属性对话框,将图层名改为"函数"。 从第1 帧到第3 帧,分别插入空白关键帧,并输入以下动作语句: 第1 帧: x1 = stage.width; pic_W = getProperty("/pic1",_width); x0 = x1-pic_W/2; move_x = x0; stepx = "-3"; stepx0 = "-3"; 第2 帧: move_x = move_x - stepx; setProperty("/pic1", _x, move_x); if (move_x >= x1) { move_x = x0; } play(); 第3 帧: prevFrame(); 动作参数说明: x1 = 615; //615 是设定的平台宽度 x0 = -617; //-617 是平台宽度减去 4幅图片总宽度,即 615-308X4=615-1232=-617 。 此处参数已用变量代替,但 stage.width 是 Flash6 新增功能, 如用 Flash5 时,请改用数字表示。 9.保存和发布。 10.动画欣赏。 一卷美丽的"漓江风光"动画相册,怎样才能实现最佳的观赏效 果? 方案之一是:直击SWF 文件(非HTML文件),并使窗口最大化, 用鼠标从低速区进入画面并保持。坐在离屏幕较远的地方,看着美 丽的风景在眼前缓缓流过,如同坐在旅游船上,欣赏岸边的漓江风 光,有一种身临其境的感觉。 还可以用自己心爱的图片和背景替换原有的图片,…… 问:如何用新的图片替换原有图片,成为新的动画相册? 答:更新图片步骤如下: 1.准备308X231X24BP的图片4 张放在新目录下。方法如前。 将图片名字重命名为原有图片的名字。111.jpg-114.jpg. 2.用改变库中图片属性的方法,将新图片替换原图片。 库->找到图片名,例如111.jpg ->属性->导入->浏览->找到 相同的文件名。 确认后,依次导入。 就成为新的动画相册。 问:在发布时,出现错误提示:“鼠标事件只允许用于按钮实例”, on(rollover){ on(rollout){ 是什么原因?如何处理? 答:在输入鼠标经过和离开的语句时(如本例第6 步),有 2 种下都可以输入动作语句。一种是 “属性-帧 帧标签”,“动作-帧”, 这时输入动作语句,就要出错。另一种是“属性-影片剪辑 影片剪辑名称”, “动作-影片剪辑”,这时输入就不会出错。 on(rollover){ on(rollout){ 这两个语句,不支持帧,但可以支持影片剪辑。 所以要在影片剪辑下输入动作语句。 问:在制作背景图片时,用到两个斜形块,空白处成为黑块,怎 样使黑块变为透明? 答:在导入图片后,用工具栏的工具无法对它进行编辑。 这时按"编辑"按钮,切换到Firework编辑器后,可以进行编辑。 1.用魔棒选择黑色区域。 2.删除该区域。 编辑->清除。这时黑色区域变成透明色。 3.保存为png格式文件。 文件->另存为。选 png 格式。 4.退回到 Flash系统。 5.导入刚才生成的png。出现一个对话框: Firework PNG 导入设置: 文件结构:导入为电影剪辑,并保留原有层(默认) 导入到当前场景的新层() 对 象:如需保持原有外观,则进行栅格化(默认) 保持所有路径为可编辑状态() 文 本:如需保持原有外观,则进行栅格化(默认) 保持所有文本为可编辑状态。 选默认值后,生成元件。 这时再打开这些元件,发现黑块已经去掉了。 浏览:动画相册 030902.html 下载:利用Flash脚本做动画相册 wy03111.zip 570 KB 河石 /编 2003.10.25 ,2004.6.25 改编 相关链接: 《Flash动画怎样换成自己的图片?》 《用照片生成素描怎样做?》 黄河之滨 网站 : http://hhstone.vip.sina.com http://www.hhstone.com