Cool！Flash制作炫丽的图片特效

• 关 键 词：
• spring
• ghost
• flash
• rip
• 配置

[全屏观看]

　　一直都以为Flash中对图片的处理是比较弱的，但偶然在网上找到的一个例子彻底地打消了我的这个想法。先来看看实例，点击按钮，对各个参数设置一定的值，就可以看到相应的图片实例效果，一共有十八种不同的实例。

　　源文件下载请点击这里。

一、原理

　　原理其实是非常简单的，将要操作的图片分成一小块一小块，每一次通过不断操作分割后图片的_x、_y、_xscale、_yscale、_rotation值来实现处理效果。

　　具体实现中，可以用遮照效果将图片分割成小块，实现简单而且操作方便。对_x、_y、_xscale、_yscale、_rotation的操作可以封装在帧函数里面，不断调用，就可以实现效果。

　　下面我们来具体看看实例。

二、制作实例

　　1、在Flash MX中新建一个fla文件，按Ctrl + F8新建一个Movie Clip，命名为“slider clip”，类型为“Movie Clip”。在此Clip的场景中用矩形工具绘制一个正方形。

　　2、按Ctrl + F8新建一个Movie Clip，命名为“slider”，类型为“Movie Clip”。在此Clip的场景中用矩形工具绘制一个长方形。将上一步中制作的Clip “slider clip”拖到此Clip的场景中长方形的下端，命名为“button”。用文本工具在Clip “slider”场景中的长方形的下面拉一个文本输入框，属性设置如图1所示。并在Clip “slider”的帧的Action 面板上面增加如下语句：

function setY (value) { //注释1
_level0[change]=value; //注释2
range = top-base;
button._y=-(value-base)/(range/200); //注释3
}
function go () {
var buttonY = -button._y;
var value = base+((range/200)*buttonY); //注释4
_level0[change]=value;
}
function reset() { //注释5
setY(_level0[change]);
}
reset(); //注释6

　　注释1：定义一个函数，传入的参数是value。
　　注释2：这里chang分别代表的是制作过程第11步所增加的Action语句里面所赋的值。
　　注释3：定位button的位置。
　　注释4：取得button的最大位置。
　　注释5：封装上面所定义的函数。
　　注释6：调用上面所定义的函数。

打开： http://www.qqread.com/flash/p240750002.html 更多内容请看Photoshop精彩特效大全专题，或进入讨论组讨论。

【深 度 阅 读】 相 关 文 章

• 用flash制作模拟胶片循环播放效果
• Flash制作烟花效果动画
• 用Flash制作简单的飞鸟动画
• 超详细图文解析 用Flash制作魔法表情