本章学习目标了解FireworksMX2004的功能、特点以及工作界面

1、本章学习目标 了解Fireworks MX 2004的功能、特点以及工作界面 理解图形图像基础知识 掌握矢量图形的绘制方法 掌握矢量图形的笔触、填充的设置方法 掌握图层的使用方法 掌握文本应用的方法,第4章,4.1.1 Fireworks MX 2004的功能及特点 Fireworks MX 2004是用来设计和制作专业化网页图形的软件，可以创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。Fireworks MX 2004与Dreamweaver MX 2004、Flash MX 2004高度集成，使网页设计

2、时更加方便快捷。使用Fireworks MX 2004不仅可以处理各种网页图像，还可以制作风格各异的LOGO、BANNER和导航栏，同时Fireworks MX 2004还可以导出附有HTML代码和JavaScript代码的图像，并直接应用到Dreamweaver MX 2004中，可以大大提高网页设计的效率。,4.1 Fireworks MX 2004简介,4.1.2 Fireworks MX 2004的工作界面,4.1.2 Fireworks MX 2004文档的基本操作,1创建文档 （1）新建文档 选择菜单【文件】|【新建】命令，弹出“新建文档”对话框，设置画布的宽度、高度、分辨率以及画

3、布颜色，单击确定即可。 （2）打开文档 选择菜单【文件】|【打开】命令，弹出“打开”对话框，选择需要打开的文件，单击打开即可。 （3）保存文档 当文档进行了编辑之后，可以选择菜单【文件】|【保存】或【文件】|【另存为】命令，在对话框中输入需要的路径和名称，即可保存文档，文件默认的扩展名为.png。,4.1.2 Fireworks MX 2004文档的基本操作,2修改文档属性 （1）修改画布大小 选择【修改】|【画布】|【画布大小】，在“宽度”和“高度”文本框中输入新的尺寸。 （2）改变画布颜色 选择【修改】|【画布】|【画布颜色】，选择“白色”、“透明”或“自定义”。 （3）旋转画布 在【修改

4、】|【画布】菜单中有三种旋转方式：旋转 180 度，顺时针旋转90度以及逆时针旋转90度。 （4）修剪画布和符合画布 选择【修改】|【画布】|【修剪画布】。 选择【修改】|【画布】|【符合画布】。 （5）改变图像大小 选择【修改】|【画布】|【图像大小】，“图像大小”对话框将打开，在此可以设置图像大小以及分辨率。,4.1.2 Fireworks MX 2004文档的基本操作,3布局工具的使用 选择【视图】|【标尺】命令即可显示或隐藏标尺。 选择【视图】|【网格】|【显示网格】命令即可显示或隐藏标尺。 创建水平或垂直辅助线：单击并从相应的标尺拖动，在画布上定位辅助线并释放鼠标按钮。要删除辅助线，

5、可以将辅助线从画布拖走。,4.2 矢量图形的绘制,4.2.1 图形图像基础知识 1像素 像素（Pixel）是组成图像的基本单元，就是一个一个小的方形的颜色块。当用缩放工具把图像放到足够大时，就可以看到类似马赛克的效果，每个小方块就是一个像素。 2分辨率 分辨率是指单位长度所包含的像素数量。分辨率越高，意味着单位长度内所包含的像素越多，图像的颜色过渡就越平滑，显示效果就越好。 3位图图像 位图图像就是由像素所组成的图像，因此又称像素图。 4矢量图形 矢量图形是由数学方式描述的曲线组成，其基本组成单位是锚点和路径。,4.2.2 基本形状的绘制,1绘制直线 方法1：使用直线工具。 选择直线工具，在画

6、布上按下鼠标左键，拖动鼠标到合适位置释放鼠标。 方法2：使用钢笔工具 选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击鼠标。 2绘制曲线 方法1：使用钢笔工具 选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击并拖动鼠标。 方法2：使用矢量路径工具 选择矢量路径工具，拖动鼠标即可绘制。 3绘制简单几何图形 选中矩形工具，单击右下角的三角形，会列出很多几何图形工具。选择所需要的几何图形，在画布上拖拉即可。 【实例4.1】绘制如下图形,4.2.3 路径的基本操作,路径的接合与拆分 选择两个或多个路径，然后选择【修改】|【组合路径】|【接合】，即可完成路径的接合操作。 选择【修改】

7、|【组合路径】|【拆分】，即可把接合的路径拆分。 2路径的联合 选择两个或多个路径，然后选择【修改】|【组合路径】|【联合】，即可完成路径的联合操作。 3路径的相交 选择两个或多个路径，然后选择【修改】|【组合路径】|【交集】。 4路径的打孔 选择两个路径，然后选择【修改】|【组合路径】|【打孔】。 5路径的裁切 选择两个路径，然后选择【修改】|【组合路径】|【裁切】。,4.2.4 对象的变换,缩放 旋转 倾斜 扭曲 翻转 数值变形 【实例4.2】制作公司标志 步骤见书,4.3.2 填充的设置,所谓填充，是指图形的内容，它处于路径的内部。 当使用矢量绘图工具绘制图形后，当前填充颜色也会同时出现

8、在“工具栏”，“混色器”面板和“属性”面板这三个面板中。任意修改其中一个面板，即可修改当前的填充颜色。填充分为以下几种： 1实心填充 2渐变填充 3图案填充 4自定义图案填充,4.3.3 图层的使用,图层就是一幅图像中包含的一些离散的平面，如果将所有的平面叠放在一起，并从顶部俯视，看到的就是实际图像的效果。 1添加图层 选择菜单命令【编辑】|【插入】|【层】，或在“层”面板的菜单中选择“新建层”命令，或单击层面板下方的“新建/重置层”命令。 2命名图层 双击某个图层的名称，在弹出的对话框中输入新的名称即可。 3显示或隐藏图层 单击某个图层左边的眼睛图标，显示眼睛图标图层就可见，否则就不可见。

9、4移动图层 选中并拖动需要移动的图层，放到需要的位置即可。 5锁定图层 单击某个图层左边的第二个方格，当显示锁形图标时图层就被锁定，显示铅笔图标则表明该层正在编辑中。 6删除图层 选中要删除的图层，单击图层面板上的垃圾桶按钮即可。,4.3.4 对象的操纵,1、对齐 2、排列 3、组合和取消组合 【实例4.3】运用本节所学内容绘制手机图形 步骤见书,4.4 文本的应用,4.4.1 输入和编辑文本 选择“文本”工具，如果在画布上单击，可以直接输入文本；如果在画布上拖出一个框，则可以创建一个固定宽度的文本块。 输入文本后，可以在属性面板中修改文本的属性。,4.4.2 将文本附加到路径,将文本附加到路径的方法如下： 创建一个文本对象，绘制一个路径对象，同时选中二者，选择菜单命令【文本】|【附加到路径】。 选择【文本】|【方向】子菜单，会有几种方向可供选择