FireworksMX文档操作和.ppt

第17章 Fireworks MX文档操作和图像处理,本章要点： Fireworks MX的文档操作 基本矢量对象的创建和使用 位图对象的创建、选取及基本操作 在PNG文档中创建热区的方法,17.1 文档操作,17.1.1 建立新文档 新建文档的方法为：选择菜单栏【文件】【新建】命令，弹出如下图所示的【新建文档】对话框，在该对话框中可以设置各项参数。,17.1.2 文档的打开、关闭与保存,文档打开、关闭与保存的方法与Dreamweaver MX完全相同。 17.1.3 文档的导入 文档和打开文档的区别：打开文档是作为一个新的文档，而导入文档是将要导入的文档内容插入到现有的文档中某个位置处。导入文档前，必须先创建或打开一个文档。 17.1.4 修改文档属性 文档的属性主要有画布大小、画布颜色、图像大小和默认导出选项等。可通过文档窗口下面的属性面板来设置，也可以通过菜单来设置。,17.2 绘制与编辑矢量对象,17.2.1 绘制基本矢量图形 1画线 2画矩形 3画圆角矩形 4画圆或椭圆 5画多边形,17.2.2 绘制与编辑路径 所谓路径，就是对象的轮廓或边缘。 隐藏路径的方法是：执行【视图】【隐藏边缘视图】命令。 显示路径的方法是：再次执行【视图】【隐藏边缘视图】命令，可以恢复显示路径和边缘。 绘制路径的工具有三种：分别是钢笔工具、矢量路径工具和重绘路径工具。 17.2.3 设置笔画和填充属性 可以通过矢量图形对象的属性面板来设置笔画（又称笔触）和填充属性。下图是选中一个多连形对象后和属性面板。,三种边缘效果图 ：分别是实边、消除锯齿和羽化。 描边效果图,17.2.4 选择对象 1选择工具 指针工具 ：用于选择和移动路径。 选择后方对象工具 ：选择当前选定对象下面的对象。 部分选定工具 ：用于选择或移动路径，选择群组或符号内部的对象，显示或选择路径上的点。 提示：只有在打开“指针工具组”后才可以使用“选择后方对象工具”。 2选择对象 （1）选择单个对象 提示：若对象未填充，则只能在其路径上单击鼠标才能选中它。 （2）选择多个对象 提示：若想从多个对象中取消对某个对象的选择，可以按住Shift键，再次单击该对象。对象在被选取后，即使处于遮挡状态，路径也会显示出来。 （3）选择被遮挡的对象 （4）选中文档中的所有对象 提示：选择了一个或多个对象后，也可以取消选择，方法也有两个，分别是执行【选择】【取消选择】命令和按快捷键Ctrl+D。,原始情况,选中上层对象,鼠标移到被遮挡对象上,选中被遮挡对象,17.3 文本的基本操作,17.3.1 文本的输入和编辑 要在Fireworks MX中输入和编辑文本，应使用它的“文本”工具。方法是在工具箱中选中工具，然后在工作区中单击，将会生成文本对象，在文本对象中有一个插入点，此时可以输入文字。 和其它软件一样，也可以设置文本对象中显示的文字的格式。设置格式可通过文本对象的属性面板（如下图）。,17.3.2 将文本转换为路径,将文本转换为路径的方法是：执行【文本】【转换为路径】命令。 文本的纹理效果图：,17.3.3 将文本附加到路径,将文本附加到路径操作步骤如下： （1）绘制要附加文本的路径； （2）建立要附加到路径的文本； （3）选中路径和文本； （4）执行【文本】【附加到路径】命令，文本将附加到路径。 文本附加到路径后，还可以把文本和路径分离，分离方法是：首先选中文本，然后执行【文本】【从路径文离】命令即可。,把文本附加到路径的效果,17.4 位图的创建和编辑,17.4.1 两种编辑模式及其转换 矢量图像是用包含颜色的位置属性的线条来描述图像属性，路径和点是其最基本的元素，矢量图像可以任意缩放而不会改变图像的质量。 位图对象是用像素点来描述图像信息的，放大或缩小可能使图像的质量受到影响。 矢量模式和位图模式之间切换方法有以下几种： (1)使用“指针”工具在画布上双击鼠标，可以切换到矢量模式，在图像上双击鼠标，可以切换到位图模式。 (2)当在工具箱中选择矢量工具时（如直线、文本等工具），会自动切换到矢量编辑模式。 (3)当选择位图工具时，会自动切换到位图编辑模式。 (4)在位图编辑模式下，文档编辑窗口下方有一个退出位图模式按钮“ ”，单击该按钮，可以返回矢量模式。另外还可以通过按Esc键，返回矢量模式。,17.4.2 创建位图对象,可以通过以下方法来创建位图对象。 (1)执行【文件】【打开】命令，打开一个位图对象。 (2)执行【编辑】【插入】【空位图】命令，创建一个新的位图。 (3)选中文档中的矢量对象，执行【修改】【平面化所选】命令，即可将该对象转化为位图图像。 通过选取、魔术棒或套索等位图工具将位图的一部分拷贝到现有文档中，以创建位图。,17.4.3 选择位图区域,位图图像是由像素点构成的，不存在独立的对象，要选取位图图像只能通过选取其中的区域实现，选择位图区域是位图处理中最常用、最基本的操作之一。 主要的位图选取工具有 : 1矩形选取框“ ”工具和椭圆选取框“ ”工具 2魔术棒工具“ ” 3套索工具“ ”和多边套索工具“ ”,选取两个区域的情况,风景和小鹿图片,选取了小鹿图片背景,删除了小鹿图片背景,17.4.4 位图基本操作,1图像的比例变换、倾斜和扭曲 图像的比例变换使用缩放工具“ ”，图像的倾斜使用倾斜工具“ ”，图像的扭曲使用扭曲工具“ ”。 2图片的旋转和翻转 旋转和翻转工具有“ ”四种 3绘制和擦除位图 绘制位图可通过铅笔“ ”和刷子“ ”工具来进行，擦除位图可通过橡皮擦工具“ ”工具来实现。 4复制位图 5拾取颜色 6获取样式,17.5 热区与切片,17.5.1 创建热区 1使用热区工具创建热区 使用热区工具创建热区的步骤如下： （1）打开或创建需添加热区的PNG文档； （2）选择相应的热区工具； （3）在文档编辑窗口中拖动鼠标绘制热区。 2根据对象创建热区 在Fireworks MX还可以根据选中对象的形状生成热区，步骤如下： （1）选中作为热区的对象，可以是一个或多个； （2）选择【编辑】【插入】【热点】命令。,利用热点工具创建的三种热区,为一个对象创建新点,为多个对象创建单一热区,为多个对象创建多个热区,17.5.2 设置热区属性,选中热区后，可通过属性面板设置热区的属性，热区的属性面板如图 ： 17.5.3 导出含有热区的图像 含有热区的PNG文档编辑好后，还应将其导出，才能应用到网页里。Fireworks MX可以导出图像文件以及与之相匹配的HTML代码，供网页编辑软件使用。,切分技术可将大的图片和画布分成许多小的图形，然后通过HTML表格将这些小的图形组织起来显示。各个分离的图片就是切片，整个过程就称为切分。 由于切片是将图像分割为独立的小文件，因此可以为每个文件设置不同的链接地址，有时为了需要，也可以将小图像以不同的格式保存，以达到一定的特殊效果。使用切片技术还可以将图像的某部分替换为其他图片、影像、动画甚至