网页设计基础-Fw.pptVIP

Fireworks 8 简介 Fireworks 8 的工作界面 位图编辑 矢量图编辑 图像效果设置 文本对象的编辑 Fireworks HTML应用 动画制作 一、 Fireworks 8 的工作界面 Fireworks 8的工作界面 由“菜单栏”、“工具栏”、“工作区”、“工具箱”、“组合面板”和“属性面板（检查器）”六个部分组成。 一、 Fireworks 8 的工作界面 Fireworks 8的文件操作 Fireworks的文件扩展名为.png。文件的基本操作包括：新建、打开和导入、保存和导出、关闭，以及将Fireworks 的文件转换为其他格式文件。 新建文件：新建文档/设置画布大小、分辩率、颜色/绘制与编辑图像 导入（即插入）图像：文件/导入/选择位置与文件名/打开/拖动鼠标 保存和导出文档： 保存文档：将文档保存为PNG格式 导出文档：可以生成图像的HTML文件、库文件、CSS层文件等 文件转换：文件/图像预览/选择“选项”中的“格式” 、品质等/调整缩放比例（文件卡）和导出区域等/导出/导出 二、 位图编辑 位图：由像素组成图形，也称为栅格图像。位图图像的特点： 颜色基于像素：颜色变化比较丰富，能如实反映真实世界的面貌，并可以直接、快速地在浏览器中显示出来。 图像品质与分辩率相关联，不可任意放大。 常见的位图格式：BMP、GIF、JPG、TGAT等。 位图处理工具：在Fireworks 8的文档中，位图图像和矢量图像可以同时并存，但需要使用各自的工具进行编辑。使用位图图像工具，能够实现选取、裁剪、绘制、修饰位图图像的功能。 二、 位图编辑 位图工具使用实例 截取图像： 打开图像文件1.gif 选择“多边形套索”工具，沿动物边缘单击鼠标成封闭区域，选中小狗 选择菜单［编辑］［复制］ 新建一文档，［粘贴］ 保存文档 羽化图像： 打开图像文件2.jpg 选择“椭圆”工具，在图像上拖出一区域 选择菜单［选择］［羽化］，给定羽化值 选择菜单［修改］［蒙板］［显示所选］ 选择［符合画布］ 保存文档 三、 矢量图编辑 矢量图形：用路径 （线条和曲线）构成图像，它的特点： 颜色基于线条和曲线 不受分辩率影响，可以任意缩放、旋转、扭曲等变换而不改变图像的品质。 矢量图形的作用：主要用于插图、文字的可以自由缩放的徽标的制作。 常见的矢量图格式： AI、FLA、SWF等。 矢量图处理工具： 三、 矢量图编辑 矢量工具使用实例 绘制自由路径：使用［钢笔］工具绘制直线折线和曲线 编辑路径：使用［次选］、［自由变形］工具调整路径 图形变形控制： 选择［星形］工具绘制一五角星，任意色填充 增减角度（点）：12角度，向下=减角度、向上=增角度 调整“圆度1”：拖向中心 调整“半径1”：向中心拖半程 调整“圆度2”、“半径2”，观察图形变化 三、 矢量图编辑 “形状”面板(资源/形状) 可以将面板中的某个图形拖放到画布上，同样是通过调节对象上的每个控制点（黄色）来改变对象的相关属性 。 四、图像效果设置 在Fireworks中，笔触、填充和效果是设计和处理图形图像的三个法宝。 图形效果包括宽、高、填充、笔触、滤镜、不透明度等，可以通过［属性］面板设置。 四、图像效果设置 使用笔触 矢量绘图中路径是图形的“骨胳”结构，它决定了图形的形状。沿路径使用不同的画笔描边，将得到千变万化的线条效果，即笔触效果。例： 选择［螺旋形］工具，无填充，绘制图形 笔触类型： 颜色#0FF、20像素，非自然-牙膏，可加纹理 螺旋度：向上增加到10 使用填充 填充是用单一颜色、渐变色、图案来填充路径内部。例： 选择［圆形］工具，绘制圆形 填充类型：渐变-放射状 填充颜色：打开填充调色板，选择右侧颜料箱，设置颜色为#F90 选择［指针］工具，调整渐变控制点 使用滤镜 滤镜可以为选定对象设置特殊效果。例：浮雕效果 绘制一大红五角星 选中，滤镜-E-B-斜角宽70、高20、平滑度25、暗度5 五、使用蒙板 蒙板是一种遮罩工具，可以部分显示被遮罩的图像。 图形蒙板 新建文档，导入一图像 选择［椭圆］工具，绘制多个图形 选中作为蒙板的椭圆，用↑键选择多个图形 选择菜单［编辑］［剪切］ 选择图像， ［编辑］［粘贴为蒙板］ 文本蒙板 新建文档，导入一图像 选择［文本］工具，输入文字 选中文字 选择菜单［编辑］［剪切］ 选择图像， ［编辑］［粘贴为蒙板］ 图像蒙板 新建文档，导入二幅图像；或打开一幅图，导入一幅图 选中作为蒙板的图像，选择菜单［编辑］［剪切］ 选择另一图像，选择菜单［编辑］［粘贴为蒙板］ 六、文本对象的编辑 文本对象的编辑 输入文本：使用“文本”