论坛交流
首页办公自动化| 网页制作| 平面设计| 动画制作| 数据库开发| 程序设计| 全部视频教程
应用视频: Windows | Word2007 | Excel2007 | PowerPoint2007 | Dreamweaver 8 | Fireworks 8 | Flash 8 | Photoshop cs | CorelDraw 12
编程视频: C语言视频教程 | HTML | Div+Css布局 | Javascript | Access数据库 | Asp | Sql Server数据库Asp.net  | Flash AS
当前位置 > 文字教程 > Fireworks教程
Tag:切片,gif,动画,文字,图标,照片,网页,效果图,表情,按钮,工作,8.0,cs,视频教程

Firewoks 营造残破纹理

文章类别:Fireworks | 发表日期:2008-9-20 19:32:26

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

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

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

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

导入正在Fireworks编辑的文件。

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

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

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

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

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

文字也可以做类似的残缺特效处理。
打开新文件,打字,字号选大些,做成后的效果会更明显。
因为文字用了白色的填充,所以我们把背景色设置成黄色来做区分。

跟上一张图一样,我们导入相同的石材图片做纹理。
并在属性面板上按下效果添加按钮,
进行两处特效设置,跟前次的值略有不同,我们只是想试试不同的颜色效果。
亮度7,对比度77;
色相30,饱和度66,明亮度-43,勾选彩色化。

把文字提上来,全选这两个物件。

Modify-->Mask-->Group as Mask进行组合遮罩。

把遮罩层的混合模式改成Difference差异模式,效果就出来了。

此时把文件底色该成白色,效果就更明显了。

文字的面积究竟有限,假如对效果要求不高的话,Firewoks自带的纹理填充可以胜任,而且方法更简便。

不过利用遮罩、实时特效和图层混合模式来实现残破的效果,对于影像编辑更具灵活性和自然美感。
以下是PNG源文件,包含了两种效果的方法(纹理填充法图层隐藏),有爱好的朋友可以直接下载到Firewoks打开分析参考。

上一篇:QQ皮肤制作全程实录 人气:2623
下一篇:巧用 Fireworks MX完成一幅书法作品 人气:2587
Fireworks视频教程

Fireworks视频教程
Windows视频教程
Windows操作
[文]
WORD教程
Word教程
[文]
Excel教程
Excel教程
[文]
PowerPoint教程
PowerPoint
[文]
Dreamweaver
Dreamweaver
[文]
FIREWORKS
Fireworks
[文]
FLASH教程
Flash教程
[文]
photoshop平面设计
PhotoShop
[文]
CorelDraw
CorelDraw
[文]
C语言教程
C语言教程
[文]
html
Html教程
[文]
DivCss布局
Div+Css布局
[文]
Javascript
Javascript
[文]
ACCESS数据库
ACCESS数据库
[文]
ASP教程
ASP教程
[文]
SQLServer数据库
SQLServer
[文]
ASP.NET教程
ASP.NET教程
[文]
FlashAS
FlashAS
[文]
视频教程列表
计算机基础入门及办公自动化: 网页制作开发视频教程: 平面广告设计视频教程 初级程序设计及ASP动态网站开发 Asp.net动态网站开发视频教程 Flash 动画角本编程视频教程
文章教程搜索
 
Fireworks推荐教程
Fireworks热门教程
看全部视频教程
购买方式/价格
购买视频教程: 咨询客服
tel:15972130058