Fireworks课件.ppt

AdobeFireworksCS4是Adobe推出的一款网页作图软件 软件可以加速Web设计与开发 是一款创建与优化Web图像和快速构建网站与Web界面原型的理想工具 FireworksCS4不仅具备编辑矢量图形与位图图像的灵活性 还提供了一个预先构建资源的公用库 并可与AdobePhotoshopCS4 AdobeIllustratorCS4 AdobeDreamweaverCS4和AdobeFlashCS4软件省时集成 在Fireworks中将设计迅速转变为模型 或利用来自Illustrator Photoshop和Flash的其它资源 然后直接置入DreamweaverCS4中轻松地进行开发与部署 Fireworks第一章页面介绍 1 1Fireworks的工作环境启动Fireworks后的工作环境如图1 1所示 Fireworks的工作环境由标题栏 菜单栏 主要 工具栏 工具箱 文档窗口 属性栏 其他面板 修改工具栏 文档窗口的状态和隐藏面板按扭等组成 在Fireworks中可以调出它的主要工具栏 调出的方法为 窗口 工具栏 主要工具栏 即可显示主要工具栏对话菜单 单击 窗口 各种面板菜单命令 可以打开或关闭工具箱及各种面板 单击 窗口 工具栏 主要 或 修改菜单 命令 可以打开或关闭主要工具或修改工具栏 1 2欢迎窗口启动Fireworks以后 在文档窗口中会显示出Fireworks的欢迎界面 如图1 2所示其中各部分的含义如下 1 打开最近的文档栏 单击其中任意一个文件名 将打开相应的文件 单击打开对话框 将调出打开对话框 利用该对话框 可以打开已经保存的文件 2 新建 和 扩展 栏单击新建栏中的Fireworks文件按扭 会调出新建文档对话框 在该对话框中设置其属性后 单击确定按扭将新建一个Fireworks文档 单击扩展栏中的 FireworksExchange 热字 将链接到FireworksExchange网站 3 学习 栏此栏是由 学习Fireworks快速教程 和 学习Fireworks教程 两个热字组成 单击其中任意一个热字 将链接到相应的站点 选种 不再显示 复选框后 下次启动Fireworks时不再显示Fireworks的欢迎窗口 1 3工具箱和工具栏1 Fireworks工具箱中集聚了大量绘制和编辑对象的常用的工 具 工具箱是图象编辑和设计的工具 将鼠标指针移动到工具箱中的工具上时 会显示该工具的中文名和快捷键 单击工具箱上的黑色小三角按扭 会出现一组工具按扭菜单 如图1 3所示 当两个工具共享一个快捷键时 连续按快捷键可在两个工具间切换 例如 按V键或0 数字零 可以在 指针 工具和 选择后方对象 工具之间切换 2 主要工具栏 主要 工具栏由一些常用的操作按扭组成 包括打开和保存文件 导入和导出文件 撤消与重做 复制与粘贴等 这些都是Fireworks的基本操作 和其他软件的操作方法相同 3 修改工具栏修改工具栏有4组工具组成 如图 1 4 主要用于对图形 图象进行基本编辑 将鼠标指针移到修改工具栏的工具按扭时会显示它的中文名 从中文名中就可以了解它的作用 1 4文档窗口1 新建文档窗口单击 文件 新建 菜单命令 调出 建新文档 对话框 如图1 5所示 1 画布大小栏 它用来设置所需的画布尺寸 默认单位为像素 也可以选择尺寸或厘米 Fireworks会自动计算相应宽度和高度对应的像素值 自动进行转换 分辨率 指的是每英寸的点数 一般将分辨率设置为72像素 英寸就足够了 设置的太高了会占据较大量的内存空间 2 画布颜色 栏 用来设置画布的背景颜色 系统默认的背景色为白色 可选择 透明 和 自定义 来设置背景色 以后再创建新的图象文档时 该对话框会保持上次创建文档时的设置 以便创建图象时对其大小和画布颜色进行参考 2 文档窗口的特点文档窗口不仅是显示和编辑图象的窗口 还是预览图象优化效果的窗口 在文档窗口中包含了4个按扭 具有4中不同的显示模式 其中 原始 模式显示的是当前窗口输出设置的PNG文档 预览 模式显示的是图象在浏览器中的显示效果 2幅 和 4幅 模式显示几种不同输出设置的图象优化效果 可以对他们进行比较后选择一种较好的设置进行输出 如图1 5所示是 2幅 显示模式下的显示效果 图象下面是图象说明 文档窗口下边是文档窗口的状态栏 3 网格 标尺 和辅助线 1 标尺 单击 视图 标尺 命令 即可在文档窗口的左边和上边显示出标尺 如图1 6所示 再单击该菜单命令可取消标尺 2 网格 单击 视图 网格 显示网格 菜单命令即可在文档窗口中显示出网格 如图1 7所示 再单击该菜单命令可取消网格 单击 视图 网格 编辑网格 菜单命令 可调出 编辑网格 对话框 如图1 8所示 利用该对话框可以设置网格的颜色 间距 是否对齐网格等属性 3 辅助线 在显示标尺后 用鼠标从标尺处向画布内拖拽 即可在文档窗口中显示辅助线 如图1 8所示单击 视图 辅助线 显示辅助线 菜单命令 即可隐藏辅助线 在单击该菜单命令 可再显示辅助线 单击 视图 辅助线 编辑辅助线 菜单命令 会调出 辅助线 对话框 如图所示 利用该对话框可设置辅助线的颜色 是否锁定 是否对齐辅助线等属性 1 5Fireworks文档的基本操作1 打开与导入文档 1 打开文档 单击 文件 打开 菜单命令 调出 打开 对话框 如图1 9所示 利用该对话框可以打开Fireworks的PNG格式和其他格式的文件 如果希望打开的文件的以 未命名 形式显示 可选取 打开 为 未命名 形式复选框 若想以 动画打开 进行显示 可以选取 以动画打开 复选框 2 导入文档 在编辑文档时 可以导入其他文档 单击 文件 导入 菜单命令 调出 导入 对话框 2 保存和导出文档 1 保存文档 单击 文件 保存 或文件 另存为菜单命令可将编辑好的图象保存为PNG格式文件 2 优化文档 在导出文档前要对文档进行优化处理 可以单击 窗口 优化 菜单命令 打开 优化 面板可设置文档格式 调色板类型 设置类型等参数 3 单击文件 导出预览菜单命令 1 6改变文档的显示属性1 改变画布尺寸单击 修改 画布 画布大小 菜单命令或单击 属性栏中的 画布大小 按扭 即可调出 画布大小 对话框 如图1 10 2 改变图象尺寸单击 修改 画布 图象大小 对话框 如图1 11所示输入图象的宽度和高度 然后单击确定改变图象的大小的同时画布尺寸也改变 如果在该对话框中选中 约束比例 则画布的大小不变 3 单击 修改 画布 画布颜色 调出画布颜色对话框可以对画布的颜色进行修改 4 裁剪画布 1 选中工具箱中的 裁剪 工具 然后在画布上拖拽出一个矩形框 围住所要的区域 2 用鼠标拖拽矩形裁剪框四周的控制柄 调整裁剪框大小 3 按回车或在裁剪框内部双击 即可完成操作 5 改变画布显示比率 1 单击 视图 放大 菜单命令 可使画布放大 但是画布的大小不变 快捷键CTRL 2 单击 试图 缩小 可使画布缩小 CTRL 3 单击 试图 缩放比率 4 单击 试图 选区符合窗口大小 可使画布与窗口大小一样 工具介绍1 指针工具 具有选择 多项选择 移动的功能 多选的方法 1 框选 2 按SHIFT进行选择三角 是工具组 按住鼠标不放就可以选择工具 2 部分选定工具 用于选择群组物体的单个物体或矢量路径上的点 方法 单击按扭 或按A或数字1即可 图1 12 3 缩放工具 具有缩小放大的功能 缩放 单面缩放 线上的点 等比率缩放 对角上的点 按中心点进行缩放 按ALT 方法 单击缩放按扭 或Q 4 倾斜工具 具有倾斜 旋转的功能 同时改变物体的透视的功能 方法 用工具选中图象 5 选取框工具分为 矩形选取框和椭圆选取框 快捷键M只对选中部分进行编辑 SHIFT键进行多选ALT进行减选取消选择有两中方法 1 单击图象以外的地方 2 按CTRL D6 套索工具分为 套索和多边形套索 快捷键L作用 选择不规则的选区7 魔术棒工具 快捷键W 作用就是选择颜色相尽或相似的区域 8 刷子可以在工作区进行任意线条的描绘 快捷键B9 铅笔工具在图形上绘制线条 快捷键B 绘制直线的方法 按住SHIFT键10 橡皮擦 擦除功能 快捷键E 11 模糊工具 模糊使图象不清晰 锐化使图象慢慢清晰 渐淡使颜色变淡 烙印使图象变黑 涂抹用来涂颜色 快捷键R 12 橡皮图章就是用来复制图形的 快捷键R 替换颜色工具 用来替换选取的颜色 用ALT可以吸取图片中的颜色进行替换 红眼消除工具 消除红色后为黑色 13 滴管 用来吸取图片中想要的颜色 快捷键I 14 油漆桶 填充图案的颜色 渐变 就是给填充区域填充渐变颜色的 快捷键G 15 直线工具 就是绘制直线线段的 快捷键N 按住SHIFT可以画直线 16 钢笔工具 用来绘制任意的直线或曲线 快捷键P 矢量路径工具 该工具具有自动封闭的功能 如果离的远了则不具有该功能 重绘路径 对要修改的地