Fireworks中工具的介绍.ppt

网页设计 Webnetdesign 第二十章Fireworks中工具的介绍 一 主工具栏如果文档上放没有主工具栏的显示 可以去 窗口菜单 工具栏 主要 创建 创建新文档 打开 打开已有文档 保存 保存当前文档 导入 导入图片到当前文档 导出 导出当前文档 打印 打印当前文档 撤消 撤消最近一次操作 向后 重复 重复最近一次操作 向前 剪切 将所选内容剪切到剪贴板 复制 将所选内容复制到剪贴板 粘贴 将剪贴板内容粘贴到当前文档中的光标所在处 网页设计 Webnetdesign 二 修改工具栏如果文档上放没有主工具栏的显示 可以去 窗口菜单 工具栏 修改工具栏 组合 将选中的多个对象变成一个组 取消组合 把组合的对象解散 合并 把选中的两个以上的路径连接起来 拆分 将连接的路径分散 移到最前 将对象移动到堆叠次序的最上层 前移 将对象的堆叠次序向上移动一层 置后 将对象的堆叠次序向下移动一层 移到最后 将对象移动到堆叠次序的最下层 对齐方式 选择多个对象的对齐方式 旋转90逆时针 将对象逆时针旋转90度 旋转90顺时针 将对象顺时针旋转90度 水平翻转 将对象水平翻转 垂直翻转 将对象垂直翻转 网页设计 Webnetdesign 三 工具栏 1 选择工具 指针工具 选择组内的个别对象或矢量对象的点 按 Shift 可以选取多个对象 选择后方对象工具 当处理包含多个对象的图形时 可以使用 选择后方对象 工具选择被其它对象隐藏或遮挡的对象 部分选定工具 选择 移动或修改矢量路径上的点或者属于组的对象 缩放工具 包括三个子工具 缩放工具 缩放并旋转对象 倾斜工具 倾斜并旋转对象 扭曲工具 扭曲并旋转对象 网页设计 Webnetdesign 裁剪工具 裁剪或扩大画布 导出区域工具 在图中用此工具选择一部分图素 按 回车 或者 双击 出现导出设置窗口 这样可以把你选择的图片的一部分导出 2 绘制位图工具 选取框工具 在图像中选择一个矩形区域 绘制矩形选区工具 按 Shift 键绘制正方形 椭圆选取框工具 在图像中选择一个椭圆形区域 绘制椭圆形选区工具 按 Shift 键绘制正圆形 在 属性面板 上 我们可以设置绘制图形的属性 网页设计 Webnetdesign 在 样式 选项中可使该选取框在 正常 固定大小和固定比例 这三个样式中切换 正常 默认的选择方式 也最为常用 可以用鼠标拉出任意矩形或椭圆形选取区域 固定比例 可以任意设定矩形或椭圆选区的宽高比 只需在该选项的下方输入相应的宽高比数值 固定大小 在这种方式下可以通过输入宽和高的数值来精确确定矩形或椭圆选区的大小 在 边缘 选项可以对选区边缘的硬化程序进行设置 实边 选区边缘呈锯齿状 没有任何的柔化过渡 消除锯齿 可使选区边缘有最基本的柔化 羽化 可以消除选取区域的正常硬变边缘 使其柔化 也就是使边界产生一个过渡段 该选项的取值为0 100之间 数值越大 柔化程度也越大 网页设计 Webnetdesign 套索工具 在图像中选择一个自由变形区域 可以随意圈画出所要的选取范围 主要用于选取一些不规则的图形选区 如果选取的曲线终点和起点未重合 Fireworks会自动用封闭成完整的线圈 多边形套索工具 在图像中选择一个直边的自由变形区域 以在图像中选取出不规则的多边图形 在选取时同时按下Shift键可使选取线段成直线 水平 45度角方向 网页设计 Webnetdesign 魔术棒工具 在图像中选择一个颜色相似区域 这是一个神奇的选取工具 选取图像中颜色相似的区域 当用魔术棒单击图像上某个点时 与该点颜色相相近的区域将被选中 可以在一些情况下节省大量的精力来达到意想不到的效果 通过魔术棒工具的属性对话框可以设置色彩的 容差值 和边缘的柔化度 容差值越大 所选取的范围也越大 网页设计 Webnetdesign 刷子工具 在文档中中绘制线条 属性面板调节大小和样式 在 刷子 工具的属性对话框中可以对刷子的色彩 大小 笔触类形 边缘柔化值 纹理 纹理透明度 刷子透明度 色彩模式等进行设置 在该属性框的 描边种类 下拉列表里有各式各样的笔触种类可以选择 点击 笔触选项 可以编辑新的笔触 在 纹理 的下拉列表中有数十种填充纹理图案可供选择 同时还可以从该列表中选择 其它 从外部导入位图图像作为新的纹理填充 网页设计 Webnetdesign 铅笔工具 绘制一象素宽自由形状路径 在铅笔的属性框中同样可以对线段的色彩 是否选用柔化 透明度数值 自动擦除等进行设置 按住Shift键并拖动可以将路径限制为水平 竖直或倾斜线 消除锯齿 对绘制的直线的边缘进行平滑处理 自动擦除 当 铅笔工具 在笔触颜色上单击时使用填充颜色 保持透明度 将 铅笔工具 限制为只能在现有图形中绘制 而不能在图形的空白区域中绘制 网页设计 Webnetdesign 橡皮擦工具 用于擦除位图的颜色 和使用画笔一样 在选中橡皮工具后 按住鼠标左键在图像上拖动即可 大小 滑块设置橡皮擦的大小 形状 设置橡皮擦的形状是圆形或者方形 边缘 设置橡皮边缘是实还是虚 橡皮擦不透明度 滑块设置橡皮的不透明度 网页设计 Webnetdesign 模糊工具 该工具的工作原理就是降低像素之间的反差 使图像产生模糊效果 属性面板设置模糊参数 大小 设置刷子笔尖的大小 形状 设置圆形或方形刷子笔尖形状 边缘 指定刷子笔尖的柔度 强度 设置模糊或锐化量 锐化工具 与 模糊 工具正好相反 锐化 工具是用于加深像素之间的反差 使图像更加锐化 模糊与锐化工具的属性面板完全相同 其中的强度表示模糊或锐化时的笔触强度 网页设计 Webnetdesign 减淡工具 烙印工具 这两个工具都是用来改变图像的亮调与暗调 原理来源于胶片曝光显影后 经过部分暗化和亮化 来改善曝光效果 烙印工具好象PS里面的加深工具 可以设置参数 范围 是对将要处理的特殊色调区域进行色调上的选择 选哪里作用到哪里 阴影 选中后 减淡 和 烙印 工具只作用于暗调区域 中间调 选中后 减淡 和 烙印 工具只作用于中间调区域 亮调 选中后 减淡 和 烙印 工具只作用于亮调区域 网页设计 Webnetdesign 涂抹工具 该工具在使用时好像时用日常生活中的干笔刷在未干的油墨上擦过一样 也就是说笔触周围的像素会随着 涂抹 工具的笔触一起移动 网页设计 Webnetdesign 橡皮图章工具 用来克隆图像的部分区域 以便将其压印到图像中的其它区域 在使用时先要把鼠标移到想要复制的图像上 或者按 Alt 键 然后点击鼠标左键以确定复制的起点 然后拖动鼠标在图像的任意位置开始复制 类似PS仿制图章工具 网页设计 Webnetdesign 替换颜色工具 选取一种颜色 可以在这种颜色的范围内 用类似笔刷的东西涂抹成另一种颜色 使用该工具时 要先在属性面板中单击 从颜色样本或图像中取样 选取一个图像中的颜色 在 终止 选择将用来替换的颜色 在替换颜色的属性框中可以设置参数 网页设计 Webnetdesign 大小 设置刷子笔尖的大小 形状 设置圆形或方形刷子笔尖形状 容差 确定要替换的颜色范围 0 表示只替换 终止 颜色 100 表示替换所有与 终止 颜色相似的颜色 强度 确定将替换多少 更改 颜色 彩色化 用 终止 颜色替换 更改 颜色 取消选择 彩色化 以便用 终止 颜色对更改颜色进行涂染 并保持一部分 更改 颜色不变 红眼消除工具 在一些照片中 主体的瞳孔是不自然的红色阴影 因此使用 红眼消除 工具就能轻松的解决这个问题 红眼消除 工具仅对照片的红色区域进行绘画处理 并用灰色和黑色替换红色 首先选择 红眼消除 工具 在属性栏设置参数 容差 定要替换的色相范围 0 表示只替换红色 100 表示替换所有色相 包括红色 强度 设置用于替换红色的灰色暗度 设置参数之后 直接拖动或单击照片中的红色瞳孔就可以出现效果了 网页设计 Webnetdesign 3 绘制矢量图工具 直线工具 使用 直线 工具可以在画布上直接画出直线 当按住 Shift 键时可以画出水平 垂直 45度角的直线 在属性面板上 可以直线的颜色 粗细 描边种类 透明度等 钢笔工具 选中 钢笔 工具 包括三个工具 后单击画布上的不同位置 可以画出由线段组成的直线路径 如果单击并拖动一个新点 即可产生一个曲线点 如果只单击 则产生一个角点 通过调整曲线的两条控制线可以设定曲线的弯曲 结束钢笔工具绘制的时候 双击就可以了 在 钢笔工具 ctrl键 切换到 部分选定工具 可以移动钢笔工具的节点 在按 ALT 键 节点上出现手柄 可以单独控制一条控制线 从而确立下一个曲线线段的走向和弯曲度 加节点 如果指针处在路径上时 指针旁会有个十字的标志 此时单击鼠标会增加一个节点 减节点 在钢笔工具上按 ctrl 选中该节点 松开 ctrl 在选中的节点上双击两下就可以把该节点删掉 点一下变成直线截点 选中按DELATE也可以删除 网页设计 Webnetdesign 矢量路径工具 矢量路径工具的使用和刷子工具一样 都可以任意画出自由路径 笔触色彩 大小及边缘的柔化值等的设置也都完全相同 重绘路径工具 较复杂 节点较多的封闭路径 就要使用 重绘笔刷 来处理 使用 重绘笔刷 沿着弯度重新画一条弧线 重绘的路径部分会以红色高亮显示 这样 原来路径就被新的路径取代了 形状工具 形状工具又被分为 基本形状 和 自动形状 网页设计 Webnetdesign 基本形状 有矩形 椭圆形和多边形这些简单的几何图形 使用时只需在画布上用鼠标进行拖拽即可画出相应的图形 当按住 Shift 键不放的时候可以画出正方形和圆形 在各形状工具的属性框中都可以方便的为这些图形选择不同的填充模式加以填充 通过颜色的调节手柄可以自由的控制色的填充方向及范围 矩形的属性栏里面可是设置圆角 这样就可以建立圆角矩形 所示 在使用 多边形 工具时 记得一定要选择多边形工具 可以在该属性框内先设置好多边形的形状 边数及角度 然后再进行图形绘制 网页设计 Webnetdesign 自动形状 这是一组智能的矢量绘图工具 这些对象组遵循特殊的规则以简化常用可视化元素的创建和编辑 和基本形状工具组不同 选定的 自动形状 除了有色彩 填充手柄外 还具有菱形的控制点 每个控制点都与形状的某个特定变形属性相关联 通过拖动控制点可以改变与其关联的变形属性 大多数 自动形状 控制点都带有工具提示 描述它们会如何影响 自动形状 将指针移到一个控制点上可看到描述该控制点控制的属性的工具提示 组合面板中的 形状 面板下还有一组图形较为复杂的智能形状工具 将这些对象用鼠标直接拖拽至画布内后 同样是通过调节对象上的每个菱形控制点即可改变对象相关属性 网页设计 Webnetdesign 文本工具 点选工具条上的 文字工具 后在画布上进行单击 即会显示文本的输入框 在属性面板里我们可以对文字的字体 字号 颜色 文字间距 自定义消除锯齿等等进行设置 同时点击 文本菜单 编辑器 也同样可以对文字的各项属性进行相关设置 将笔触 填充和效果应用到文本 我们可以在文本上进行特殊的处理 使文字更美观和图形化 首先 输入文本 选中文本 鼠标右键 转化为路径 这样对文字进行了栅格化处理 我们在属性栏里面就可以设置填充和边框的颜色和纹理了 网页设计 Webnetdesign 文字附加到路径 按 Chrl A 键同时选中文字和路径后 使用 文本菜单 附加到路径 命令 文字就被附加到了封闭或不封闭路径上 此时文字与路径成为了一个整体 随后对该路径所用的任何笔触 填充或效果属性都将消失了 文字被附加到路径后依然能继续为其添加或编辑各种文字 继续通过属性面板来设置文字的参数 网页设计 Webnetdesign 文本偏移 调节文字在路径上的位置 选择 文本菜单 倒转方向 可以改变文字在路径内外的方向 如果要解除文字附加到路径的使用 只要选中文档中的文字与路径后使用 文本菜单 从路径分离 命令 就可以分开附加在路径上的文字 文本从路径分离出来后 该路径会重新获得其笔触 填充以及效果属性 自由变形工具 可以直接对矢量路径进行弯曲和变形操作 而不是对各个节点执行操作 Fireworks在更改矢量路径的形状时会自动添加 移动或删除路径上的节点 在线上可以直接拖动 在线外或内变成圆对路径进行挤压操作 更改区域形状工具 使用时 该工具的指针是两个同心圆 只有处于这两个同心圆范围内的路径才会被修改 再线上直接可以拖动线 在里面或外面都是圆形挤压 路径洗刷工具添加和去除 路径洗刷工具只能用在具有压力感应刷子描边的路径上 使用时通过在要修改的路径上不断变化的压力或速度来更改路径的笔触属性 这些属性包括路径原有的笔触大小 角度 墨量 离散 色相 亮度和饱和度 还可以指定影响这些属性的压力和速度的数量 网页设计 Webnetdesign 刀子工具 该工具用于切割类如钢笔路径这样的矢量路径 使用时从要切割处按住鼠标左键移动划过 在切割处会增加一个控制点 使用指针工具移动一端就可以把线段分开了 前提是要先选中对象 4 Web工具 热点工具 对于按钮链接区域的设置还可以使用 Web 工具区中的 矩形热区 圆形热区 多边形热点 工具为按钮或图形绘制链接区域 热区绘制在文档中是以半透明的蓝绿色显示的 绘制了热点 就可以在热点里面进行设置 链接等操作 网页设计 Webnetdesign 切片工具 可以使用工具条中专门为网页链接而设立的 Web 工具区 切片 工具 把完整的图形切开成很多快 同时发布 这样便于网络浏览的速度加快