创建位图图像的常用工具及步骤

位图图像也称为点阵图像，它是由许多像素点组成的，每个像素点均记录了其特定的坐标及颜色值。一幅位图图像中包含的像素总数通常是固定的，将位图图像放大，实际上也就是放大了图像中的每个像素点。

Fireworks CS5将矢量图形处理软件中的绘图工具和位图图像处理软件中的艺术处理手段集成到一起，使得用户能够编辑位图图像中的像素区域，甚至是独立的像素。

1）绘制位图

Fireworks CS5提供了多种工具来绘制位图图像，其中常用的工具主要包括“铅笔”工具、“刷子”工具、“油漆桶”工具、“橡皮擦”工具和“橡皮图章”工具等。

（1）使用“铅笔”工具

在使用“铅笔”工具时，其使用方法与使用真正的铅笔（用直尺或不用直尺）绘制线条非常相似。选中“铅笔”工具后，将鼠标指针移动到文档窗口中，鼠标指针将变为铅笔形状，此时直接拖动鼠标指针可以绘制不规则的单像素线条；按住Shift键并拖动鼠标指针可以将绘制的单像素线条限制为水平、竖直或倾斜线；如果在放大的位图上，还可以使用“铅笔”工具来编辑个别的像素。使用“铅笔”工具绘制的各种线条如图5－4所示。

图5－4　使用“铅笔”工具绘制的各种线条

（2）使用“刷子”工具

在使用“刷子”工具时，首先根据需要在其属性面板中设置不同类型的笔触样式、笔尖大小、笔触颜色、边缘羽化程度、纹理样式、不透明度及混合模式，然后在文档窗口中通过单击或拖动鼠标指针，可以绘制出各种不同的效果。使用“刷子”工具绘制的各种线条如图5－5所示。

图5－5　使用“刷子”工具绘制的各种线条

2）填充位图

Fireworks CS5提供了两种填充工具，分别是“油漆桶”工具和“渐变”工具。使用“油漆桶”工具，可以用“填充”颜色按钮中设置的颜色来覆盖图像中大面积的相近颜色；使用“渐变”工具，以可调节的样式用不同的颜色组合来填充位图或矢量图。

大面积的颜色填充工作主要通过“油漆桶”工具完成，使用“油漆桶”工具填充图像以后的效果与原图像有密切的关系。要选择“油漆桶”工具，可以在工具箱面板中单击按钮，此时属性面板中将显示“油漆桶”工具的设置选项，如图5－6所示。

图5－6　“油漆桶”工具的设置选项

“油漆桶”工具各主要设置选项的含义如下。

“填充选区”复选框：选中该复选框后，填充操作将被应用到整个选区；取消选中以后，填充操作会根据选区内图像原有的像素对同一颜色区域进行填充。

“保持透明度”复选框：当文档中存在透明的区域时，选中该复选框后，可以不把填充效果应用到透明区域；取消选中以后，则可以在图像的透明区域实现填充效果。

使用“油漆桶”工具之前可以先对图像创建选区，以便在特定的区域中进行填充操作，如果没有创建选区，则填充操作的范围是整个文档。使用“油漆桶”工具填充图像的效果如图5－7所示。

图5－7　“油漆桶”工具填充图像的效果

要选择“渐变”工具，可以在工具箱中单击按钮，此时属性面板中将显示“渐变”工具的设置选项，如图5－8所示。

图5－8　“渐变”工具的设置选项

“渐变”工具的设置选项和“油漆桶”工具的设置选项类似，可以选择不同边缘、纹理、透明和混合效果，使用“渐变”工具填充图像的效果如图5－9所示。

图5－9　“渐变”工具填充图像的效果

3）制作静态Banner效果

本节结合一个静态Banner实例制作过程，介绍各种绘制与编辑位图图像的工具和命令在实际应用中的使用方法。(www.xing528.com)

绘制如图5－19所示的静态Banner效果。

（1）选择“文件”｜“新建”命令，打开“新建文档”对话框，在“宽度”文本框中输入640像素；“高度”文本框中输入280像素，“分辨率”文本框中输入150像素／英寸，然后单击“确定”按钮新建文档，如图5－10所示。

图5－10　“新建文件”对话框

（2）选择工具箱中“矩形”工具在绘图窗口中拖动创建与页面同大的矩形。在属性面板中设置填充类型为“渐变”｜“椭圆形”，并设置渐变填充颜色为＃0858A5至＃F7F7F7，如图5－11所示。

图5－11　绘制图形

（3）在工具箱中按住“油漆桶”工具按钮，在打开的工具列表中选择“渐变”工具，显示渐变控制手柄，并调整控制手柄，如图5－12所示。

图5－12　填充渐变

（4）选择“文件”｜“打开”命令，打开“打开”对话框，选择所需的素材文件，单击“打开”按钮，打开如图5－13所示的图像。

图5－13　打开图像

（5）在工具箱中单击“魔术棒”工具按钮，在其属性面板的“容差”数值框中输入10，如图5－14所示。

图5－14　设置“魔术棒”工具

（6）使用“魔术棒”工具在素材文件的背景中单击，选择“选择”｜“反选”命令，选中建筑，如图5－15所示。

图5－15　选择图像

（7）选择“编辑”｜“复制”命令复制图像，然后选中先前创建的文件，选择“文件”｜“粘贴”命令，贴入图像，并调整其大小及位置，如图5－16所示。

图5－16　贴入图像

（8）选择“文件”｜“导入”命令，打开“导入”对话框，选择另一幅素材文件，将其导入，并调整其大小及位置，如图5－17所示。

图5－17　导入图像

（9）在工具箱中选择“文本”工具，在其属性面板的“字体”下拉列表框中选择“方正大黑简体”选项；在“大小”文本框中输入42；单击“文字”颜色按钮，在弹出的颜色选择框中选择白色，如图5－18所示。

图5－18　设置文字属性

（10）在创建的图像的左上角输入文字内容“追求创新挑战未来”，最终效果如图5－19所示。

图5－19　Banner实例效果