位图编辑与动画制作
位图编辑是网页图像编辑的重要内容，本章主要讲述Fireworks
MX位图编辑工具的使用和简单动画的制作过程。
通过本章学习，应该掌握以下内容：
l
位图编辑工具的使用
l
帧动画的制作
Macromedia Fireworks是一款用于图像设计和网页设计的优秀应用软件，是编辑矢量和位图的综合工具。与以前版本相比，FIREWORKS MX增强了位图的编辑处理功能，提供了更多的位图编辑工具，如图8-1所示。
图8-1 位图工具
1．选择工具：
选取框工具用来绘制所选象素区域的选取框，选取框的大小等属性可通过属性面板进行设置。绘制了选取框后，可以进行移动选区、向选区添加内容、在其上绘制另一个选区或编辑选区内的象素、将滤镜应用于象素等操作。
（1）“选取框”工具
：“选取框”工具在图像中选择一个矩形区域。
（2）“椭圆选取框”工具
：“椭圆选取框”工具在图像中选择一个椭圆形区域。
（3）“套索”工具
：“套索”工具在图像中选择一个自由变形区域。
（4）“多边形套索”工具
：“多边形套索”工具在图像中选择一个直边的自由变形区域。
（5）“魔术棒”工具
：“魔术棒”工具在图像中选择一个颜色相似区域。
说明：
（1）当选择“选取框”、“椭圆选取框”、“套索”、“多边形套索”或“魔术棒”工具时，属性检查器会显示工具的三种边缘选项，如图8-2所示。
图8-2
属性检查器
l
实边：创建具有已定义边缘的选取框。
l
消除锯齿：防止选取框中出现锯齿边缘。
l
羽化：可以柔化象素选区的边缘
（2）当选择“选取框”、“椭圆选取框”或“魔术棒”工具时，属性检查器还显示三种样式选项：
l
正常：可以创建一个高度和宽度互不相关的选取框。
l
固定比例：将高度和宽度约束为定义的比例。
l
固定大小：将高度和宽度设置为定义的尺寸。
2．“铅笔”工具
可以使用“铅笔”工具绘制单象素自由直线或受约束的直线，所用的方法与使用真正的铅笔绘制硬边直线基本相同。也可以在位图上放大并单击“铅笔”工具来编辑个别的象素。
（1）选择“铅笔”工具。
（2）在属性检查器中设置工具选项：
l
“消除锯齿”：平滑您绘制的直线的边缘。
l
“自动擦除”：在“铅笔”工具笔触颜色上单击时使用填充色。
l
“保持透明度”：使“铅笔”工具只绘制到现有象素中，不绘制到透明区域中。
（3）拖动进行绘制。按住 Shift 键并拖动可以将路径限制为水平、竖直或倾斜线。
3．“刷子”工具
用“刷子”工具可以绘制位图笔画，或者可以用“油漆桶”工具将所选象素的颜色改成“填充颜色”框中的颜色。
（1）选择“刷子”工具。
（2）在属性检查器中设置笔触属性。
（3）通过拖动进行绘画。
4. “滴管”工具
使用“滴管”工具，可以从图像中选取颜色来指定一种新的笔触颜色或填充色。具体使用方法与Flash MX相同。
5．“橡皮擦”工具
可以用“橡皮擦”工具擦除所选位图对象或象素选区中的象素。默认情况下，“橡皮擦”工具指针代表当前橡皮擦的大小，但是可以在“参数选择”对话框中改变该指针的大小和外观。
（1）选择“橡皮擦”工具。
（2）在属性检查器中，设置橡皮擦的属性
l
选择圆形或方形的橡皮擦形状。
l
拖动“边缘”滑块设置橡皮擦边缘的柔度。
l
拖动“大小”滑块设置橡皮擦的大小。
l
拖动“橡皮擦不透明度”滑块设置不透明度。
（3）在要擦除的象素上拖动“橡皮擦”工具。
6. 位图边缘的羽化工具
羽化使象素选区的边缘模糊，并有助于所选区域与周围的象素混合。当复制选区并将其粘贴到另一个背景中时，羽化很有用。
（1）从“工具”面板中选择位图选择工具。
（2）从属性面板的“边缘”弹出菜单中选择“羽化”，拖动右侧滑块设置羽化深度。
（3）拖动鼠标选择羽化区域。
（4）选择“选择/反选”菜单，产生羽化选区（位图边界和虚线框之间的区域）。单击“delete”按钮，产生羽化效果，如图8-3所示。
图8-3 羽化图像
选择“选择／羽化”菜单，也可以实现位图边界的羽化效果。
7. 位图局部修饰工具
位图局部修饰工具包括：
l
“模糊”工具
：用来强化或弱化图像的局部区域。
l
“锐化”工具
： “锐化”工具对于修复扫描问题或聚焦不准的照片很有用。
l
“减淡”工具
：用于减淡局部色度。
l
“加深”工具
：用于加深局部色度
l
“涂抹”工具
：用于拾取颜色并在图像中沿拖动的方向推移该颜色，以象创建图像倒影那样逐渐将颜色混合起来。
模糊和锐化的操作过程如下：
（1）选择“模糊”工具或“锐化”工具。
（2）在属性检查器中设置刷子选项，如图8-4所示。
图 8-4
锐化的属性设置
l
“大小”：设置刷子笔尖的大小。
l
“边缘”：指定刷子笔尖的柔度。
l
“形状”：设置笔尖形状。
l
“强度”：设置模糊或锐化量。
（3）在要锐化或模糊的象素上按住左键拖动工具，效果如图8-5所示。
图8-5
模糊与锐化效果
减淡或加深的操作过程如下：
（1）选择“减淡”工具或“加深”工具。
（2）在属性检查器中设置刷子选项，如图8-6所示。
图8-6 减淡属性
l
“大小”：设置刷子笔尖的大小。
l
“形状”：设置刷子笔尖形状。
l
“边缘”：设置刷子笔尖的柔度。
l
“曝光”：从 0% 到 100％。百分比越高曝光越高。
l
“范围”：“阴影”主要改变图像的深色部分；“高亮”主要改变图像的加亮部分；“中间色调”主要改变图像中每个通道的中间范围。
（3）在图像中要减淡或加深的部分上按住左键拖动，效果如图8-7所示。
图8-7 减淡与加深效果
拖动工具时按住 Alt 键可以临时从“减淡”工具切换到“加深”工具或从“加深”工具切换到“减淡”工具。
涂抹的操作过程如下：
（１）选择“涂抹”工具。
（２）在属性检查器中设置工具选项（与锐化工具相似）：
l
“大小”：指定刷子笔尖的大小。
l
“形状”：设置刷子笔尖形状。
l
“边缘”：指定刷子笔尖的柔度。
l
“压力”：设置笔触的强度。
l
“涂抹色”：允许在每个笔触的开始处用指定的颜色涂抹。
（３）在要涂抹的象素上按住左键拖动涂抹刷，涂抹效果如图8-8所示。
图 8-8 涂抹效果
8．橡皮图章工具
“橡皮图章”工具，用来克隆位图图像的部分区域，以便您可以将其压印到图像中的其它区域。当要修复有划痕的照片或去除图像上的灰尘时，克隆象素很有用。可以复制照片的某一象素区域，然后用克隆的区域替代有划痕或灰尘的点。
克隆位图图像的操作如下：
（1）选择“橡皮图章”工具。
（2）从属性面板中设置图章属性。
（3）单击位图中某一区域将其指定为源（即要克隆的区域），如图8-9所示。取样指针变成十字型指针。
说明：要指定另一个要克隆的象素区域，可以按住 Alt 键并单击另一个象素区域，将其指定为源。
（4）在右侧的空白区域按住左键拖动指针涂抹（蓝色圆圈形状），复制出左侧图像。
图8-9 橡皮图章效果
9． 位图裁剪工具
可以把 Fireworks MX文档中的单个位图对象隔离开，只裁剪那个位图对象而使画布上的其它对象保持不变。
在不影响文档中其它对象的情况下裁剪位图图像：
（1）选择位图对象。
（2）选择“编辑/修剪所选位图”菜单。
裁剪手柄出现在整个所选位图的周围，如果在第一步中绘制了选取框，则裁剪手柄出现在选取框的周围。
（3）调整裁剪手柄，直到定界框围在位图图像中要保留的区域周围。双击定界框内部或按 Enter 键所选位图中位于定界框以外的每个象素都被删除，而文档中的其它对象保持不变。
说明：若要取消裁剪选择，请按 Esc 键。另外通过工具箱中“选择”区域的剪裁工具
，也可以实现位图剪裁操作。
1. 图像变形
可以利用工具箱中的“缩放工具”
，
“倾斜工具”
“扭曲工具”
，来完成图像的变形操作。操作过程比较简单，具体操作请大家尝试。
2．位图背景的编辑
利用工具箱中的魔术棒工具，选中背景色通过颜料桶工具或删除键可以改变或删除背景色，如图8-10所示。
图8-10 背景的编辑
4. 切割图形
将一个283×212的图片平均分割成（3×4）12块：
（1）打开图片，可以从属性对话框中看到图片宽，高的象素值。
（2）将图片宽283除以3得94，高212除以4得53（得到每一块的像素值）。
（3）打开“视图/网格/编辑网格”菜单，在弹出的“编辑网格”对话框中输入如图8-11所示内容，并显示如图8-12的网格辅助线。
（4）选取“选取框”工具
。
（5）沿辅助线拖动鼠标使选取框恰好重合在辅助单元格上。
（6）单击“编辑/剪切”命令。
（7）单击“文件/新建”命令，从弹出的对话框上单击“确定”按钮。
（8）单击“编辑/粘贴”命令，粘贴图片块。将图片块以“仅图像”模式导输。
（9）重复（5）（6）（7）（8）步骤将图片分成12块，存成12个图形文件。
图8-11 编辑网格对话框
图8-12 网格辅助线
5．虚幻效果
制作位图的虚幻效果要通过层进行操作，下面对层面板进行简单地介绍。
选择“窗口/层”菜单，启动层面板，如图8-13所示。通过层面板可以新建层或层对象，合并、编辑层或层对象，删除层或层对象，建立蒙板层等。通过层或层对象之间的叠加可以制作出各种特殊的图形效果。
图8-13 层面板
层面板的具体应用在下面的制作过程中得以体现。
（1）打开位图文件flower.jpg，如图8-14所示。选择“窗口/层”菜单，启动层面板，在层1中双击位图对象，将其命名为“花朵”。
（2）在工作区中画出一个与位图花朵大小相同，位置重合的矢量矩形（默认填充色）。此时在层面板中增加了一个矩形对象。
图8-14 建立位图层
（3）在层面板中选中矩形对象，点按绘图工具箱中颜料桶按钮，从弹出菜单中选择“渐变”工具。启动属性面板，在颜料桶右侧下拉表中选择“放射状”，如图8-15所示。
图8-15 放射填充的设置
（4）点击属性面板中颜料桶右侧的填充设置按钮，弹出如图8-16所示设置窗口。将左侧颜色的不透明度设为0%，右侧设为100%。填充效果如图8-17所示。通过控制柄调整填充范围和中心。
图8-16 渐变设置
图8-17 调整选区
（5）在层面板中选中花朵对象，按住Ctrl键，点选矩形对象。这时位图上会出现一个如图8-18所示的选区，按delet键进行删除操作，产生羽化效果。
（6）在层面板中，将矩形对象删除或隐藏，并添加文字对象，就得到了如图8-19所示的虚幻效果。
说明：此例实际上是通过矢量矩形渐变填充路径，产生一个羽化位图的选区，进而对位图进行羽化处理的操作过程。将路径转化为选区是Fireworks MX新增加的功能。后面“气泡效果”实例也是应用了这个原理
图8-18 设定删除选区
图8-19 虚幻效果
6. 气泡效果
（1）建立一个新文件，导入一个背景图片。启动层面板，将背景图片对象命名为“背景”。在工作区中使用圆形工具画出一个白色的圆。并选择“编辑/平面化所选”菜单或利用快捷键：Ctrl+Shift+Alt+Z，将其转化成位图，层面板中出现一个“位图”的对象。
（2）再使用圆形工具画出一个白色的圆，大小相比前一个制作的圆略小些，层面板中出现一个“路径”对象。选中两个圆，通过选择“修改/对齐/垂直对齐”菜单和“修改/对齐/水平对齐”菜单，将小圆放到大圆的居中位置。
（3）在图层面板中，点选位图对象，然后按住CTRL键的同时点选路径对象，得到小圆选区。
（4）选择“选择/羽化”命令为小圆选区调节适当的羽化值，并按“删除”按钮。完成如图8-20所示的效果制作。
图8-20 气泡球效果
在Fireworks MX中也可以建立帧动画效果，下面通过一个简单的实例介绍动画建立的一般过程。
1. 新建一个文件，画布长为300象素，宽为150象素。
2. 用矩形工具画一个矩形，可以用任何颜色填充。
1.
选中矩形，选择“修改/动画/选择动画”菜单，弹出如图8-21(a) 所示设置窗口。
2.
“帧”
框中输入动画的
帧数15，在位移一定的情况帧数越多动画越平滑。
3. “移动”框中输入180，这是设定移动的距离（以象素为单位）。
4.
“方向”框中输入45，设定移动的角度。
5.
单击“确定”按钮，将会出现系统提示框，问你是否添加新的帧。单击“确定”，将会自动添加新的帧。
现在图中矩形左下角就会加上一个小
