gggds 发表于 2009-12-27 12:22:08

Fireworks网页设计综合实例2

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

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


http://edu.chinaz.com/Files/BeyondPic/Layer1.gif

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


http://edu.chinaz.com/Files/BeyondPic/Effect2.gif

??? 4、导入的位图一般都有一些细小的杂点,我们可以使用Effect>Blur>Gaussian?Blur对图像进行一些模糊处理,使其增加一些柔和的感觉.
??? 二、?自动任务处理。?
??? 由于我们在后面将多次使用这个处理过程对位图进行加工,因此可以利用Fireworks提供的自动处理功能加快我们后面的工作,这种自动任务处理可以有很多种途径,我们介绍其中最常用的三种:?
??? 1?保存为一个Command。打开历史面板History,选定最后两步Effect纪录,在弹出菜单中选择Save?as?Command,将这两个步骤保存为一个可执行的Command,命名为BMPmodify。以后我们需要时只需执行Commands菜单下的这个BMPmodify命令即可。


http://edu.chinaz.com/Files/BeyondPic/SaveCommand3.gif

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


http://edu.chinaz.com/Files/BeyondPic/SaveEffect4.gif

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

http://edu.chinaz.com/Files/BeyondPic/MyEffect5.gif

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


http://edu.chinaz.com/Files/BeyondPic/MyStyle6.gif



?
页: [1]
查看完整版本: Fireworks网页设计综合实例2