网页设计与编程第12章.ppt

第12章 Fireworks使用基础 内容提要 11.1 Fireworks概述 11.2 文档的基本操作 11.3 图像的基本操作 11.1 Fireworks概述 图像也是网页中不可缺少的部分，使用Macromedia公司开发的Fireworks 可以非常方便地处理网页图像。该软件不仅结合了位图以及矢量图形处理的特点，具有处理复杂图像的功能，而且还能为图像创建各种交互式动感效果。 网页中的各种图像：产品图片、背景图片、按钮图片、广告图片。 各种标志：网站标志、各种小图标。 网页动画：各种动画LOGO、动画Banner、动画广告。 网页界面设计：网页首页设计、网站内容页面设计。 辅助网页制作：导航条、按钮、交换图像、弹出菜单。 优化网页图像：减小图像文件大小。 Fireworks的工作界面 Fireworks 的工作界面，主要由标题栏、菜单栏、工具栏、工具箱、绘图区域、属性面板和功能面板等组成。 Fireworks的工作界面 1）标题栏 标题栏位于Fireworks 窗口的顶部，显示了当前编辑的文件名称和缩放比率。 2）菜单栏 菜单栏位于标题栏的下方，包括文件、编辑、视图、选择、修改、文本、命令、滤镜、窗口、帮助10组不同功能的指令菜单。单击各主菜单项都会弹出相应的下拉菜单，有些下拉菜单还包括了下一级的子菜单。 3）绘图区域 绘图区域即编辑图像的区域，也被称为画布。它就是通过使用Fireworks的各种工具进行编辑图像的地方。 在绘图区域中上方有 、 、 或 4个按钮，可以在原始界面和预览界面之间进行切换，单击 按钮返回原始界面，单击 按钮显示预览界面，单击 按钮显示2幅图的预览界面，单击 显示4幅图的预览界面。 绘图区域 单击 按钮将弹出快速导出的菜单，可以将Fireworks 中编辑的图像快速导出为Macromedia公司的其他产品或者是其他图像处理软件的格式。 在绘画区域的下方是所编辑图像文档的状态栏，分别用于控制Gif动画的播放、退出位图编辑模式、显示图像的尺寸和控制图像缩放比例。 4）快捷工具栏 快捷工具栏包含图像编辑中经常使用到的一些辅助工具，如新建、打开、保存、导入、导出、打印、撤销、剪切、复制、粘贴等一些功能按钮。 5）绘图工具栏 在绘图工具栏中包含着绘制和编辑图像的各种工具。选择【窗口】→【工具】命令或按【Ctrl+F2】快捷键可以打开或隐藏工具箱，它主要由选择、位图、矢量、网页、颜色和视图6个部分构成。其中各个工具的作用如下。 选择工具主要用于选择对象及对选择的对象进行变形操作，每个工具的作用如下。 绘图工具栏 “指针”工具 ：用于选择或者拖动对象。 “选择后方对象”工具 ：用于选择被其他对象覆盖的对象。 “部分选定”工具 ：可以选择对象组中的某个对象，也可以选择矢量图像中的各个控制点。 “缩放”工具 ：用于缩放对象。 “倾斜”工具 ：用于旋转和倾斜对象。 “扭曲”工具 ：用于扭曲和变形对象。 “裁剪”工具 ：用于对图像进行裁剪。 “导出区域”工具 ：用于将选中的部分导出。 位图工具 位图工具主要用于绘制位图和对位图进行处理。 “选取框”工具 ：用于创建矩形选区。 “椭圆选取框”工具 ：用于创建椭圆或圆形选区。 “套索”工具 ：通过拖动鼠标的方式建立任意形状的选区。 “多边形套索”工具 ：用于创建多边形选区。 “魔术棒”工具 ：将颜色相近的区域创建为选区。 “刷子”工具 ：用于创建具有填充效果的粗线条。 位图工具 “铅笔”工具 ：通过拖动鼠标的方式创建任意形状的线条。 “橡皮擦”工具 ：用于擦除不需要的区域或者对象。 “模糊”工具 ：用于使编辑的区域或者图像具有模糊的效果。 “锐化”工具 ：用于使编辑的区域或者图像具有锐化的效果。 “减淡”工具 ：用于使编辑的区域或者图像颜色减淡。 位图工具 “加深”工具 ：用于使编辑的区域或者图像颜色加深 “涂抹”工具 ：用于在图像中沿拖动的方向推移图像。 “橡皮图章”工具 ：用于把图像的一个区域复制或克隆到另一个区域中。 “替换颜色”工具 ：用一种颜色替换另外的一种颜色。 “红眼消除”工具 ：用于除去照片中出现的红眼。 位图工具 “滴管”工具 ：用于吸取鼠标所在位置的颜色。 “油漆桶”工具 ：利用已设置的颜色填充所选择的区域。 “渐变”工具 ：利用设置的渐变颜色填充所选中的区域。 矢量工具 矢量工具主要用于绘制矢量图形和对矢量图形进行处理。