Fireworks 全套教学课件.ppt

FireWorks 北京工商大学 计算机与信息工程学院 毛典辉 maodianhui@ FireWorks简介 是Macromedia公司出品的专业网络图形设计制作工具软件； 可以创建、编辑、制作网络交互工具，增强网页的互动性，优化网页图像； 是一款编辑矢量和位图图像的综合工具； 与该公司的其它网页制作工具软件一起构成了网页设计的综合开发系统。 FireWorks的优势 与其它图像编辑工具比较，FireWorks具有下面两个优势： 矢量图形与位图图形的编辑一体化； 纯图形处理功能与GIF动画的完美组合。 可制作两种类别的图片运动效果： 基本运动类（直线、渐变）； 特效运动（遮照） 可快速创建交互式的Web图形 一、Fireworks的工作环境 启动Fireworks Fireworks的人机交互界面 Fireworks的启动 FireWorks的工作环境 Fireworks的工作模式 矢量绘图模式 位图编辑模式 设置工作环境 工具箱及其各要素 选择工具 位图工具 矢量工具 Web工具 颜色工具 视图工具 二、使用Fireworks的一般步骤 搭建合理的设计环境 创建和编辑文档 形成Web图片 图片的优化和输出 三、创建Fireworks文档 创建新文档 打开旧文档 保存编辑文档 导入其它文档 导出成其他格式文档 创建Fireworks文档的基本操作 创建Fireworks文件（PNG格式图片） 绘图画布的设置 图像大小的调整 简单绘图与添加文字 操作的撤销与恢复 历史纪录面板的作用 四、矢量绘图与文字 绘制对象（利用绘图工具） 编辑对象（利用绘图、编辑工具） 设置对象效果（通过属性面板） 创建特殊效果（属性、效果、样式等面板） 保存与输出 五、位图图片的处理 导入位图图片 使用选区工具 位图图片的效果处理 使用图层 使用蒙板 六、创建图片动画 图片动画的概念 帧的种类及其作用 元件和实例 动画的创建 七、网页图片的输出 关于Web图片的切片 图片格式的选择与优化 图片的输出 设计举例 设计一个北京工商大学的宣传图片 选区的创建和编辑 对图像编辑区域进行选取和修改，以隔离图象的编辑区域。 重点和难点 如何建立不同形状的选区； 根据色彩的不同建立选区； 选区的移动、缩放与编辑； 选区的柔化 1、选区的作用 选区被用来将图像中被编辑的区域与图像的其他部分分离开，从而实现对图像特定区域的单独调整、编辑和润色。 2、学习内容 创建选区的工具介绍 选区的编辑 柔化选区边缘 3、创建选区的工具 [选框]工具 [矩形]选框工具； [椭圆]选框工具； [套索]工具 [套索]工具； [多边形套索]工具。 [魔术棒]工具 [选框]工具——[矩形]选框工具 用来选取矩形的区域 直接拖动鼠标画出矩形区域； 按住Shift拖动鼠标画出正方形区域； 按住Alt拖动鼠标以单击点为中心画出选区； [选框]工具——[椭圆]选框工具 用来选取圆形区域 直接拖动鼠标画出椭圆形区域； 按住Shift拖动鼠标画出圆形区域； 按住Alt拖动鼠标以单击点为中心画出选区； [套索]工具——[套索]工具 选取边缘不规范的无规律区域； 拖动鼠标描绘出该区域 [套索]工具——[多边形套索]工具 选取边缘是直线的多边形选区 持续移动鼠标，在边缘的顶点处单击 [魔术棒]工具 根据预想边缘颜色的近似度来选取选区 鼠标单击选取颜色，通过调整容差、消除锯齿等参数来选取。 使用[全选]命令 选择图像中的全部像素 使用[反选]命令 选择选区之外的区域 使用[选取相似]命令 选取与选区颜色相类似的区域 4、选区的编辑 选区的移动 选区的删除、合并、减少、重叠运算 选区的反转 选区范围的调整 选区的移动 选区的移动需要使用鼠标拖动 光标进入选区呈 拖动鼠标 用光标移动键一次移一像素 按住Shift拖动会水平或垂直移动 按住Shift配合光标移动键一次10像素 按住Ctrl移动包括选中的区域 选区的删除、合并、减少、重叠运算 Ctrl+D取消选区； 按住Shift键再选取则两个选区作和运算，选区会扩大； 按住Alt键再选取则两个区域作差运算，选区会缩小； 同时按住Shift和Alt再选取则两个区域作乘积运算； 选区的反转 执行[反选]命令 选区边缘范围的调整 扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取相似 扩展或收缩选区 对选区扩边 对选区平滑处理 扩大选取与选取相似 柔化选区边缘 消除锯齿——软化像素与背景间的颜色过渡； 羽化——在选区边缘产生模糊渐变晕开的柔化效果； 定义现有选区的羽化边缘 实边、消除锯齿和羽化的效果比较 定义现有选区的羽化边缘 执行[选择]-〉[羽化]命令； 注意，如果此前执行过该命令，则羽化半径为两次的和。 选区的保存、载入 选区的保存——以备多次使