07Fireworks图像编辑基础.ppt

第7章 Fireworks图像编辑基础,预备知识,Fireworks 基础知识,Fireworks文档编辑与应用,Fireworks基础,对象的选择与变形,文本、颜色、笔触,本章学习目标： 了解Fireworks工具特点 熟悉常用工具箱操作 熟悉矢量与位图特征及使用 学会用工具处理图象与文本,矢量与位图操作,一、 图象的格式,JPEG/JPG（Joint Photo Graphic Experts Group）： 是一种失真压缩的文件格式，其压缩效果非常明显，并支持真彩色24位和渐进格式（Progressive）。但压缩后的文件相对网络图像而言仍然显得很大，仅适用于质量要求较高的图像，如颜色丰富的风景画和照片作品等。 GIF（Graphics Interchange Format）： 支持透明背景和动画功能，同时他还支持“渐进交错”功能，此格式在网页中应用非常广泛。GIF格式的图像与JPEG格式不同，它为非失真压缩，存储格式由1位-8位，只支持256色，而不支持真彩色24位，这是GIP格式的主要特点。 PNG（Portable Network Graphics）： 此格式是Macromedia Fireworks的默认格式，它是一种非失真压缩格式。它具有JPEG 和GIF 格式的全部优点。,矢量图形使用称为“矢量”的线条和曲线（包含颜色和位置信息）呈现图像。例如，一片叶子的图像可以使用一系列描述叶子轮廓的点来定义。 叶子的颜色由它的轮廓（即笔触）的颜色和该轮廓所包围的区域（即填充）的颜色决定。 编辑矢量图形时，修改的是描述其形状的线条和曲线的属性。矢量图形与分辨率无关，这意味着可以在分辨率不同的输出设备上显示它以外，还可以对其执行移动、调整大小、更改形状或更改颜色等操作，而不会改变外观品质。,1.矢量图像(Vector),一、 图象的格式,一、 图象的格式,位图图形由排列成网格的称为“像素”的点组成。计算机的屏幕就是一个大的像素网格。在叶子的位图版本中，图像是由网格中每个像素的位置和颜色值决定的。每个点被指定一种颜色。在以正确的分辨率查看时，这些点像马赛克中的贴砖那样拼合在一起形成图像。 编辑位图图形时，修改的是像素，而不是线条和曲线。位图图形与分辨率有关，这意味着描述图像的数据被固定到一个特定大小的网格中。放大位图图形将使这些像素在网格中重新进行分布，这通常会使图像的边缘呈锯齿状。在一个分辨率比图像本身低的输出设备上显示位图图形也会降低图像品质。,2. 位图图像(Bitmap),fireworks工作环境,二、 选择和变形对象,1、对象的选择与组织,在画布上对任何对象执行任何操作之前，必须首先选择该对象，包括：矢量对象、路径中的点、文本对象、位图对象。,二、 选择和变形对象,1、对象的选择与组织,组织单个文档中的多个对象： 可以将各个对象分组，以便将它们作为一个对象进行处理，或保护每个对象与组中其它对象的关系。 可以将某些对象排列在其它对象的前面或后面。对象的排列方式称为堆叠顺序。 可以将所选对象与画布的某个区域对齐，或与垂直轴或水平轴对齐。,二、 选择和变形对象,2、像素的选择,利用位图工具选择位图特定区域的像素：,3、像素选择工具的属性,二、 选择和变形对象,选择“选取框”、“椭圆选取框”、“套索”、“多边形套索”或“魔术棒”工具时，“属性”检查器会显示工具的三种“边缘”选项： 实边：创建具有已定义边缘的选取框。 消除锯齿：防止选取框中出现锯齿边缘。 羽化：柔化像素选区的边缘。,羽化使像素选区的边缘模糊，并有助于所选区域与周围的像素混合。当复制选区并将其粘贴到另 一个背景中时，羽化很有用。,3、像素选择工具的属性 魔术棒工具的“容差”属性设置色彩类似的程度，参数值越小选择的范围越精确。,二、 选择和变形对象,用较低容差选择的像素（左图） 用较高容差选择的像素（右图）,二、 选择和变形对象,4、像素选区的调整 增加像素选区：用选取工具选中大致需要的区域后，按住Shift键继续选择其它的像素区域，最终选中的区域是所有选中区域的并集。 减少像素选区：用选取工具选中大致需要的区域后，按住Alt键选择要删除的像素区域，则后来选中的部分从原选区中删除掉。 选择多个区域间的交集：先选中第一个区域，然后按住Shift+Alt键选取第二个区域，释放鼠标就可选中两个区域之间的交集区域。,二、 选择和变形对象,4、像素选区的调整 反转选择区域：先选择某一区域，再用菜单【选择】|【反选】命令，将一个图像中原先没有被选择的区域变为选择区域，而已经选取的区域变为不选取的区域。 取消选中的像素区域： 1）快捷键Ctrl+D 2）选择其它区域时，会取消当前像素区域的选中状态。,5、裁剪位图,二、 选择和变形对象,选择“裁剪”工具，拖动鼠标绘制一个矩形区域，确定裁剪区域后在编辑窗口双击鼠标或按Enter键完成操作，将裁剪区域内的像素保留下来，而裁剪区域外的像素则被裁减掉。,二、 选择和变形对象,6、变形和扭曲所选对象和选区,使用“缩放”、“倾斜”和“扭曲”工具以及菜单命令，可以变形所选对象、组或者像素选区：,二、 选择和变形对象,6、变形和扭曲所选对象和选区,选择任意变形工具或“变形”菜单命令时，Fireworks会在所选对象周围显示变形手柄。,原始对象,经旋转、缩放、倾斜、扭曲及垂直和水平翻转后的对象,1、位图工具面板,三、 位图的绘制与编辑,三、 位图的绘制与编辑,2、绘制位图 铅笔工具 铅笔工具用于绘制任意形状的图形，边缘是刚性的，没有柔化。 刷子工具 刷子工具包含各种笔触类别，包括“喷枪”、“毛笔”、“油画效果”、“水彩”等。 橡皮擦工具 用于擦除画布上的图像。,三、 位图的绘制与编辑,2、绘制位图 滴管工具 用于从画布上已有的图像中选取颜色指定为描边或填充颜色。 油漆桶工具 用于对画布上某种颜色的连续区域或某选定区域使用填充色进行填充。 渐变工具 与油漆桶工具类似的填充工具，使用渐变的填充色。,3、位图的局部修饰,三、 位图的绘制与编辑,三、 位图的绘制与编辑,3、位图的局部修饰 克隆像素 “橡皮图章”工具可以将图片上的局部像素复制到该图片中另一个位置。“橡皮图章”是一种同步工具，包括两个部分：源指针和目标指针。源指针指向要复制的部分，目标指针指向要粘贴像素的位置。在绘制过程中两种指针保持同步运动。,三、 位图的绘制与编辑,3、位图的局部修饰 模糊像素：选中模糊工具并设置其属性的参数值后，在图像中按下鼠标拖动，鼠标经过之处就会变得模糊。 锐化像素：选中锐化工具并设置其属性的参数值后，在图像中按下鼠标拖动，鼠标经过之处就会变得清晰。 减淡与加深图像：选中相应工具并设置其属性的参数值后，在图像中按下鼠标拖动，鼠标经过之处就会变淡或加深。 涂抹像素：用当前光标所在处的颜色或指定的颜色涂抹图像。,三、 位图的绘制与编辑,3、位图的局部修饰 从照片中消除红眼 在一些照片中，主体的瞳孔是不自然的红色阴影。您可以使用“红眼消除”工具矫正此红眼效应。“红眼消除”工具仅对照片的红色区域进行绘画处理，并用灰色和黑色替换红色。,三、 位图的绘制与编辑,3、位图的局部修饰 替换颜色 “替换颜色”工具使您可以选择选择一种颜色，并用另外一种颜色覆盖此颜色进行绘画。,三、 位图的绘制与编辑,4、位图的整体修饰 “色阶”滤镜，能校正像素高度集中在高亮、中间色调或阴暗部分的位图，控制图像明暗的层次差距，调整图像中的对比度。,4、位图的整体修饰,三、 位图的绘制与编辑,“亮度/对比度”滤镜修改图像中像素的对比度或亮度。这将影响图像的高亮、阴影和中间色调。校正太暗或太亮的图像时通常使用“亮度/对比度”。,4、位图的整体修,三、 位图的绘制与编辑,色相和饱和度滤镜,4、位图的整体修饰,三、 位图的绘制与编辑,反转图像的颜色值,可以使用“反相”将图像的每种颜色更改为它在色轮中的反相色。例如，将该滤镜应用于红色对象 (R=255, G=0, B=0) 会将其颜色更改为浅蓝色 (R=0, G=255, B=255)。,单色图像；反转后,彩色图像；反转后,4、位图的整体修饰,三、 位图的绘制与编辑,使用“锐化”功能对图像进行锐化处理,4、位图的整体修饰,三、 位图的绘制与编辑,向图像中添加杂点,在图像编辑中，“杂点”是指组成图像的像素中随机出现的不同颜色。例如，模仿旧照片或电视屏幕的静电干扰。,1、绘制矢量图形,四、 矢量对象的编辑,绘制直线、矩形和椭圆,绘制基本的多边形和星形,绘制基本的圆角矩形,四、 矢量对象的编辑,2、绘制路径 1）钢笔工具：通过绘制路径中的点来确定路径的形状。每个点的类型（角点或曲线点）确定相邻的线段是直线还是曲线。 角点：在路径上由鼠标单击产生的点。在两个角点之间会生成一条直线线段。 曲线点：在路径上由鼠标单击并拖动产生的有调节手柄的点。单击并拖动时可以改变线段的曲率从而生成曲线。,绘制直线路径段,绘制曲线路径段,四、 矢量对象的编辑,2、绘制路径 2）矢量路径工具：不是通过直接绘制两个端点来确定线段，而是一个单击并拖动鼠标连续绘制的过程。 矢量路径工具包含各种笔触类别，包括“喷枪”、“毛笔”、“油画效果”、“水彩”等。,四、 矢量对象的编辑,3、编辑路径 选择路径上特定的点 使用“部分选定”工具，在路径上单击一个点或按住Shift键后依次单击多个点。 调整路径形状 选中点后，移动角点的位置改变直线段的路径，或调节曲线点的手柄改变曲线的路径。,四、 矢量对象的编辑,3、编辑路径 编辑路径上的点 角点与曲线点互相转换：选用“钢笔”工具，用鼠标拖动一个角点可以将其转换为曲线点，用鼠标单击一个曲线点可以将其转换为角点。 在路径中添加与删除点：用“钢笔”工具在路径上没有点的位置单击可以添加一个点；用“钢笔”工具单击一个角点或双击一个曲线点则可删除一个点。向路径中添加点可以更好地控制特定的路径段，删除点可以更改路径形状或简化路径。,四、 矢量对象的编辑,3、编辑路径 切割路径 用“刀子”工具将一个路径切分为两个或多个独立的路径。 重绘路径 选择“重绘路径”工具，移动鼠标到路径上需要重新绘制的起点处，按下鼠标左键并拖动鼠标画出新的路径，将光标移动到新旧路径连接的地方，松开鼠标，新路径即可替代旧路径。,四、 矢量对象的编辑,3、编辑路径 组合路径 联合：使用【修改】|【组合路径】|【联合】命令，将多个闭合路径合并为一个包括原始路径的新路径，且重合的路径完全融合，新路径保持最先放置的对象的笔触和填充属性。,四、 矢量对象的编辑,3、编辑路径 组合路径 相交：使用【修改】|【组合路径】|【相交】命令，将多个闭合路径的重叠部分保留下来形成一个新路径。新路径保持最先完成的对象的笔触和填充属性。,四、 矢量对象的编辑,3、编辑路径 组合路径 打孔：使用【修改】|【组合路径】|【打孔】命令，按照最上层的对象的形状删除其与下层对象重叠的部分。保留部分的笔触和填充属性保持原样。,四、 矢量对象的编辑,3、编辑路径 组合路径 裁切：使用【修改】|【组合路径】|【裁切】命令，按照最上层的对象的形状裁切其与下层对象重叠的部分。裁切部分的笔触和填充属性保持原样。,1、将笔触、填充和效果应用到文本,五、 文本的编辑,应用了笔触、填充、效果以及样式的文本,注意：可以将单纯一种文本颜色应用到文本块中的部分文本。但是，笔触属性、动态效果以及非纯色填充属性（如渐变填充）将应用到所选文本块的所有文本。,五、 文本的编辑,2、将文本附加到路径 在路径上附加文本： 1）按住 Shift 键选中文本块和路径 2）选择【文本】|【附加到路径】 将文本从所选路径分离出来： 选择【文本】|【从路径分离】,五、 文本的编辑,2、将文本附加到路径 选择【文本】|【方向】命令，设置路径上文本的方向。,五、 文本的编辑,3、将文本转化为路径 使用菜单【文本】|【转换为路径】命令，可以将文本转换为路径。将文本转换为路径后，即可使用所有的矢量编辑工具，但无法再将它作为文本编辑。,“属性”检查器中的“滤镜”弹出菜单,六、 矢量对象与文本的特效,1. 应用斜角边缘,在对象上应用斜角边缘可获得凸起或凹入的效果。 具有内斜角和外斜角的矩形,2. 应用浮雕,可以使用“浮雕”效果使图像、对象或文本凹入画布或从画布凸起。,3、应用阴影和光晕,使用 Fireworks 可以很容易地将投影、内侧阴影和光晕效果应用于对象。可以指定阴影的角度以模拟照射在对象上的光线角度。 投影、内侧阴影和光晕效果,课程小结：,一 图象的格式 二 选择和变形对象 三 位图的编辑 四 矢量对象的编辑 五 文本的编辑 六 矢量对象与文本的特效,