异形技术 Abnormity Network Tech

Firewoks 营造残破纹理(1)-网页设计频道
   

刻意在物件和文字上营造残破的效果也是一种流行的表现方式。
让我们以Firewoks处理网页影像时,在简单的实例上来应用看看。

打开新文件,先来画个按钮。

Firewoks 营造残破纹理(1)-网页设计频道

Ctrl+Shift+D原位克隆一个。

Firewoks 营造残破纹理(1)-网页设计频道

网上找张纹路无序的素材图片,这里我们用的是张石纹。

Firewoks 营造残破纹理(1)-网页设计频道

导入正在Fireworks编辑的文件。

Firewoks 营造残破纹理(1)-网页设计频道

在属性面板上按下效果添加按钮,
进行两处特效设置。
亮度50,对比度100;
色相36,饱和度72,明亮度81,勾选彩色化。

Firewoks 营造残破纹理(1)-网页设计频道

图层混合模式设置为Multiply色彩增值。

Firewoks 营造残破纹理(1)-网页设计频道

将我们克隆的那个按钮提到最上层,同时选中刚处理好的纹理素材,
在菜单上选Modify-->Mask-->Group as Mask进行组合遮罩。

Firewoks 营造残破纹理(1)-网页设计频道

现在来看下成效。
这张也是PNG源文件,有兴趣的朋友可以直接下载到Firewoks打开分析参考。

Firewoks 营造残破纹理(1)-网页设计频道

通过对属性面版上的两个实时特效数值改变,可以控制破损效果的表现。
例如下图,我们单纯改变亮度到25,残破程度也随之相应改观。

Firewoks 营造残破纹理(1)-网页设计频道


好评   好评率(82.33%)   差评
Posted on 2009/2/2 0:33:00 by 异形技术 浏览28573次