《fireworks》由会员分享，可在线阅读，更多相关《fireworks（75页珍藏版）》请在金锄头文库上搜索。
1、fireworks1 图像格式图像格式是指计算机表示、存储图像信息的格式，目前已有上百种，像BMP、PCX、JPEG、EPX、PSD、GIF、TIFF等，下面仅介绍网页中的常用格式。1BMP（*.bmp）：是历史悠久的图像格式，可以应用在网页中。 BMP格式用像素记录颜色，支持RGB、索引颜色、灰度和黑/白两色等颜色模式，最多可以存储百万种颜色。o 缺点是一般不进行压缩，文件体积太大。 2JPEG（*.jpg）：JPEG格式是目前网络上使用最多的图像格式，主要解决了BMP格式文件体积太大的问题。JPEG 是一种有损压缩格式，它把某些人眼不易分辩的细节忽略。o 优点是文件小巧，可以支持百万种（2
2、4位）颜色，适合存储照片等颜色非常丰富的图像。 3GIF（*.GIF）：GIF格式也是一种图像压缩格式，但只支持索引色模式，最多保存256种颜色。o 优点是支持透明的图像背景和动画效果。GIF 适合保存手工绘制的卡通、徽标、包含透明区域的图形以及动画。 4PNG（*.PNG）：PNG格式称为“可移植网络图形”，是一种通用的网页图形格式，也是Fireworks本身默认的文件格式。PNG格式最多可以支持32位的颜色，包含透明度和Alpha通道。 2 Fireworks的工作环境Fireworks的桌面环境中除了熟悉的标题栏、菜单栏外，还包括图像窗口、工具面板、“属性”面板和其他面板（组）等，以下分
3、别介绍。1.视图模式选择栏分为“原始”、“预览”、“2幅”、“4幅”4种视图模式：o 图像的编辑处理都在“原始”视图中完成。 o “预览”视图，可以按优化后的图像格式显示图像，并能显示文档的总大小、预计网络传输时间等。 o “2幅”和“4幅”视图则可以用于对比以不同的格式保存图像的不同显示效果，并显示一些随所选文件类型的不同而变化的附加信息。 2 “层”面板可以说“层”是数码图像处理的灵魂。“层”允许在不影响图像中其他图像元素的情况下处理某一图像元素。可以将“层”想象成是一张张叠起来的透明纸上绘制的图像，可以透过上面“层”的透明区域看到下面的“层”。通过更改“层”的顺序和属性，可以改变图像的合
4、成效果。 （1）“层”的不透明度 “层”面板左上角，有一个显示数字的不透明度选择列表。当不透明度为0时，该层完全透明；当不透明度为100时，该层下面的内容将被完全遮盖；不透明度参数在0100之间时，为一种半透明状态，数值越低，越接近于透明的状态。（2）“层”的混合模式“层”面板右上角是一个混合模式下拉列表，它决定当前层与其下面的图层叠加后的图像混合效果。很多精湛的合成效果大多是利用“层”的混合模式实现的。（3）合并“层” o 向下合并：选中层或层中的图像对象，单击“层”面板右侧的按钮，从弹出的菜单中选择“向下合并”命令，可以将选中的层及下一层合并。 o 平面化所选：选中多个层或层中图像对象，单
5、击“层”面板右侧的按钮，从弹出的菜单中选择“平面化所选”命令，可以将选中的多个层合并。 合并层后，层中原有的文本特性和矢量特性会消失，也就是说合并后的层将完全变成位图图像。3 导入文档使用“文件”菜单中的“导入”命令，可以把素材文件直接导入到当前编辑的文档中。 从“导入”对话框中选择文件，并单击“打开”按钮后，鼠标指针会变为形状，用于确定导入的图像在当前编辑的文档的位置。4 保存文档制作的图像要在制作过程中随时保存，不然如果出现死机或断电的情况，辛苦的成果就付之东流了。“文件”菜单中常用的保存命令有下面两个：（1）保存将目前制作中的文档保存，保存会覆盖先前的文档。如果是第一次保存，还会出现“另
6、存为”对话框，用于指定文档的名称、保存类型和保存的位置等。 （2）另存为如果不想覆盖之前的文档内容，或想储存为其他格式文档，可以使用“另存为”命令，在弹出的“另存为”对话框中，重新指定文档的存盘名称、保存类型和保存位置。在保存类型的选择上还需注意：o 如果是设计过程中保存文档，保存类型必须选择PNG格式，因为只有这种格式才能完整记录用户设计的所有内容，包括层、文本属性、矢量元素等。 o 如果是作品完成后，保存最终作品，应根据作品的用途选择合适的保存类型，比如网页图像常使用JPEG、GIF等格式。 5 修改图像和画布但很多时候，我们找到的图像素材，在尺寸或内容上，或多或少的与网页的整体设计不一致
7、，这就需要对图像进行基本的修改或调整。1 修改图像大小当图像的原始尺寸与网页中为图像预留的空间不一致时，就可以通过“修改图像大小”命令进行调整。选择“修改”“画布”“图像大小”命令，会弹出“图像大小”对话框，如图所示，操作步骤如下：（1）根据需要，设置调整后的图像尺寸，可以通过以下两种方式进行设置：o 像素尺寸：如果图像用于屏幕显示，例如网页中的图片，建议采用此种方式设置。 直接在文本框中输入宽和高的像素值，或通过右侧的下拉列表框改变单位为“百分比”，通过设定图像相对于原图像宽、高的百分比来设定图像的宽度和高度 o 打印尺寸： 图像用于打印输出时，在此设置。 按照期望打印输出的图像的尺寸设置宽
8、和高，右侧下拉列表框中可以选择单位“英寸、厘米或百分比”，此外还需按照打印设备的硬件分辨率来设置“分辨率”项，以获得最佳的打印效果。 此外，两种方式还有一个公用的选项“约束比例”，用于约束图像的高宽比例。若选中，改变图像的高、宽某一项时，另一项会随之变化。（2）选择图像重新取样的方式，共有4种方式：o 最近的临近区域：速度最快，但会产生锯齿状边缘和马赛克的效果，此效果类似于使用“缩放”工具在图像上放大或缩小。 o 双立方：速度慢但精度高，可得到最平滑的色调层次，效果最好，是Fireworks中默认的重新取样方式。 o 双线性：介于前两种方式之间。 o 柔化：提供了柔化模糊效果并消除了鲜明的细节
9、。当其他方法产生了多余的人工痕迹时，此方法很有用。 以上4种方式中，“双立方”效果最好，但也只能使图像放大较小的倍数时，保持图像原有的效果。所以无论是制作网页图片还是打印输出，如果需要获得最佳的图像效果，都需要有足够清晰的高像素的素材图片。（3）单击“确定”按钮，完成图像大小的调整。2 修改画布大小有时处理图像时会发现画布的大小尺寸不够，这个时候可以用修改画布大小的功能，改变画布的大小尺寸。选择“修改”“画布”“画布大小”命令，会弹出“画布大小”对话框，如图所示，操作步骤如下： o 在宽、高文本框中设置调整后图像的新尺寸的宽和高。 o 单击“锚定”按钮以指定 Fireworks 将在画布的哪一
10、边添加或删除，如图所示。 o 单击“确定”按钮，完成画布大小的调整。 3 修改画布颜色前面已经介绍过，在新建画布的时候，可以设定画布的颜色。如果要在处理图像时改变已有的画布颜色，可以从“修改”菜单中选择“画布”“画布颜色”命令，出现如图所示的“画布颜色”对话框，在其中对画布进行修改。4 修剪画布与符合画布如果文档在画布内容周围有多余的空间，也就是说，画布尺寸大于图像的尺寸则可以修剪画布，快速去除四周多余的空间，方法是：o 选择“修改”“画布”“修剪画布”命令，如图所示。 o 如果绘制的图像超出了画布空间，也就是说，图像尺寸大于画布的尺寸，可以选择“修改”“画布”“符合画布”命令，快速扩大画布以
11、容纳所有的图像。 注意：无论图像的轮廓是何种形状，进行修剪画布或符合画布操作后，新画布都调整为正好容纳图像的矩形画布。 6 辅助线辅助线是设计阶段浮在整个图像上的线条，可作为帮助放置和对齐对象的辅助绘制工具。可以使用辅助线来标记文档的重要部分，如边距、文档中心点和要在其中精确地进行工作的区域。使用辅助线的操作步骤如下：（1）创建辅助线：先显示标尺，然后在标尺上按住鼠标，并向图像方向拖动，即可产生一条水平方向或垂直方向的辅助线。（2）移动辅助线：选择“指针”工具，鼠标指针移动到辅助线上方，指针变成或形状时，拖动辅助线到其他位置。（3）更改辅助线颜色：选择“视图”“辅助线”“编辑辅助线”命令，从颜
12、色框弹出窗口中选择新的辅助线颜色并单击“确定”按钮，如图所示。（4）显示或隐藏辅助线：选择“视图”“辅助线”“显示辅助线”命令，可以切换辅助线的可见和隐藏的显示状态。（5）锁定或解锁所有辅助线：有些时候不希望误移动辅助线的位置，可以将其锁定，方法是选择“视图”“辅助线”“锁定辅助线”命令。 再次使用上面命令即可解锁。（6）删除辅助线：选择“指针”工具 ，将辅助线从画布中拖走。 7 选择和编辑对象在前面学习的Dreamweaver中，要想设置文本的字体、颜色、大小等，需要先选中文本才能进行设置，Fireworks也不例外，在对图像中的位图、矢量图形、文本等对象进行操作前，必须首先选择该对象。1
13、选择对象（1）“层”面板在“层”面板中单击一个对象可以选中该对象。选中的对象是位图对象时，该对象四周多了一个顶点带有方格的边框，表示其正处于选中状态；如果选中的是文本块，四周也会出现同样的边框；如果选中的是矢量图形或路径，对象四周出现的只有方格。这些方格被称为“控点”，可用于调整对象的大小或形状。（2）“指针”工具o 选取单个对象：单击工具箱中的“指针”工具，指针移动到某个对象上方时，该对象边缘出现红色边框或方格（位图对象和文字块为红色边框，矢量对象为红色方格），单击红色变为蓝色，表示该对象被选中。 o 选取多个对象：在选中一个对象后，按住“Shift”键，依次单击其他对象。或者在绘图区中直接
14、拖动，会出现一个黑色的矩形框，所有框在矩形框里面的对象都将被选中。 （3）“部分选定”工具主要用于矢量路径的选择和编辑操作。（4）“选择后方对象”工具当图像中包含多个堆叠在一起的对象时，只能看到处于上层或未被遮挡的对象，此时如需选中下层被遮挡的对象可以使用“选择后方对象”工具。方法是在工具箱中选中“选择后方对象”工具后，在多个堆叠的对象上反复单击，Fireworks会按照堆叠顺序自上而下依次选中对象。2 编辑对象对于选中的对象，可以进行移动、复制与删除等编辑操作。（1）移动对象使用前面介绍的“指针”工具、“部分选定”工具和“选择后方对象”工具将对象选中后，继续拖动鼠标，即可移动对象的位置。 如
15、需精确移动对象位置，可以在选中对象后，直接按键盘上的“”、“”、“”、“”4个方向键，即可把选中的对象向相应方向移动1像素。如果觉得移动速度太慢，可以在按住“Shift”键的同时，按方向键，每按一次移动10像素。（2）复制对象 鼠标操作： 文档之间：选中对象（或选区），使用“指针”工具拖动对象到另一幅图像中，可以实现对象在图像间的复制。文档内：使用“指针”工具，按住键盘上的“Alt”键，就可以实现文档内对象的复制。请看下面的例子：o 使用魔棒工具选择花朵，使用“指针”工具，直接拖动到另一个文档； o 按Ctrl+T对花朵进行变换（按住Shift键可以保持比例），按回车键结束变换； o 然后按住Alt键复制出多个花朵。 菜单命令 选中对象后，选择“编辑”“重制”或“克隆”命令，也可以快速复制对象。“重制”和“克隆”两个命令的区别如图所示。“克隆”是在对象的原位置进行复制；而“重制”是复制后再向右、向下移动10像素。（3）删除对象选中对象后，直接按键盘上的“Delete”键，或者在“层”面板直接将对象拖入“删除”按钮，即可将其删除。 选择和编辑像素选区在进行图像设计时，使用的素材以位图图像
