951本章学习目标 了解Fireworks MX 2004的功能、特点以及工作界面.ppt
本章学习目标了解Fireworks MX 2004的功能、特点以及工作界面理解图形图像基础知识掌握矢量图形的绘制方法掌握矢量图形的笔触、填充的设置方法 掌握图层的使用方法 掌握文本应用的方法,第4章 网页图像制作Fireworks,4.1.1 Fireworks MX 2004的功能及特点Fireworks MX 2004是用来设计和制作专业化网页图形的软件，可以创建和编辑位图和矢量图像、设计网页效果（如变换图像和弹出菜单）、修剪和优化图形以减小其文件大小以及通过使重复性任务自动进行来节省时间。Fireworks MX 2004与Dreamweaver MX 2004、Flash MX 2004高度集成，使网页设计时更加方便快捷。使用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）新建文档选择菜单【文件】|【新建】命令，弹出“新建文档”对话框，设置画布的宽度、高度、分辨率以及画布颜色，单击确定即可。（2）打开文档选择菜单【文件】|【打开】命令，弹出“打开”对话框，选择需要打开的文件，单击打开即可。（3）保存文档当文档进行了编辑之后，可以选择菜单【文件】|【保存】或【文件】|【另存为】命令，在对话框中输入需要的路径和名称，即可保存文档，文件默认的扩展名为.png。,4.1.2 Fireworks MX 2004文档的基本操作,2修改文档属性（1）修改画布大小选择【修改】|【画布】|【画布大小】，在“宽度”和“高度”文本框中输入新的尺寸。（2）改变画布颜色选择【修改】|【画布】|【画布颜色】，选择“白色”、“透明”或“自定义”。（3）旋转画布在【修改】|【画布】菜单中有三种旋转方式：旋转 180 度，顺时针旋转90度以及逆时针旋转90度。（4）修剪画布和符合画布选择【修改】|【画布】|【修剪画布】。选择【修改】|【画布】|【符合画布】。（5）改变图像大小选择【修改】|【画布】|【图像大小】，“图像大小”对话框将打开，在此可以设置图像大小以及分辨率。,4.1.2 Fireworks MX 2004文档的基本操作,3布局工具的使用选择【视图】|【标尺】命令即可显示或隐藏标尺。选择【视图】|【网格】|【显示网格】命令即可显示或隐藏标尺。创建水平或垂直辅助线：单击并从相应的标尺拖动，在画布上定位辅助线并释放鼠标按钮。要删除辅助线，可以将辅助线从画布拖走。,4.2 矢量图形的绘制,4.2.1 图形图像基础知识1像素像素（Pixel）是组成图像的基本单元，就是一个一个小的方形的颜色块。当用缩放工具把图像放到足够大时，就可以看到类似马赛克的效果，每个小方块就是一个像素。2分辨率分辨率是指单位长度所包含的像素数量。分辨率越高，意味着单位长度内所包含的像素越多，图像的颜色过渡就越平滑，显示效果就越好。3位图图像位图图像就是由像素所组成的图像，因此又称像素图。4矢量图形矢量图形是由数学方式描述的曲线组成，其基本组成单位是锚点和路径。,4.2.2 基本形状的绘制,1绘制直线方法1：使用直线工具。选择直线工具，在画布上按下鼠标左键，拖动鼠标到合适位置释放鼠标。方法2：使用钢笔工具选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击鼠标。2绘制曲线方法1：使用钢笔工具选择钢笔工具，在画布上按下鼠标左键，移动鼠标到合适位置单击并拖动鼠标。方法2：使用矢量路径工具选择矢量路径工具，拖动鼠标即可绘制。3绘制简单几何图形选中矩形工具，单击右下角的三角形，会列出很多几何图形工具。选择所需要的几何图形，在画布上拖拉即可。【实例4.1】绘制如下图形,4.2.3 路径的基本操作,路径的接合与拆分选择两个或多个路径，然后选择【修改】|【组合路径】|【接合】，即可完成路径的接合操作。选择【修改】|【组合路径】|【拆分】，即可把接合的路径拆分。2路径的联合选择两个或多个路径，然后选择【修改】|【组合路径】|【联合】，即可完成路径的联合操作。3路径的相交选择两个或多个路径，然后选择【修改】|【组合路径】|【交集】。4路径的打孔选择两个路径，然后选择【修改】|【组合路径】|【打孔】。5路径的裁切选择两个路径，然后选择【修改】|【组合路径】|【裁切】。,4.2.4 对象的变换,缩放旋转倾斜扭曲翻转数值变形【实例4.2】制作公司标志 步骤见书,4.3.2 填充的设置,所谓填充，是指图形的内容，它处于路径的内部。当使用矢量绘图工具绘制图形后，当前填充颜色也会同时出现在“工具栏”，“混色器”面板和“属性”面板这三个面板中。任意修改其中一个面板，即可修改当前的填充颜色。填充分为以下几种：1实心填充2渐变填充3图案填充4自定义图案填充,4.3.3 图层的使用,图层就是一幅图像中包含的一些离散的平面，如果将所有的平面叠放在一起，并从顶部俯视，看到的就是实际图像的效果。1添加图层选择菜单命令【编辑】|【插入】|【层】，或在“层”面板的菜单中选择“新建层”命令，或单击层面板下方的“新建/重置层”命令。2命名图层 双击某个图层的名称，在弹出的对话框中输入新的名称即可。3显示或隐藏图层 单击某个图层左边的眼睛图标，显示眼睛图标图层就可见，否则就不可见。4移动图层 选中并拖动需要移动的图层，放到需要的位置即可。5锁定图层 单击某个图层左边的第二个方格，当显示锁形图标时图层就被锁定，显示铅笔图标则表明该层正在编辑中。6删除图层选中要删除的图层，单击图层面板上的垃圾桶按钮即可。,4.3.4 对象的操纵,1、对齐2、排列3、组合和取消组合【实例4.3】运用本节所学内容绘制手机图形 步骤见书,4.4 文本的应用,4.4.1 输入和编辑文本选择“文本”工具，如果在画布上单击，可以直接输入文本；如果在画布上拖出一个框，则可以创建一个固定宽度的文本块。输入文本后，可以在属性面板中修改文本的属性。,4.4.2 将文本附加到路径,将文本附加到路径的方法如下：创建一个文本对象，绘制一个路径对象，同时选中二者，选择菜单命令【文本】|【附加到路径】。选择【文本】|【方向】子菜单，会有几种方向可供选择：依路径旋转、垂直、垂直倾斜、水平倾斜。,4.4.3 将文本转换为路径,将文本转换为路径的方法如下：选中文字，选择菜单【文本/转换为路径】即可。【实例4.4】下面通过一个例子来说明如何将文本转换为路径。步骤见书,4.5 综合制作实例,根据本章所学知识，制作网站标志，具体制作步骤见书。,
