您好,欢迎来到素彩网!

Fireworks网页设计综合实例2

来源:sc115.com | 352 次浏览 | 2011-06-29

标签: Fireworks 网页设计 综合实例

一、导入并编辑位图图像。

Fireworks4带有完善的位图创建、修改和处理功能,我们可以导入外部位图文件并对它进行编辑,可以修改和删除位图中的颜色,可以向对矢量图一样增加效果。我们的工作将从层面板开始,新建一个文件后,默认的只有两个图层Web层和Layer1层,双击Layer1层,将层名改为“背景层”。如下图所示:


1、我们将一张男性模特的照片导入此层中。
2、双击图片可以进入位图编辑模式,我们可以用矩形选择工具选定不需要的部分并删除它。
3、位图大小调整好后可以使用实时特效进行色彩调节,打开Effect面板,选择AdjustColor/Levels,在Levels分布图中分别拖动三个滑尺,按照下图所示进行色彩调节:


4、导入的位图一般都有一些细小的杂点,我们可以使用Effect>Blur>GaussianBlur对图像进行一些模糊处理,使其增加一些柔和的感觉.


二、自动任务处理。

由于我们在后面将多次使用这个处理过程对位图进行加工,因此可以利用Fireworks提供的自动处理功能加快我们后面的工作,这种自动任务处理可以有很多种途径,我们介绍其中最常用的三种:

1保存为一个Command。打开历史面板History,选定最后两步Effect纪录,在弹出菜单中选择SaveasCommand,将这两个步骤保存为一个可执行的Command,命名为BMPmodify。以后我们需要时只需执行Commands菜单下的这个BMPmodify命令即可。



2保存为一个Effect。我们也可以将作用在图片上的所有特效保存为一个内置特效,打开Effect面板,在弹出菜单中执行SaveEffectAs,将它保存为Mydesign特效。


此时我们打开Effect面板就可以看到我们自定义的Mydesign特效已经在其中了,我们可以像使用其它特效一样使用它。如下图:


3保存为一个Style。样式是Fireworks中包含对象的描边、填充、特效、字体等属性的一种组合,它可以快速设定对象具有统一的外观,我们也可以将上面的设定作为一个样式保存。选定刚才的位图图像,打开样式面板Style,在弹出菜单中执行NewStyle,我们只需保留对图片施加的特效即可,按下图进行设定:


搜索: Fireworks 网页设计 综合实例 

最热-Fireworks综合教程

Fireworks4输出图象

Fireworks网页设计综合实例1

Fireworks4查找替换颜色

Twist and Fade 3.0操作界面介绍

Fireworks卡通头像:搞怪宝宝(4)

Fireworks网页设计综合实例7

Fireworks打造变色banner

Fireworks打造一款动画Logo的方法

FW打造证券效果Logo

Fireworks打造字体遮罩动画

Flash和FW合作旋转文字动画

Fireworks 快速立体文字特效

在FireWorks中巧用Style打造立体感文字

素材
多种冰激凌和蛋糕PNG图标多种冰激凌和蛋糕PNG图标
精美蔬菜高清图片4精美蔬菜高清图片4
精美蔬菜高清图片2精美蔬菜高清图片2
精美蔬菜高清图片3精美蔬菜高清图片3
精美蔬菜高清图片1精美蔬菜高清图片1
景观效果图素材景观效果图素材
景观效果图素材景观效果图素材
手机高清图片手机高清图片
景观效果图素材景观效果图素材