Flash实例精通:教你制作马赛克效果
技术要点:duplicatemovieclip(复制命令),数组的应用,color的设置。
制作步骤:
1. 打开flash mx,新建一个flash电影文件,文件尺寸默认。
2. 按f8,新建一个电影夹属性的符号,命名为fg。选取矩形绘图工具绘制一个大小为1010的小方格,线条和填充颜色任意,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中的行列数来改变马赛克覆盖的区域大小,你也可以重新定义颜色数组中的颜色十六进制数,使用非常方便。
()
- · Fireworks MX制作像素动画
- · Fireworks MX 2004新功能
- · Fireworks MX 2004新功能色彩替换详解
- · Fireworks MX 滤镜讨论
- · 巧用FW MX的笔触制作宣纸书法
- · FW MX和Flash MX的亲密合作
- · Fireworks MX 模拟灯泡效果
- · Fireworks MX 制作燃烧效果
- · Fireworks 绘制国画牡丹
- · Ultradev实例教程:1.2 Ultradev的特点
- · Ultradev实例教程:1.1 什么是Ultradev
- · Ultradev实例教程:6 Ultradev使用心得
- · Ultradev实例教程:5 做一个相对简单的网站后台3
- · Ultradev实例教程:1.4 Ultradev的安装
- · Ultradev实例教程:4 插件的安装与使用
- · Ultradev实例教程:3.7 创建一个简单的查询
- · Ultradev实例教程:1.3 Ultradev所需要的环境
- · Ultradev实例教程:5 做一个相对简单的网站后台2
- · Ultradev实例教程:5 做一个相对简单的网站后台1
- · Ultradev实例教程:1.5 ultradev的操作界面
- · Ultradev实例教程:2.1 建立一个简单的access数据库
- · Javascript实例教程9 随机显示图片
- · Ultradev实例教程:2.2 用ODBC连接数据库
- · Ultradev实例教程:2.3 创建Web站点
- · Ultradev实例教程:2.4 UltraDev与各种数据库的连接代码
- · Ultradev实例教程:3.1 定义站点
- · Ultradev实例教程:3.2 创建数据库连接
- · Ultradev实例教程:3.3 应用数据库创建动态网页
- · Ultradev实例教程:3.4 向数据库添加纪录
- · Ultradev实例教程:3.5 编辑数据库中的纪录
- · Ultradev实例教程:3.6 删除纪录
- · Mix-FX帮您制作FLASH特效字只需五步
- · Flash MX与3D MAX“亲密接触”
- · 原创的自定义分页UserControl 分享及探讨
- · Flash MX 2004滚动文本框的两种做法
- · Fireworks制作GIF动画广告BANNER
- · 给浏览器的滚动条加上颜色
- · 无边框窗口代码详解
