Flash实例精通：教你制作马赛克效果 -pc6资讯

您的位置：首页 → 网页设计 → Flash → Flash实例精通：教你制作马赛克效果

Flash实例精通：教你制作马赛克效果 时间：2004/11/7 2:26:00来源：本站整理作者：蓝点我要评论(0)

　　文/林平楼

　　技术要点：duplicateMovieClip(复制命令)，数组的应用，color的设置。

　　制作步骤：

　　1. 打开Flash MX，新建一个Flash电影文件，文件尺寸默认。

　　2. 按F8，新建一个电影夹属性的符号，命名为fg。选取矩形绘图工具绘制一个大小为1010的小方格，线条和填充颜色任意，x位置为0，y位置为0。按Ctrl+L，打开资料库窗口，可以看到资料库中fg符号。

　　3. 点击Sence1，进入主场景，再按F8，新建另一个电影夹属性的符号，命名为Mosaic。进入Mosaic的编辑界面，将资料库中的fg符号拖入到场景中，在属性栏实例名框中输入其实例名为f0，设置x位置为0，y位置为0。

　　4. 点击新建图层按钮，新建一个图层，命名为actions，选中该层第一帧，按F9打开动作面板，在动作面板中输入以下动作：

　　row=15; //行数

　　col=15; //列数

　　for(i=1;i<=row;i++){ //复制出row*col个方格

　　　for(j=1;j=col;j++){

　　　s=f0.duplicateMovieClip("f"+i+j,col*i+j);

　　　trace(s._name);

　　　s._x=f0._width*(j-1);

　　　s._y=f0._height*(i-1);

　　　s.onEnterFrame=function(){

　　　this._alpha=random(60)+40;//设置透明度

　　　col=[0x66cc00,0x99cc00,0xffcc33];//定义颜色数组

　　　c=new Color(this);

　　　c.setRGB(col[random(3)]);//设置颜色

　　　}

　　f0._visible=0;//设置f0不可见

　　5. 再次点击Sence1，返回主场景，此时主场景中还无任何内容，双击第一层的文字将图层改名为Pic，按Ctrl+R，导入一张图片。再新建一图层命名为Mosaic，选中该层第一空白帧，将资料库中的Mosaic符号拖入到主场景中，可拖动调整其位置到需要应用马赛克效果的地方。Ctrl+Enter测试即可。

　　注：在此我将马赛克效果做成了一个电影夹符号，使用时只需将其从资料库中拖入场景中即可调用，另外，你还可以通过改变actions中的行列数来改变马赛克覆盖的区域大小，你也可以重新定义颜色数组中的颜色十六进制数　，使用非常方便。